:root{--bg:#071427;--panel:#0e2038;--panel2:#142c49;--line:#27415e;--text:#edf6ff;--muted:#94acc8;--accent:#55b4ff;--accent2:#8a9aff;--good:#43d7b1;--bad:#ff8295;--radius:18px;--navh:72px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.danger-text{color:var(--bad)!important}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--accent);text-transform:uppercase}.form-message{margin:8px 0}.error{color:var(--bad)}
.public-shell{min-height:100vh;background:#061224}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-brand-panel{padding:44px 54px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 10% 10%,rgba(255,107,85,.15),transparent 28%),#121419;border-right:1px solid var(--line)}.login-wordmark{display:flex;align-items:center;gap:14px}.logo-tile,.desktop-logo span,.mobile-brand span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--text);color:#111;font-weight:900}.login-wordmark span:last-child{display:grid}.login-wordmark small{color:var(--muted);font-size:12px}.login-poster{max-width:650px}.login-poster p:first-child{letter-spacing:.2em;font-size:11px;color:var(--accent)}.login-poster h1{font-size:clamp(42px,7vw,88px);line-height:.96;margin:18px 0 28px;letter-spacing:-.05em}.login-poster h1 span{color:#8f939c;font-weight:500}.login-rule{height:1px;background:var(--line);margin:30px 0}.login-note{max-width:520px;color:var(--muted);font-size:16px;line-height:1.7}.login-form-panel{display:grid;place-items:center;padding:32px;position:relative}.ghost-link{position:absolute;top:30px;right:32px;border:0;background:none;color:var(--muted)}.login-card{width:min(420px,100%)}.login-card h2{font-size:34px;margin:10px 0 8px;letter-spacing:-.03em}.login-card>p{color:var(--muted);margin:0 0 28px}.login-card form{display:grid;gap:16px}.login-card label,.settings-card label{display:grid;gap:8px}.login-card label span,.settings-card label>span:first-child{font-size:12px;color:var(--muted);font-weight:700}.login-card input,.settings-card input,.settings-card select{width:100%;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:14px 15px;outline:none}.login-card input:focus,.settings-card input:focus,.settings-card select:focus{border-color:var(--accent)}.primary-button{border:0;border-radius:12px;background:var(--accent);color:#061b32;font-weight:900;padding:14px 18px}.primary-button.small{padding:10px 14px}.login-security{display:block;color:var(--muted);margin-top:18px}
.app-frame{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}.desktop-nav{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--line);background:#061224;display:flex;flex-direction:column}.desktop-logo{border:0;background:none;display:flex;align-items:center;gap:12px;padding:0;margin-bottom:32px;font-size:17px}.desktop-nav nav{display:grid;gap:6px}.nav-button{border:0;background:transparent;color:var(--muted);border-radius:12px}.desktop-nav .nav-button{display:flex;align-items:center;gap:12px;padding:12px}.desktop-nav .nav-button b{width:26px;text-align:center;font-size:18px}.nav-button.active{background:var(--panel2);color:var(--text)}.desktop-server{margin-top:auto;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.desktop-server i,#serverDot{width:8px;height:8px;border-radius:999px;background:var(--good)}.content-shell{min-width:0}.app-header{height:72px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;background:rgba(7,20,39,.94);backdrop-filter:blur(12px)}.mobile-brand{display:none;border:0;background:none;align-items:center;gap:8px}.mobile-brand span{width:34px;height:34px;border-radius:10px}.header-spacer{flex:1}.user-pill{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:5px 10px 5px 5px;display:flex;align-items:center;gap:9px}.user-pill>span:first-child{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#061b32;display:grid;place-items:center;font-weight:900}.user-pill>span:last-child{display:grid;text-align:left}.user-pill small{color:var(--muted);font-size:10px}.user-menu{position:fixed;right:28px;top:62px;z-index:50;width:180px;padding:8px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px #0007}.user-menu button{width:100%;text-align:left;border:0;background:none;padding:10px;border-radius:8px}.user-menu button:hover{background:#ffffff0c}.app-content{height:calc(100vh - 72px);overflow:auto;padding:34px max(28px,calc((100vw - 220px - 980px)/2));scrollbar-gutter:stable}.screen{max-width:980px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.page-head h1{font-size:44px;line-height:1;margin:7px 0 6px;letter-spacing:-.045em}.page-head p{margin:0;color:var(--muted)}.round-add{width:52px;height:52px;border-radius:50%;border:0;background:var(--text);color:#111;font-size:26px}.summary-line{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line);margin-bottom:22px}.summary-line>div{padding:15px 8px;display:flex;align-items:baseline;gap:7px;border-right:1px solid var(--line)}.summary-line>div:last-child{border-right:0}.summary-line strong{font-size:24px}.summary-line span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.search-zone{margin-bottom:14px}.search-line{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:0 14px}.search-line>span{font-size:21px;color:var(--accent)}.search-line input{flex:1;border:0;outline:0;background:none;padding:15px 0;font-size:16px}.search-line button{border:0;background:none;color:var(--muted)}.filter-row{display:flex;gap:8px;overflow:auto;padding:10px 0 2px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-button{flex:0 0 auto;border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 13px;border-radius:999px;font-size:12px;font-weight:800}.filter-button.active{background:var(--text);color:#111;border-color:var(--text)}.profile-toolbar{display:flex;gap:8px;margin:10px 0 16px}.profile-toolbar button,.selection-box button,.backup-import-row button,.settings-card button,.empty-box button,.panel-title button{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:9px 12px;font-size:12px;font-weight:800}.profile-toolbar .toolbar-primary{margin-left:auto;background:var(--accent);color:#061b32;border-color:var(--accent)}.selection-box{border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:12px;background:var(--panel)}.selection-box>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.profile-list{display:grid;gap:8px;padding-bottom:12px}.profile-card{position:relative;border:1px solid var(--line);background:#0d2038;border-radius:16px;overflow:visible;transition:border-color .2s,transform .2s}.profile-card:hover{border-color:#416c96}.profile-card.selected{outline:2px solid var(--accent);outline-offset:1px}.profile-card.visited{opacity:.82}.profile-card.has-error{border-color:#854354}.profile-card::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--status-color,var(--line))}.card-grid{display:grid;grid-template-columns:42px 72px minmax(0,1fr) auto;grid-template-areas:"number avatar main side" "number avatar details details" "number avatar footer footer" "error error error error";gap:6px 12px;padding:12px 12px 12px 10px;align-items:center}.card-number{grid-area:number;width:34px;height:34px;border:0;background:#16314f;color:var(--muted);border-radius:10px;font-size:12px;font-weight:900}.avatar-wrap{grid-area:avatar;width:72px;height:72px;border-radius:14px;overflow:hidden;background:#16314f}.avatar,.avatar-fallback{width:100%;height:100%;object-fit:cover}.avatar-fallback{display:grid;place-items:center;color:#8da8c4;font-size:26px}.card-main{grid-area:main;min-width:0;align-self:end}.card-title-row h3{margin:0;font-size:16px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.username-row{display:flex;align-items:center;gap:5px;margin-top:4px}.username-link{font-size:12px;color:var(--muted);border:0;background:none;padding:0}.username-link.available{color:#daeaff}.mini-copy{border:0;background:none;padding:2px;color:#96abc3}.mini-copy svg,.square-action svg{width:16px;height:16px}.card-side{grid-area:side;display:flex;align-self:start;gap:4px}.square-action{width:34px;height:34px;border:1px solid var(--line);background:#152f4e;border-radius:10px;display:grid;place-items:center;color:#9ba0aa}.square-action.active{color:var(--accent2);border-color:#5f5732}.detail-grid{grid-area:details;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:7px}.detail-box{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 26px;grid-template-rows:auto auto;border-top:1px solid var(--line);padding-top:7px}.detail-box label{grid-column:1/3;font-size:9px;font-weight:800;color:#8aa5c4;letter-spacing:.1em;text-transform:uppercase}.uid-app-link,.detail-value{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:0;background:none;padding:2px 0;text-align:left;font-size:13px;color:#e2f1ff}.detail-box>.mini-copy{grid-column:2;grid-row:2}.card-footer{grid-area:footer;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.status-chip,.metric-chip,.instagram-chip{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:4px 7px;background:#16314f;color:#9da3ad}.side-status{color:var(--status-color,var(--muted))}.card-error{grid-area:error;margin-top:4px;color:#e89999;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-menu{position:absolute;right:10px;top:50px;z-index:10;width:180px;padding:7px;border-radius:12px;border:1px solid var(--line);background:#202329;box-shadow:0 16px 40px #0008}.card-menu button{display:block;width:100%;border:0;background:none;text-align:left;padding:9px;border-radius:7px;font-size:12px}.card-menu button:hover{background:#ffffff0a}.queue-strip{max-width:980px;margin:0 auto 18px;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:11px 12px}.queue-strip>div:first-child{display:flex;justify-content:space-between;font-size:12px}.queue-track{height:4px;background:#262a31;border-radius:99px;margin-top:8px;overflow:hidden}.queue-track span{display:block;height:100%;width:0;background:var(--accent)}.queue-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:7px}.queue-actions button{border:0;background:none;color:var(--muted);font-size:11px}.empty-box{text-align:center;border:1px dashed var(--line);border-radius:18px;padding:42px 18px;color:var(--muted)}.empty-box span{display:block;font-size:36px}.empty-box strong{display:block;color:var(--text);font-size:18px;margin:8px}.editor-card,.settings-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.editor-card textarea{width:100%;min-height:320px;resize:vertical;border:0;outline:0;background:#0f1114;border-radius:12px;padding:16px;line-height:1.6}.editor-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:9px 0 14px}.backup-import-row{display:flex;gap:8px;align-items:center;margin-top:10px}.backup-import-row input{max-width:220px;color:var(--muted)}.saved-search{margin-bottom:14px}.settings-stack{display:grid;gap:12px}.settings-card h2{margin:0 0 14px;font-size:16px}.setting-row{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.setting-row>span{display:grid}.setting-row small{color:var(--muted)}.setting-row select,.setting-row input{width:auto;min-width:130px}.button-grid{display:flex;gap:8px;flex-wrap:wrap}.danger-panel{border-color:#4a2a2c}.danger-button{border:1px solid #633235!important;color:#ff8a8a;background:#241719!important}.create-user{display:grid;grid-template-columns:1fr 1fr 160px auto;gap:10px;align-items:end;margin-bottom:12px}.panel-title{display:flex;align-items:center;justify-content:space-between}.users-list,.audit-list{display:grid;gap:8px}.diagnostic-result{white-space:pre-wrap;background:#081729;border-radius:10px;padding:12px;overflow:auto}.toast-container{position:fixed;right:18px;bottom:18px;z-index:100;display:grid;gap:8px}.toast{background:#122b48;border:1px solid var(--line);padding:10px 14px;border-radius:10px;box-shadow:0 8px 28px #0008}.mobile-tabs{display:none}.list-sentinel{height:1px}.virtual-spacer{width:100%}
html.light{--bg:#f4f2ed;--panel:#fff;--panel2:#f0eee8;--line:#d9d5cc;--text:#191a1d;--muted:#77766f;--accent:#ee5c46}.light .desktop-nav,.light .app-header{background:#f7f5f0}.light .profile-card{background:#fff}.light .editor-card textarea{background:#f5f3ef}
html.font-sm{font-size:14px}html.font-lg{font-size:18px}html.view-compact .card-grid{padding-block:8px}html.view-compact .avatar-wrap{width:58px;height:58px}html.view-compact .card-grid{grid-template-columns:38px 58px minmax(0,1fr) auto}
@media(max-width:760px){:root{--navh:66px}.login-layout{display:block}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:28px 22px}.ghost-link{display:none}.login-card h2{font-size:30px}.app-frame{display:block}.desktop-nav{display:none}.content-shell{min-height:100vh}.app-header{height:58px;padding:0 14px}.mobile-brand{display:flex}.user-pill{border:0;background:transparent;padding:0}.user-pill>span:last-child{display:none}.user-pill>span:first-child{width:34px;height:34px}.user-menu{right:12px;top:52px}.app-content{height:calc(100vh - 58px);padding:18px 14px calc(var(--navh) + 34px);scrollbar-gutter:auto}.page-head{align-items:center;margin-bottom:18px}.page-head h1{font-size:31px}.page-head p{font-size:12px}.round-add{width:44px;height:44px;font-size:22px}.summary-line{grid-template-columns:repeat(5,minmax(60px,1fr));overflow:auto;margin-inline:-14px;padding-inline:14px;border-block:1px solid var(--line)}.summary-line>div{min-width:68px;padding:12px 4px;display:grid;gap:1px}.summary-line strong{font-size:21px}.summary-line span{font-size:9px}.search-zone{position:relative;z-index:2}.search-line{border-radius:12px}.search-line input{padding:13px 0}.filter-row{padding-top:9px}.profile-toolbar{overflow:auto;scrollbar-width:none}.profile-toolbar::-webkit-scrollbar{display:none}.profile-toolbar button{flex:0 0 auto}.profile-toolbar .toolbar-primary{margin-left:0}.card-grid{grid-template-columns:34px 64px minmax(0,1fr) auto;grid-template-areas:"number avatar main side" "number avatar details details" "number avatar footer footer" "error error error error";gap:5px 8px;padding:10px 9px 10px 8px}.card-number{width:30px;height:30px;font-size:11px}.avatar-wrap{width:64px;height:64px;border-radius:12px}.card-title-row h3{font-size:15px}.card-side{gap:3px}.square-action{width:31px;height:31px}.detail-grid{gap:5px}.detail-box label{font-size:8px}.uid-app-link,.detail-value{font-size:12px}.status-chip,.metric-chip,.instagram-chip{font-size:8px}.profile-card{border-radius:14px}.mobile-tabs{position:fixed;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:40;height:var(--navh);display:flex;align-items:stretch;justify-content:space-around;padding:5px;background:rgba(8,22,43,.96);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 35px #0009}.mobile-tabs .nav-button{flex:1;min-width:0;display:grid;place-items:center;align-content:center;gap:1px;padding:4px;border-radius:13px}.mobile-tabs .nav-button b{font-size:18px;line-height:1}.mobile-tabs .nav-button span{font-size:9px;font-weight:800}.mobile-tabs .nav-button.active{background:var(--text);color:#111}.settings-card{padding:15px}.setting-row{align-items:flex-start}.setting-row select,.setting-row input{min-width:110px}.create-user{grid-template-columns:1fr}.editor-card textarea{min-height:300px}.toast-container{left:14px;right:14px;bottom:calc(var(--navh) + 16px)}.toast{text-align:center}.queue-strip{margin-bottom:12px}.backup-import-row{align-items:stretch;flex-direction:column}.saved-search{margin-bottom:12px}}
@media(max-width:390px){.card-grid{grid-template-columns:30px 58px minmax(0,1fr) 34px}.avatar-wrap{width:58px;height:58px}.card-side{display:grid}.detail-grid{grid-template-columns:1fr}.detail-box{grid-template-columns:minmax(0,1fr) 24px}.summary-line>div{min-width:62px}.profile-toolbar button{font-size:11px;padding:8px 10px}}

/* XeroxUID Navy v9: deliberately scoped dark appearance, keeping optional light mode functional */
html:not(.light){color-scheme:dark;background:#071427}
html:not(.light) body{background:radial-gradient(ellipse at 88% -15%,rgba(30,105,188,.12),transparent 48%),var(--bg)}
html:not(.light) .public-shell{background:radial-gradient(circle at 70% 12%,rgba(51,136,233,.13),transparent 42%),#071427}
html:not(.light) .login-brand-panel{background:radial-gradient(ellipse at 12% 18%,rgba(60,138,232,.22),transparent 55%),linear-gradient(155deg,#091b35 0%,#071427 75%);border-right-color:#27415e}
html:not(.light) .login-poster h1 span{color:#81bffc}
html:not(.light) .logo-tile,html:not(.light) .desktop-logo span,html:not(.light) .mobile-brand span{background:linear-gradient(145deg,#6bc6ff,#4f84f3);color:#061a32;box-shadow:0 8px 24px rgba(46,139,230,.18)}
html:not(.light) .primary-button,html:not(.light) .toolbar-primary{background:linear-gradient(110deg,#53baff,#6197fa);color:#051c33;box-shadow:0 5px 19px rgba(38,132,236,.12)}
html:not(.light) .primary-button:hover,html:not(.light) .toolbar-primary:hover{filter:brightness(1.08)}
html:not(.light) .filter-button.active,html:not(.light) .mobile-tabs .nav-button.active{background:#58b6ff;color:#061b31;border-color:#58b6ff}
html:not(.light) .desktop-nav{background:#071629}
html:not(.light) .app-header{background:rgba(7,22,41,.94)}
html:not(.light) .profile-card{background:linear-gradient(140deg,#10233e,#0c1d35);border-color:#264363}
html:not(.light) .profile-card:hover{border-color:#498ac6}
html:not(.light) .avatar-wrap{background:#173452}
html:not(.light) .search-line:focus-within,html:not(.light) .login-card input:focus{border-color:#6dbefa;box-shadow:0 0 0 3px rgba(61,147,234,.14)}
html:not(.light) button:focus-visible,html:not(.light) a:focus-visible{outline:2px solid #67bfff;outline-offset:3px}
@media(max-width:760px){html:not(.light) .login-form-panel{background:radial-gradient(circle at 20% -10%,rgba(51,136,233,.18),transparent 55%),#071427}html:not(.light) .mobile-tabs{background:rgba(9,29,53,.96)}}
@media(prefers-reduced-motion:reduce){html:not(.light) *,html:not(.light) *::before,html:not(.light) *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}