:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171a2f;background:#f5f6fa;--cx-ink:#171a2f;--cx-muted:#73798d;--cx-bg:#f5f6fa;--cx-surface:#ffffff;--cx-border:#e6e8f0;--cx-border-strong:#d8dbe7;--cx-navy:#0d1532;--cx-navy-2:#172049;--cx-indigo:#373197;--cx-violet:#6c42ba;--cx-plum:#7d3f82;--cx-coral:#ff6b5d;--cx-rose:#f42f78;--cx-orange:#f18a00;--cx-lavender:#f1efff;--cx-shadow:0 10px 30px rgba(30,33,72,.07)}*{box-sizing:border-box}body{margin:0;background:var(--cx-bg);color:var(--cx-ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr;background:var(--cx-bg)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0a1230,#111a3d 58%,#1a204a);color:#eef1ff;padding:24px 18px 18px;display:flex;flex-direction:column;justify-content:space-between;overflow:auto;box-shadow:10px 0 35px rgba(20,24,58,.08)}.sidebar-brand{padding:0 4px 20px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-logo-panel{width:174px;min-height:86px;display:flex;align-items:center;justify-content:center;padding:10px 12px;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.75);border-radius:16px;box-shadow:0 10px 26px rgba(4,7,20,.18)}.brand-logo-image{display:block;width:150px;height:auto;max-width:100%}.brand-subtitle{display:block;margin:10px 4px 0;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9fa8cb}.sidebar-nav{display:grid;gap:20px;padding-top:12px}.nav-group{display:grid;gap:7px}.nav-group-label{padding:0 11px;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#7f8ab7}.nav-group-links{display:grid;gap:4px}.nav-link{position:relative;display:flex;align-items:center;gap:10px;min-height:39px;padding:9px 12px 9px 15px;border-radius:10px;color:#c8cee7;font-size:13px;font-weight:520;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.nav-link:hover{background:rgba(255,255,255,.075);color:#fff;transform:translateX(1px)}.nav-link.active{background:linear-gradient(100deg,rgba(62,54,157,.78),rgba(125,63,130,.72));color:#fff;box-shadow:0 8px 22px rgba(11,13,44,.22),inset 0 1px 0 rgba(255,255,255,.08)}.nav-link-indicator{position:absolute;left:0;width:3px;height:20px;border-radius:0 4px 4px 0;background:transparent}.nav-link.active .nav-link-indicator{background:linear-gradient(180deg,var(--cx-coral),var(--cx-orange))}.user-card{border-top:1px solid rgba(255,255,255,.1);padding:18px 6px 0;margin-top:24px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.user-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cx-indigo),var(--cx-plum));color:#fff;font-weight:700;font-size:14px;box-shadow:0 5px 15px rgba(0,0,0,.16)}.user-copy span,.user-copy strong{display:block}.user-copy strong{font-size:12px;font-weight:650;color:#fff}.user-copy span{font-size:10px;text-transform:capitalize;color:#9ca7ca;margin-top:3px}.sign-out{border:0;background:transparent;color:#ffb36b;padding:7px 0 0;cursor:pointer;font-size:11px}.sign-out:hover{color:#ffd1a4}.main-column{min-width:0}.topbar{position:sticky;top:0;z-index:20;height:72px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--cx-border);display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:0 30px;color:#667088;font-size:12px;box-shadow:0 3px 18px rgba(27,31,70,.03)}.topbar-search{margin-right:auto;position:relative}.topbar-search input{width:min(500px,48vw);border:1px solid var(--cx-border-strong);background:#fbfbfd;border-radius:12px;padding:11px 14px 11px 38px;outline:none;color:var(--cx-ink);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.topbar-search input:focus{background:#fff;border-color:#8d76cf;box-shadow:0 0 0 4px rgba(108,66,186,.1)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-52%);font-size:18px;color:#8c92a5;pointer-events:none}.topbar-environment{display:flex;align-items:center;gap:8px}.environment-name{color:#8a90a1}.environment-pill{padding:6px 9px;background:linear-gradient(135deg,#efedff,#f7eafa);border:1px solid #ddd6fb;border-radius:999px;color:#5b438e;font-weight:650}.page-content{padding:32px 34px 44px;max-width:1560px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h1{font-size:31px;letter-spacing:-.035em;margin:2px 0 6px;color:#171a2f}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;color:var(--cx-coral);margin:0}.muted{color:var(--cx-muted);margin:0;line-height:1.5}.record-count{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:var(--cx-lavender);border:1px solid #e2ddfb;color:#5c4a91;font-size:11px;font-weight:650}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric-card,.panel{background:var(--cx-surface);border:1px solid var(--cx-border);border-radius:15px;box-shadow:var(--cx-shadow)}.metric-card{padding:19px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-24px;top:-24px;width:78px;height:78px;border-radius:50%;background:linear-gradient(135deg,rgba(108,66,186,.1),rgba(244,47,120,.07))}.metric-card span{display:block;color:#777d90;font-size:12px}.metric-card strong{display:block;font-size:30px;margin-top:8px;letter-spacing:-.04em;color:#161a34}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #ececf3;background:linear-gradient(180deg,#fff,#fdfdff)}.panel-heading h2{font-size:15px;margin:0;color:#20243d}.panel-heading span{color:#7b8295;font-size:11px}.stack-list{padding:4px 20px}.stack-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #efeff5}.stack-row:last-child{border-bottom:0}.stack-row span,.stack-row strong{display:block}.stack-row div span{font-size:11px;color:#7f8598;margin-top:3px}.priority,.status{font-size:10px!important;font-weight:750;text-transform:uppercase;letter-spacing:.05em;padding:5px 8px;border-radius:999px;background:#f0f0fb;color:#5b5390;border:1px solid #e4e2f7}.status.building{background:#fff0ed;color:#a9544d;border-color:#ffd6cf}.status.live{background:#e8f8f1;color:#27765a;border-color:#d0eddf}.priority{background:#f6effb;color:#75468d;border-color:#ead9f3}.table-panel{min-height:250px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;padding:12px 15px;background:#f8f8fc;color:#6f7689;font-size:10px;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #e7e8ef}td{padding:14px 15px;border-bottom:1px solid #eeeef4;vertical-align:top;text-transform:none;color:#252940}tbody tr{transition:background .14s ease}tbody tr:hover{background:#fcfbff}.empty-state{color:#81879a;font-size:13px}.empty-state.large{min-height:220px;display:grid;place-content:center;text-align:center;gap:5px}.empty-state.large strong{color:#35394f}.empty-state.large span{display:block}.error-state{color:#a33d48;padding:20px}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,rgba(244,47,120,.16),transparent 32%),linear-gradient(145deg,#0c1432,#25235d 58%,#5d2e69);padding:24px}.auth-card{width:min(430px,100%);background:#fff;border:1px solid rgba(255,255,255,.65);border-radius:20px;padding:36px;box-shadow:0 28px 80px rgba(3,7,28,.34)}.auth-card .brand-mark{margin-bottom:24px}.auth-card h1{font-size:34px;margin:4px 0 8px;letter-spacing:-.04em}.auth-form{display:grid;gap:8px;margin-top:28px}.auth-form label{font-size:11px;font-weight:750}.auth-form input{border:1px solid var(--cx-border-strong);border-radius:10px;padding:12px 13px;outline:none}.auth-form input:focus{border-color:#7b61c5;box-shadow:0 0 0 4px rgba(108,66,186,.1)}.auth-form button{margin-top:6px;border:0;border-radius:10px;background:linear-gradient(110deg,var(--cx-indigo),var(--cx-plum));color:#fff;padding:12px;font-weight:650;cursor:pointer;box-shadow:0 7px 18px rgba(74,56,153,.2)}.auth-form button:disabled{opacity:.6}.form-message{font-size:13px;color:#697185;margin:14px 0 0}.success-banner{padding:12px 14px;background:linear-gradient(90deg,#edf9f4,#f5f0ff);border:1px solid #d6ebe2;color:#356b5a;border-radius:11px;margin:-6px 0 20px;font-size:12px;font-weight:620}.intake-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-section .panel-heading{align-items:flex-start}.form-section .panel-heading div span{display:block;margin-top:4px}.form-grid{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:grid;gap:6px}.form-field.full{grid-column:1/-1}.form-field span{font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:#72798c}.form-field input,.form-field select,.search-form input{width:100%;border:1px solid var(--cx-border-strong);border-radius:10px;padding:10px 11px;background:#fff;outline:none;color:#252940}.form-field input:focus,.form-field select:focus,.search-form input:focus{border-color:#8068c8;box-shadow:0 0 0 4px rgba(108,66,186,.09)}.primary-button{border:0;border-radius:999px;background:linear-gradient(110deg,var(--cx-indigo),var(--cx-plum));color:#fff;padding:10px 16px;font-weight:620;cursor:pointer;width:max-content;box-shadow:0 6px 16px rgba(62,49,143,.18);transition:transform .15s ease,box-shadow .15s ease}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 20px rgba(62,49,143,.22)}.primary-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.form-grid>.primary-button{grid-column:1/-1}.search-panel{padding:20px}.search-form{display:grid;grid-template-columns:1fr auto;gap:10px}.search-form input{font-size:14px}.search-summary{font-size:11px;color:#7b8193;margin:18px 0 8px}.search-results{display:grid}.search-result{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:14px 4px;border-top:1px solid #efeff4}.search-result:hover{background:#fcfbff}.result-type{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--cx-coral);font-weight:850}.search-result div span,.search-result strong{display:block}.search-result div span{font-size:11px;color:#7e8496;margin-top:3px}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.intake-grid,.two-column{grid-template-columns:1fr}.app-shell{grid-template-columns:225px 1fr}.sidebar{padding-left:14px;padding-right:14px}.brand-logo-panel{width:160px}.brand-logo-image{width:138px}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:relative;height:auto}.sidebar-nav{gap:14px}.nav-group-links{grid-template-columns:1fr 1fr}.user-card{margin-top:18px}.page-content{padding:22px}.metric-grid{grid-template-columns:1fr 1fr}.topbar{display:none}.page-heading{align-items:flex-start;flex-direction:column}.auth-card{padding:28px 24px}.form-grid{grid-template-columns:1fr}.form-field.full,.form-grid>.primary-button{grid-column:auto}}.sidebar{padding:16px 14px 14px}.sidebar-brand{padding:0 2px 12px;margin-bottom:2px}.brand-logo-panel{width:152px;min-height:72px;padding:7px 9px;border-radius:14px}.brand-logo-image{width:130px}.brand-subtitle{margin:7px 4px 0;font-size:9px;letter-spacing:.14em}.sidebar-nav{gap:12px;padding-top:8px}.nav-group{gap:4px}.nav-group-label{padding:0 10px;font-size:8px}.nav-group-links{gap:2px}.nav-link{min-height:34px;padding:6px 10px 6px 13px;font-size:12px}.nav-link-indicator{height:18px}.user-card{padding:12px 5px 0;margin-top:14px;grid-template-columns:34px 1fr auto;gap:8px}.user-avatar{width:34px;height:34px;font-size:13px}@media (max-width:1050px){.sidebar{padding:14px 12px 12px}.brand-logo-panel{width:146px}.brand-logo-image{width:124px}}@media (max-width:720px){.sidebar{padding:18px 14px}.sidebar-nav{gap:14px}}