:root{--bg:#f3f5f7;--ink:#172025;--muted:#6d7984;--line:#dce3e8;--panel:#ffffffe0;--panel-solid:#fff;--panel-soft:#f8fafb;--accent:#00a0e6;--accent-2:#111820;--accent-soft:#e6f6fd;--danger:#b42318;--danger-soft:#fff0ed;--warn:#a15c07;--warn-soft:#fff7df;--ok:#0079b8;--ok-soft:#e8f7ff;--shadow:0 20px 60px #1e293b1c;--shadow-soft:0 10px 28px #1e293b12}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at top left, #00a0e621, transparent 34rem), linear-gradient(135deg, #11182014, transparent 28rem), linear-gradient(180deg, #fbfcfd 0%, var(--bg) 48%, #eef2f5 100%);color:var(--ink);margin:0;font-family:IBM Plex Sans,Aptos,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;background-image:linear-gradient(#17202509 1px,#0000 1px),linear-gradient(90deg,#17202509 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.app-shell{max-width:1720px;min-height:100vh;margin:0 auto;padding:24px;position:relative}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.brand-lockup{align-items:center;gap:14px;min-width:0;display:flex}.brand-logo{border:1px solid var(--line);object-fit:contain;background:#ffffffd6;border-radius:8px;flex:none;width:176px;height:54px;padding:8px 10px;display:block;box-shadow:0 14px 28px #00a0e61f}.brand-mark{color:#fff;background:linear-gradient(135deg,#00a0e6,#111820);border-radius:8px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 14px 28px #00a0e638}.topbar-actions{align-items:center;gap:10px;display:flex}.sync-chip,.health-card,.panel-heading>span,.detail-header>strong,.user-snapshot span{align-items:center;gap:8px;display:inline-flex}.sync-chip{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#ffffffb8;border-radius:999px;padding:10px 13px;font-size:13px}button.sync-chip{cursor:pointer}.active-instance{color:var(--accent);font-weight:900}.instance-shell{background:var(--panel);box-shadow:var(--shadow);border:1px solid #dce3e8eb;border-radius:8px;gap:16px;max-width:980px;margin:40px auto 0;padding:22px;display:grid}.instance-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.instance-card{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:8px;gap:8px;min-height:112px;padding:18px;transition:border .14s,box-shadow .14s,transform .14s;display:grid}.instance-card:hover{box-shadow:var(--shadow-soft);border-color:#a7dff5;transform:translateY(-1px)}.instance-card span{font-size:20px;font-weight:900}.instance-card small{color:var(--muted);overflow-wrap:anywhere}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(26px,3vw,42px);line-height:1.04}h2{margin-bottom:0;font-size:21px;line-height:1.18}h3{margin-bottom:0;font-size:15px}.button{color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:11px 15px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg, var(--accent), #0079b8);box-shadow:0 12px 24px #00a0e638}.button.danger{background:linear-gradient(135deg, var(--danger), #8f2f22);width:100%;box-shadow:0 12px 24px #b423182e}.button.secondary{background:#172025;box-shadow:0 12px 24px #17202529}.button.ghost{border:1px solid var(--line);color:var(--ink);box-shadow:none;background:#fff}.button.compact{min-height:36px;padding:8px 11px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.overview-band{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#ffffffeb,#e6f6fde0);border:1px solid #dce3e8d6;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:18px;display:flex}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.login-card{background:var(--panel);box-shadow:var(--shadow);border:1px solid #dce3e8eb;border-radius:8px;width:min(430px,100%);max-width:430px;padding:28px}.login-logo{width:78%;max-width:245px;height:auto;margin-bottom:22px;display:block}.login-card h1{margin-bottom:10px;font-size:34px}.login-copy{color:var(--muted);margin-bottom:22px;line-height:1.5}.login-form{gap:13px;display:grid}.login-form .button{width:100%}.overview-band h2{max-width:740px}.health-card{border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:10px 13px;font-size:13px;font-weight:800}.health-card.ok{background:var(--ok-soft);color:var(--ok);border-color:#b7e3f8}.health-card.warn{background:var(--warn-soft);color:var(--warn);border-color:#efd287}.metrics{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.metric{background:var(--panel);box-shadow:var(--shadow-soft);border:1px solid #dce3e8e6;border-radius:8px;align-items:center;gap:13px;min-height:92px;padding:16px;display:flex}.metric-icon{background:linear-gradient(135deg, var(--accent-soft), #f2f6f9);color:var(--accent);border:1px solid #c7e9f8;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;display:grid}.metric span{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.metric strong{font-size:30px;line-height:1;display:block}.messages{gap:10px;margin-bottom:16px;display:grid}.message{border-radius:8px;margin:0;padding:13px 15px}.message.error{background:var(--danger-soft);color:var(--danger);border:1px solid #f2b8b1}.message.ok{background:var(--ok-soft);color:var(--ok);border:1px solid #b7e3f8}.message.warn{background:var(--warn-soft);color:var(--warn);border:1px solid #efd287}.workspace{grid-template-columns:minmax(310px,.72fr) minmax(560px,1.28fr);gap:16px;display:grid}.users-panel,.detail-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);box-shadow:var(--shadow);border:1px solid #dce3e8eb;border-radius:8px;min-height:650px}.users-panel{padding:16px}.detail-panel{padding:20px}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:-2px 0 14px;padding-bottom:14px;display:flex}.panel-heading>span{background:var(--panel-soft);border:1px solid var(--line);color:var(--accent);border-radius:999px;min-width:38px;padding:8px 11px;font-size:13px;font-weight:900}.filters{gap:10px;margin-bottom:12px;display:grid}.field{display:block}.field.with-icon{position:relative}.field.with-icon svg{color:var(--muted);z-index:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}input,select,textarea{border:1px solid var(--line);color:var(--ink);background:#ffffffeb;border-radius:8px;outline:0;width:100%;padding:11px 12px}.with-icon input,.with-icon select{padding-left:38px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #00a0e61f}.user-list{gap:8px;max-height:548px;padding-right:4px;display:grid;overflow:auto}.user-list::-webkit-scrollbar{width:8px}.access-table::-webkit-scrollbar{width:8px}.user-list::-webkit-scrollbar-thumb{background:#c7d1d8;border-radius:999px}.access-table::-webkit-scrollbar-thumb{background:#c7d1d8;border-radius:999px}.user-row{color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;transition:background .14s,border .14s,transform .14s;display:grid}.user-row.active,.user-row:hover{background:linear-gradient(135deg,#e6f6fdf5,#f2f6f9c7);border-color:#a7dff5}.user-row:hover{transform:translateY(-1px)}.avatar{color:#fff;background:#172025;border-radius:8px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:900;display:grid}.user-copy{min-width:0}.user-row strong,.user-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-row small{color:var(--muted);margin-top:3px}.user-row em{border:1px solid var(--line);color:var(--accent);text-align:center;background:#fff;border-radius:999px;min-width:34px;padding:5px 8px;font-style:normal;font-weight:900}.detail-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;padding-bottom:18px;display:flex}.detail-header h2{overflow-wrap:anywhere;max-width:720px}.detail-header span,.empty,.hint{color:var(--muted)}.detail-header>strong{color:#fff;background:#172025;border-radius:999px;flex:none;padding:9px 12px;font-size:13px}.detail-actions{flex-direction:column;align-items:flex-end;gap:9px;display:flex}.detail-actions>strong{color:#fff;background:#172025;border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:inline-flex}.user-snapshot{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.user-snapshot span{background:var(--panel-soft);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:12px;font-size:13px;font-weight:800}.access-section{margin-bottom:20px}.section-title{color:var(--ink);align-items:center;gap:9px;margin-bottom:10px;display:flex}.section-title svg{color:var(--accent)}.section-title span{background:var(--accent-soft);color:var(--accent);text-align:center;border-radius:999px;min-width:30px;margin-left:auto;padding:4px 8px;font-size:12px;font-weight:900}.access-table{gap:9px;max-height:250px;padding-right:4px;display:grid;overflow:auto}.access-row{border:1px solid var(--line);background:#f8fafbf0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;display:grid}.access-row strong,.access-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.access-row small{color:var(--muted);margin-top:3px}.badge{color:#43515e;white-space:nowrap;background:#eef2f6;border:1px solid #d7dee6;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.badge.strong{background:var(--accent-soft);color:var(--accent);border-color:#a7dff5}.badge.neutral{color:#596775;background:#f4f6f8;border-color:#d7dee6}.row-actions{gap:7px;display:flex}.row-actions button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;transition:background .14s,color .14s,transform .14s;display:grid}.row-actions button:hover{color:#fff;background:#172025;transform:translateY(-1px)}.icon-button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;place-items:center;width:38px;height:38px;transition:background .14s,color .14s,transform .14s;display:grid}.icon-button:hover:not(:disabled){color:#fff;background:#172025;transform:translateY(-1px)}.admin-form{gap:13px;display:grid}.admin-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:900;display:grid}textarea{resize:vertical;min-height:250px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#0f172a7a;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.change-modal{background:var(--panel-solid);border:1px solid #dce3e8f2;border-radius:8px;width:min(760px,100%);max-width:760px;max-height:min(880px,100vh - 44px);padding:18px;overflow:auto;box-shadow:0 28px 90px #0f172a42}.bulk-modal{width:min(1040px,100%);max-width:1040px}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.modal-form{gap:14px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-hint{margin:0}.modal-actions{grid-template-columns:.45fr .55fr;gap:10px;display:grid}.bulk-form{gap:14px;display:grid;position:relative}.bulk-toolbar{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.bulk-count{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border:1px solid #a7dff5;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:900}.bulk-feedback{border-radius:8px;align-items:center;gap:9px;margin:0;padding:11px 12px;font-size:14px;font-weight:800;display:flex}.bulk-feedback.loading{background:var(--accent-soft);color:var(--accent);border:1px solid #a7dff5}.bulk-feedback.warn{background:var(--warn-soft);color:var(--warn);border:1px solid #f2cf85}.bulk-lists{gap:14px;display:grid}.bulk-section{border:1px solid var(--line);border-radius:8px;overflow:hidden}.bulk-section-title{background:var(--panel-soft);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.bulk-section-title span{background:var(--accent-soft);color:var(--accent);text-align:center;border-radius:999px;min-width:30px;padding:4px 8px;font-size:12px;font-weight:900}.bulk-empty{color:var(--muted);margin:0;padding:14px}.bulk-table{border:1px solid var(--line);border-width:0;gap:0;max-height:min(270px,50vh - 180px);display:grid;overflow:auto}.bulk-row{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:minmax(280px,1fr) 150px 190px;align-items:center;gap:12px;padding:10px;display:grid}.bulk-row:last-child{border-bottom:0}.bulk-row.selected{background:linear-gradient(135deg,#e6f6fde6,#f2f6f9b3)}.bulk-check{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.bulk-check input{width:18px;height:18px}.bulk-check strong,.bulk-check small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bulk-check small{color:var(--muted);margin-top:3px}.bulk-progress-overlay{color:var(--accent-2);text-align:center;z-index:2;background:radial-gradient(circle at top,#00a0e62e,#0000 18rem),#ffffffe6;border:1px solid #a7dff5f2;border-radius:8px;place-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:58px 0 70px;box-shadow:0 18px 48px #0f172a29}.bulk-progress-overlay svg{color:var(--accent)}.bulk-progress-overlay strong{font-size:18px}.bulk-progress-overlay span{color:var(--muted);max-width:440px}.blank-state{text-align:center;align-content:center;justify-items:center;min-height:570px;display:grid}.blank-icon{background:var(--accent-soft);color:var(--accent);border:1px solid #a7dff5;border-radius:8px;place-items:center;width:62px;height:62px;margin-bottom:16px;display:grid}.hint{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;margin:14px 0 0;padding:12px;font-size:13px;line-height:1.45}@media (max-width:1240px){.workspace{grid-template-columns:minmax(280px,.9fr) minmax(420px,1.1fr)}}@media (max-width:900px){.metrics,.workspace,.user-snapshot{grid-template-columns:1fr 1fr}.detail-panel{order:3;grid-column:1/-1}}@media (max-width:720px){.app-shell{padding:14px}.topbar,.topbar-actions,.overview-band,.detail-header{flex-direction:column;align-items:stretch}.sync-chip{justify-content:center}.metrics,.workspace,.user-snapshot{grid-template-columns:1fr}.users-panel,.detail-panel{min-height:auto}.form-grid,.modal-actions,.bulk-toolbar,.bulk-row{grid-template-columns:1fr}.detail-actions{align-items:stretch}.access-row{grid-template-columns:1fr}.row-actions{width:100%}.row-actions button{flex:1;width:auto}}