*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14px;color:#e2e8f0;background:#0f172a}a{color:inherit;text-decoration:none}button{cursor:pointer}#login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0f172a;padding:16px}.login-card{width:100%;max-width:380px;background:#1e293b;border:1px solid #334155;border-radius:16px;padding:36px 32px}@media(max-width: 480px){.login-card{padding:28px 20px;border-radius:12px}}.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:28px;font-size:1.1rem;font-weight:600;color:#e2e8f0}.login-logo svg{color:#3b82f6}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin-bottom:6px}.form-group input{width:100%;padding:10px 12px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:.9rem;outline:none;transition:border-color .15s}.form-group input::placeholder{color:#64748b}.form-group input:focus{border-color:#3b82f6}.btn-submit{width:100%;padding:11px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;margin-top:8px;transition:background .15s}.btn-submit:hover{background:#2563eb}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.error-msg{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:8px;padding:10px 12px;font-size:.85rem;margin-bottom:16px}#mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;height:52px;background:#1e293b;border-bottom:1px solid #334155;align-items:center;gap:12px;padding:0 16px;z-index:200}@media(max-width: 768px){#mobile-topbar{display:flex}}#hamburger-btn{background:none;border:none;color:#94a3b8;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,color .12s}#hamburger-btn:hover{background:#334155;color:#e2e8f0}.topbar-logo{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#e2e8f0}.topbar-logo svg{color:#3b82f6}.topbar-logo small{font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(59,130,246,.15);color:#3b82f6;padding:2px 5px;border-radius:4px}#sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:299}@media(max-width: 768px){#sidebar-backdrop.active{display:block}}#app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}@media(max-width: 768px){#app{grid-template-columns:1fr;padding-top:52px}}#sidebar{background:#1e293b;border-right:1px solid #334155;display:flex;flex-direction:column;padding:0;position:sticky;top:0;height:100vh}@media(max-width: 768px){#sidebar{position:fixed;top:0;left:0;width:220px;height:100%;transform:translateX(-100%);transition:transform .25s ease;z-index:300}#sidebar.open{transform:translateX(0)}}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 20px 16px;border-bottom:1px solid #334155;font-size:.95rem;font-weight:600;color:#e2e8f0}.sidebar-logo svg{color:#3b82f6;flex-shrink:0}.sidebar-logo small{margin-left:auto;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:rgba(59,130,246,.15);color:#3b82f6;padding:2px 6px;border-radius:4px}@media(max-width: 768px){.sidebar-logo{display:none}}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}@media(max-width: 768px){.sidebar-nav{padding-top:16px}}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:#94a3b8;font-size:.88rem;font-weight:500;transition:background .12s,color .12s}.nav-item svg{flex-shrink:0}.nav-item:hover{background:#334155;color:#e2e8f0}.nav-item.active{background:rgba(59,130,246,.12);color:#3b82f6}@media(max-width: 768px){.nav-item{padding:11px 14px;font-size:.92rem}}.sidebar-footer{padding:16px 20px;border-top:1px solid #334155;font-size:.78rem;color:#64748b;display:flex;flex-direction:column;gap:6px}.sidebar-footer #admin-email-display{word-break:break-all}.btn-link{background:none;border:none;color:#94a3b8;font-size:.78rem;padding:0;text-align:left;transition:color .12s}.btn-link:hover{color:#ef4444}#main-content{background:#0f172a;min-height:100vh;overflow-y:auto;min-width:0}.panel{display:none;padding:32px}.panel.active{display:block}@media(max-width: 768px){.panel{padding:20px 16px}}@media(max-width: 480px){.panel{padding:16px 12px}}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.panel-header h1{margin:0;font-size:1.4rem;font-weight:700;color:#e2e8f0}@media(max-width: 768px){.panel-header h1{font-size:1.2rem}}@media(max-width: 768px){.panel-header{margin-bottom:20px;gap:12px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:16px}@media(max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr;gap:12px}}.stat-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:24px 20px}@media(max-width: 768px){.stat-card{padding:18px 16px}}.stat-card .stat-value{font-size:2rem;font-weight:700;color:#e2e8f0;line-height:1;margin-bottom:8px}@media(max-width: 768px){.stat-card .stat-value{font-size:1.6rem}}.stat-card .stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#94a3b8}.search-box input{padding:9px 14px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:.88rem;outline:none;width:280px;max-width:100%;transition:border-color .15s}.search-box input::placeholder{color:#64748b}.search-box input:focus{border-color:#3b82f6}@media(max-width: 768px){.search-box input{width:100%}}@media(max-width: 768px){.search-box{width:100%}}.table-wrap{background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;min-width:540px}.data-table thead tr{border-bottom:1px solid #334155}.data-table th{padding:12px 16px;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#64748b;text-align:left;background:rgba(0,0,0,.2);white-space:nowrap}.data-table td{padding:14px 16px;font-size:.88rem;color:#e2e8f0;border-bottom:1px solid rgba(51,65,85,.5);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:hsla(0,0%,100%,.02)}.data-table .empty-row{text-align:center;color:#64748b;padding:40px}.data-table .empty-row.error{color:#fca5a5}.data-table .text-muted{color:#94a3b8;font-size:.78rem}.data-table small.text-muted{display:block;margin-top:2px}.acct-id{display:inline-block;margin-top:3px;font-family:"Courier New",Consolas,monospace;font-size:.68rem;color:#64748b;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07);border-radius:4px;padding:1px 5px;letter-spacing:.03em;cursor:pointer;transition:color .12s,background .12s}.acct-id:hover{color:#94a3b8;background:hsla(0,0%,100%,.07)}.acct-id--copied{color:#22c55e;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.25)}.btn-impersonate{padding:6px 14px;background:rgba(59,130,246,.1);color:#3b82f6;border:1px solid rgba(59,130,246,.3);border-radius:6px;font-size:.78rem;font-weight:600;white-space:nowrap;transition:background .12s,border-color .12s}.btn-impersonate:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.5)}.filter-select{padding:9px 12px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:.88rem;outline:none;cursor:pointer;transition:border-color .15s}.filter-select:focus{border-color:#3b82f6}.filter-select option{background:#1e293b}.btn-danger{padding:9px 16px;background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:.82rem;font-weight:600;white-space:nowrap;transition:background .12s,border-color .12s}.btn-danger:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.5)}#panel-errors .panel-header>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media(max-width: 768px){#panel-errors .panel-header>div{width:100%}#panel-errors .panel-header>div .search-box,#panel-errors .panel-header>div .filter-select,#panel-errors .panel-header>div .btn-danger{flex:1 1 auto}#panel-errors .panel-header>div .filter-select{min-width:120px}}.badge-source{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:rgba(59,130,246,.1);color:#3b82f6}.btn-stack{padding:3px 10px;background:hsla(0,0%,100%,.05);color:#94a3b8;border:1px solid #334155;border-radius:4px;font-size:.72rem;transition:background .12s}.btn-stack:hover{background:hsla(0,0%,100%,.1);color:#e2e8f0}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-box{background:#1e293b;border:1px solid #334155;border-radius:12px;width:min(800px,90vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}@media(max-width: 768px){.modal-box{width:100%;max-height:85vh;border-radius:10px}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #334155;font-size:.88rem;font-weight:600;color:#e2e8f0}.modal-header button{background:none;border:none;color:#94a3b8;font-size:1rem;transition:color .12s}.modal-header button:hover{color:#e2e8f0}.modal-box pre{padding:20px;overflow:auto;font-size:.78rem;line-height:1.6;color:#fca5a5;white-space:pre-wrap;word-break:break-all;margin:0;flex:1}.pagination{margin-top:16px;display:flex;align-items:center;gap:12px;font-size:.82rem;color:#94a3b8;flex-wrap:wrap}.pagination button{padding:6px 14px;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:.82rem;transition:background .12s}.pagination button:hover{background:#334155}.sc-account-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}@media(max-width: 768px){.sc-account-bar{flex-direction:column;align-items:flex-start}.sc-account-bar #sc-account-select{width:100%;min-width:unset !important}}.sc-account-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;white-space:nowrap}.sc-system-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.3);border-radius:20px;font-size:.78rem;font-weight:700;color:#3b82f6;letter-spacing:.03em}.sc-system-badge::before{content:"⬡";font-size:.7rem}.sc-account-hint{font-size:.75rem;color:#64748b}@media(max-width: 768px){.sc-account-hint{display:none}}.sc-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media(max-width: 768px){.sc-layout{grid-template-columns:1fr;gap:16px}}.sc-col{background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.sc-col-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #334155;background:rgba(0,0,0,.15);gap:8px}.sc-col-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#94a3b8}.sc-list{overflow-y:auto;max-height:420px;flex:1}@media(max-width: 768px){.sc-list{max-height:320px}}.sc-empty{padding:24px 16px;font-size:.82rem;color:#64748b;text-align:center}.sc-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(51,65,85,.5)}.sc-item:last-child{border-bottom:none}.sc-item:hover{background:hsla(0,0%,100%,.02)}.sc-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.sc-item-name{font-size:.85rem;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-item-meta{font-size:.72rem;color:#64748b}.sc-item-actions{display:flex;gap:6px;flex-shrink:0}.sc-btn-del{color:#fca5a5 !important;border-color:rgba(239,68,68,.3) !important}.sc-btn-del:hover{background:rgba(239,68,68,.1) !important;color:#f87171 !important}.sc-assoc-section{background:#1e293b;border:1px solid #3b82f6;border-radius:12px;overflow:hidden;margin-top:4px}.sc-assoc-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(59,130,246,.08);border-bottom:1px solid rgba(59,130,246,.2);font-size:.82rem;color:#e2e8f0;gap:10px;flex-wrap:wrap}.sc-assoc-body{display:grid;grid-template-columns:1fr 1fr;gap:0}@media(max-width: 768px){.sc-assoc-body{grid-template-columns:1fr}}.sc-assoc-tab-btn{background:rgba(0,0,0,0);color:#94a3b8;border:none;border-bottom:2px solid rgba(0,0,0,0);padding:8px 14px;font-size:.82rem;cursor:pointer}.sc-assoc-tab-btn.is-active{color:#e2e8f0;border-bottom-color:#3b82f6}.sc-assoc-col{padding:16px;border-right:1px solid #334155;min-height:120px}.sc-assoc-col:last-child{border-right:none}@media(max-width: 768px){.sc-assoc-col{border-right:none;border-bottom:1px solid #334155}.sc-assoc-col:last-child{border-bottom:none}}.sc-assoc-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(51,65,85,.4)}.sc-assoc-item:last-child{border-bottom:none}.sc-field{display:flex;flex-direction:column;gap:6px}.sc-field label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.sc-field input[type=text],.sc-field input[type=number]{padding:9px 12px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:.88rem;outline:none;width:100%;transition:border-color .15s}.sc-field input[type=text]:focus,.sc-field input[type=number]:focus{border-color:#3b82f6}.rr-wrap{overflow-x:auto}.rr-table{border-collapse:collapse;font-size:.82rem;min-width:100%}.rr-table th,.rr-table td{padding:8px 12px;border:1px solid #334155;white-space:nowrap}.rr-table thead th{background:#1e293b;color:#e2e8f0;font-weight:600;position:sticky;top:0;z-index:1}.rr-right-col{min-width:220px;text-align:left}.rr-role-col{min-width:110px;text-align:center;font-size:.75rem;max-width:140px;overflow:hidden;text-overflow:ellipsis}.rr-component-row td.rr-component-header{background:rgba(59,130,246,.08);color:#3b82f6;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:6px 12px}.rr-right-row:hover td{background:hsla(0,0%,100%,.03)}.rr-right-label{display:flex;align-items:center;gap:8px}.rr-right-name{color:#e2e8f0}.rr-action-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:4px;flex-shrink:0}.rr-action-badge.rr-action-read{background:rgba(34,197,94,.15);color:#22c55e}.rr-action-badge.rr-action-write{background:rgba(59,130,246,.15);color:#60a5fa}.rr-action-badge.rr-action-admin{background:rgba(168,85,247,.15);color:#c084fc}.rr-check{text-align:center;vertical-align:middle}.rr-check input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.rr-check input[type=checkbox]:disabled{cursor:wait;opacity:.5}