.admin-body{background:#f5f8fc;overflow:hidden}
.app-shell{height:100vh;display:grid;grid-template-columns:232px 1fr}
.sidebar{background:#fbfdff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;z-index:40}
.sidebar-head{height:78px;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.sidebar-head .brand{font-size:20px}.sidebar-head .brand-mark{width:32px;height:32px;border-width:5px}.sidebar-close{display:none;border:0;background:transparent;font-size:26px}
.tenant-card{margin:0 14px 14px;padding:11px;border:1px solid #cfdeec;border-radius:12px;display:flex;align-items:center;gap:10px;background:#fff}.tenant-icon{width:33px;height:33px;border-radius:9px;background:var(--yellow-50);display:grid;place-items:center;color:#976600;font-size:12px;font-weight:900}.tenant-card div{min-width:0}.tenant-card small,.tenant-card strong{display:block}.tenant-card small{font-size:9px;color:var(--muted)}.tenant-card strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-nav{padding:4px 10px;overflow:auto;display:grid;gap:3px}.app-nav button{height:39px;border:0;border-radius:9px;background:transparent;text-align:left;padding:0 12px;color:#4e6275;font-size:12px;font-weight:700;display:flex;align-items:center;gap:11px}.app-nav button span{width:20px;font-size:18px;text-align:center;color:#62788b}.app-nav button:hover{background:#f0f5fa;color:var(--blue)}.app-nav button.active{background:var(--blue-50);color:var(--blue)}.app-nav button.active span{color:var(--blue)}.super-only{display:none!important}.super-admin .super-only{display:flex!important}
.sidebar-insight{margin:auto 14px 14px;border:1px solid #d3e1ef;border-radius:15px;padding:14px;background:#f5f9ff}.sidebar-insight strong{font-size:12px}.sidebar-insight p{font-size:10px;line-height:1.55;color:var(--muted);margin:6px 0 10px}.sidebar-insight button{width:100%;height:34px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-size:10px;font-weight:800}.insight-art{height:64px;position:relative}.insight-art i{position:absolute;left:8px;bottom:8px;width:72px;height:35px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:skewY(-12deg)}.insight-art i:after{content:"";position:absolute;left:8px;bottom:5px;width:50px;height:28px;border-top:4px solid var(--teal);transform:skewY(2deg)}.insight-art b{position:absolute;right:20px;top:2px;width:31px;height:31px;border-radius:50%;background:var(--yellow)}.insight-art span{position:absolute;right:7px;bottom:8px;font-size:25px;color:var(--coral);font-weight:900}
.sidebar-foot{padding:0 22px 18px}.sidebar-foot a{font-size:10px;color:var(--muted);font-weight:700}
.app-main{min-width:0;display:grid;grid-template-rows:78px 1fr}.topbar{background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:20px}.sidebar-open{display:none;border:0;background:transparent;font-size:22px}.page-identity{min-width:160px}.page-identity span{font-size:9px;color:var(--muted);font-weight:700}.page-identity h1{font-size:20px;margin:2px 0 0;letter-spacing:-.4px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.topbar select{height:39px;border:1px solid #cfdae5;border-radius:9px;padding:0 30px 0 11px;background:#fff;color:var(--ink);max-width:190px;font-size:11px}
.global-search{width:245px;height:39px;border:1px solid #cfdae5;border-radius:9px;display:flex;align-items:center;padding:0 9px;gap:7px;background:#fbfdff}.global-search span{font-size:18px;color:#75899b}.global-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;font-size:11px}.global-search kbd{font-family:inherit;font-size:8px;color:#8b9aa7;border:1px solid #dae2e9;padding:2px 5px;border-radius:4px}.icon-button{width:39px;height:39px;border:1px solid #cfdae5;border-radius:9px;background:#fff;color:var(--blue);font-size:18px}
.user-menu{position:relative}.user-menu>button{height:44px;border:0;background:transparent;display:flex;align-items:center;gap:8px;text-align:left}.avatar{width:34px;height:34px;border-radius:50%;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;font-weight:900}.user-menu b,.user-menu small{display:block}.user-menu b{font-size:11px}.user-menu small{font-size:9px;color:var(--muted);margin-top:2px}.user-menu i{font-style:normal}.user-menu-popover{display:none;position:absolute;right:0;top:48px;width:160px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:var(--shadow);z-index:50}.user-menu-popover.open{display:grid}.user-menu-popover a,.user-menu-popover button{padding:9px 10px;border:0;background:transparent;text-align:left;font-size:11px;border-radius:7px}.user-menu-popover a:hover,.user-menu-popover button:hover{background:#f2f6fa}
.page{overflow:auto;padding:26px 28px 50px}.page-inner{max-width:1420px;margin:auto}.empty-state{min-height:250px;display:grid;place-items:center;align-content:center;color:var(--muted);font-size:12px}
.dashboard-loading{max-width:1420px;margin:auto;animation:loading-enter .28s ease-out}.loading-welcome{min-height:94px;border:1px solid #bed3ee;background:linear-gradient(100deg,#f2f7ff,#fff);border-radius:15px;padding:18px 22px;display:flex;align-items:center;gap:18px;margin-bottom:18px}.loading-orb{width:76px;height:60px;position:relative;display:block}.loading-orb:before{content:"";position:absolute;width:45px;height:45px;border-radius:50% 50% 45% 45%;background:var(--blue);left:14px;top:9px;opacity:.88}.loading-orb:after{content:"";position:absolute;right:2px;top:0;width:21px;height:21px;border-radius:50%;background:var(--teal-50)}.loading-orb i{position:absolute;right:8px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--teal);z-index:1}.loading-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:.06em;color:var(--blue);margin-bottom:4px}.loading-welcome strong{display:block;font-size:17px;color:var(--ink)}.loading-welcome p{font-size:11px;color:var(--muted);margin:5px 0 0}.loading-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.loading-kpi,.loading-panel{overflow:hidden;position:relative;background:#fff;border:1px solid var(--line);border-radius:13px}.loading-kpi{min-height:112px;padding:17px 17px 17px 84px}.loading-kpi:before{content:"";position:absolute;left:17px;top:29px;width:54px;height:54px;border-radius:50%;background:#edf3fa}.loading-kpi i,.loading-kpi span,.loading-kpi b,.loading-panel span,.loading-panel b,.loading-panel i{display:block;border-radius:999px;background:linear-gradient(90deg,#edf2f7 20%,#f8fafc 38%,#edf2f7 58%);background-size:220% 100%;animation:shimmer 1.25s linear infinite}.loading-kpi i{height:10px;width:48%;margin-top:4px}.loading-kpi span{height:25px;width:72%;margin-top:10px}.loading-kpi b{height:9px;width:62%;margin-top:8px}.loading-panels{display:grid;grid-template-columns:1.35fr 1fr;gap:15px}.loading-panel{height:262px;padding:18px}.loading-panel span{width:35%;height:13px}.loading-panel b{width:53%;height:9px;margin-top:8px}.loading-panel i{position:absolute;left:18px;right:18px;bottom:30px;height:116px;border-radius:8px;background:repeating-linear-gradient(to bottom,#edf2f7 0,#edf2f7 1px,transparent 1px,transparent 37px),linear-gradient(90deg,#edf2f7 20%,#f8fafc 38%,#edf2f7 58%);background-size:100% 100%,220% 100%;animation:shimmer 1.25s linear infinite}@keyframes shimmer{to{background-position:-220% 0}}@keyframes loading-enter{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
.welcome-banner{min-height:94px;border:1px solid #bed3ee;background:linear-gradient(100deg,#f2f7ff,#fff);border-radius:15px;padding:18px 22px;display:flex;align-items:center;gap:18px;margin-bottom:18px}.welcome-illustration{width:76px;height:60px;position:relative}.welcome-illustration:before{content:"";position:absolute;width:45px;height:45px;border-radius:50% 50% 45% 45%;background:var(--blue);left:14px;top:9px}.welcome-illustration:after{content:"✓";position:absolute;right:2px;top:0;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--teal-50);color:var(--teal);font-weight:900}.welcome-banner h2{font-size:17px;color:var(--blue);margin:0 0 5px}.welcome-banner p{font-size:11px;color:var(--muted);margin:0}.welcome-banner .button{margin-left:auto;min-height:36px;font-size:11px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi-card{min-height:112px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;display:flex;align-items:center;gap:14px;position:relative}.kpi-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:900}.kpi-card small,.kpi-card strong{display:block}.kpi-card small{font-size:10px;color:var(--muted)}.kpi-card strong{font-size:25px;margin:5px 0 2px}.kpi-card em{font-size:9px;font-style:normal;color:var(--teal)}.kpi-blue .kpi-icon{background:var(--blue-50);color:var(--blue)}.kpi-teal .kpi-icon{background:var(--teal-50);color:var(--teal)}.kpi-yellow .kpi-icon{background:var(--yellow-50);color:#bd7d00}.kpi-coral .kpi-icon{background:var(--coral-50);color:var(--coral)}
.content-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:15px;margin-bottom:15px}.content-grid.three{grid-template-columns:1.2fr .85fr .8fr}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px}.panel-head h2{font-size:13px;margin:0}.panel-head p{font-size:9px;color:var(--muted);margin:4px 0 0}.panel-head a,.panel-head button.link{border:0;background:transparent;color:var(--blue);font-size:9px;font-weight:800;padding:0}
.chart-box{height:230px;position:relative}.chart-box svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#e9eef4;stroke-width:1}.chart-area{fill:rgba(31,87,195,.09)}.chart-line{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-line.secondary{stroke:var(--teal)}.chart-label{fill:#8a9aa8;font-size:9px}.chart-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:11px}
.data-table{width:100%;border-collapse:collapse;font-size:10px}.data-table th{text-align:left;color:#718495;font-weight:650;background:#f8fafc}.data-table th,.data-table td{padding:10px 9px;border-bottom:1px solid #edf1f5}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafcff}.data-table .clickable{cursor:pointer}.amount-positive{color:var(--teal);font-weight:800}.amount-negative{color:var(--coral);font-weight:800}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.status{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:20px;background:#edf8f2;color:#19815f;font-size:9px;font-weight:800}.status.warning{background:var(--yellow-50);color:#9d6900}.status.danger{background:var(--coral-50);color:#c55143}.status.info{background:var(--blue-50);color:var(--blue)}.status.neutral{background:#eef2f5;color:#607384}
.rank-list,.alert-list{display:grid;gap:9px}.rank-item,.alert-item{display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf1f5;padding:7px 0}.rank-item:last-child,.alert-item:last-child{border-bottom:0}.rank-no{width:23px;height:23px;border-radius:7px;background:#edf3fa;display:grid;place-items:center;font-size:9px;font-weight:900}.rank-item:first-child .rank-no{background:var(--yellow);color:#8a5b00}.rank-item div,.alert-item div{min-width:0;flex:1}.rank-item b,.rank-item small,.alert-item b,.alert-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-item b,.alert-item b{font-size:10px}.rank-item small,.alert-item small{font-size:8px;color:var(--muted);margin-top:3px}.rank-item>strong{font-size:11px;color:var(--blue)}.alert-dot{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:900}.alert-dot.warning{background:var(--yellow-50);color:#a36c00}.alert-dot.danger{background:var(--coral-50);color:var(--coral)}.alert-dot.info{background:var(--blue-50);color:var(--blue)}.alert-dot.success{background:var(--teal-50);color:var(--teal)}
.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.quick-actions button{min-height:72px;border:1px solid #d9e3ed;border-radius:10px;background:#fff;display:grid;place-items:center;align-content:center;gap:7px;font-size:9px;font-weight:750;color:var(--ink)}.quick-actions button span{font-size:20px;color:var(--blue)}.quick-actions button:nth-child(2) span{color:var(--teal)}.quick-actions button:nth-child(3) span{color:#c08200}.quick-actions button:nth-child(4) span{color:var(--coral)}
.view-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.view-head h2{font-size:23px;margin:0}.view-head p{font-size:11px;color:var(--muted);margin:5px 0 0}.view-actions{display:flex;gap:8px;align-items:center}.action-button{min-height:38px;border:1px solid #cbd8e4;border-radius:9px;background:#fff;color:var(--ink);font-size:10px;font-weight:750;padding:0 13px}.action-button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.action-button.teal{background:var(--teal);color:#fff;border-color:var(--teal)}.action-button.coral{background:var(--coral);color:#fff;border-color:var(--coral)}
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.filter-bar input,.filter-bar select,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #cfdae5;border-radius:9px;background:#fff;min-height:39px;padding:0 11px;color:var(--ink);font-size:10px;outline:0}.filter-bar input:focus,.filter-bar select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,87,195,.07)}.filter-bar input{min-width:230px}.table-panel{padding:0;overflow:hidden}.table-panel .data-table th,.table-panel .data-table td{padding:13px 15px}.member-name{display:flex;align-items:center;gap:9px}.member-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--blue-50);color:var(--blue);font-weight:900}.member-name b,.member-name small{display:block}.member-name small{font-size:8px;color:var(--muted);margin-top:2px}
.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.entity-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.entity-card .entity-top{display:flex;justify-content:space-between;gap:8px}.entity-card h3{font-size:13px;margin:8px 0 4px}.entity-card p{font-size:9px;color:var(--muted);line-height:1.55}.entity-stats{display:flex;gap:18px;padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}.entity-stats b,.entity-stats small{display:block}.entity-stats b{font-size:14px}.entity-stats small{font-size:8px;color:var(--muted)}.icon-actions{display:flex;gap:5px}.icon-actions button{width:29px;height:29px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.form-grid label{font-size:10px;font-weight:750}.form-grid label>span{display:block;margin-bottom:6px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:0}.form-grid textarea{min-height:90px;padding-top:10px;resize:vertical}.form-grid .full{grid-column:1/-1}.form-note{padding:11px;border-radius:9px;background:#f4f8fc;color:var(--muted);font-size:9px;line-height:1.6}
.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.integration-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.integration-item .integration-icon{width:43px;height:43px;border-radius:12px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:17px}.integration-item h3{font-size:13px;margin:13px 0 5px}.integration-item p{font-size:9px;color:var(--muted);line-height:1.6;min-height:44px}.endpoint{font:9px ui-monospace,monospace;background:#f4f7fa;padding:8px;border-radius:7px;overflow:auto;margin-top:10px}
.drawer-backdrop,.dialog-backdrop{position:fixed;inset:0;background:rgba(23,50,77,.3);opacity:0;pointer-events:none;transition:.2s;z-index:80}.drawer-backdrop.open,.dialog-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(460px,100%);background:#fff;z-index:90;transform:translateX(100%);transition:.25s ease;box-shadow:-20px 0 55px rgba(23,50,77,.15);display:grid;grid-template-rows:auto 1fr}.drawer.open{transform:none}.drawer>header,.dialog>header{display:flex;justify-content:space-between;align-items:start;padding:22px;border-bottom:1px solid var(--line)}.drawer header small,.dialog header small{font-size:9px;color:var(--muted)}.drawer header h2,.dialog header h2{font-size:18px;margin:3px 0 0}.drawer header button,.dialog header button{border:0;background:transparent;font-size:25px}.drawer-body{padding:22px;overflow:auto}.drawer-footer{display:flex;gap:8px;justify-content:flex-end;padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}
.dialog-backdrop{display:grid;place-items:center}.dialog{width:min(480px,calc(100% - 28px));background:#fff;border-radius:16px;box-shadow:var(--shadow);transform:translateY(12px);transition:.2s}.dialog-backdrop.open .dialog{transform:none}.dialog #dialog-body{padding:22px}.dialog footer{padding:0 22px 22px;display:flex;justify-content:flex-end;gap:8px}
.toast-stack{position:fixed;right:24px;bottom:24px;z-index:120;display:grid;gap:8px}.toast{min-width:250px;max-width:360px;background:var(--ink);color:#fff;border-radius:11px;padding:12px 15px;box-shadow:var(--shadow);font-size:11px;animation:toast-in .25s ease}.toast.success{background:#187b5d}.toast.error{background:#bd4e48}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}}
@media(max-width:1180px){.global-search{display:none}.content-grid.three{grid-template-columns:1fr 1fr}.content-grid.three>.panel:last-child{grid-column:1/-1}.card-grid,.integration-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.admin-body{overflow:auto}.app-shell{height:auto;min-height:100vh;grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;transform:translateX(-100%);transition:.25s;box-shadow:20px 0 60px rgba(24,51,75,.16)}.sidebar.open{transform:none}.sidebar-close,.sidebar-open{display:block}.app-main{min-height:100vh}.topbar{padding:0 16px}.page{padding:20px 16px}.topbar-actions{gap:6px}.topbar select{max-width:150px}.user-menu>button>span:nth-child(2){display:none}.content-grid,.split-layout,.loading-panels{grid-template-columns:1fr}.kpi-grid,.loading-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.app-main{grid-template-rows:68px 1fr;width:100%;min-width:0}.topbar{height:68px;min-width:0;gap:10px}.page-identity{min-width:0;flex:1}.page-identity span{display:none}.page-identity h1{font-size:17px;white-space:nowrap}.topbar-actions{margin-left:0;flex:0 0 auto}.topbar select{max-width:126px;width:126px}.icon-button{display:none}.user-menu>button{width:39px;padding:0;justify-content:center}.user-menu>button>i{display:none}.page{max-width:100vw;overflow-x:hidden}.kpi-grid,.loading-kpi-grid,.card-grid,.integration-grid,.content-grid.three,.loading-panels{grid-template-columns:1fr}.content-grid.three>.panel:last-child{grid-column:auto}.kpi-card{min-height:94px}.loading-welcome{align-items:flex-start;padding:17px}.loading-orb{display:none}.loading-kpi{min-height:94px}.loading-panel{height:190px}.welcome-banner{align-items:flex-start}.welcome-illustration{display:none}.welcome-banner .button{display:none}.view-head{align-items:flex-start;flex-direction:column}.view-actions{width:100%;overflow:auto}.filter-bar{display:grid;grid-template-columns:1fr 1fr}.filter-bar input{min-width:0;grid-column:1/-1}.table-panel{overflow:auto}.data-table{min-width:680px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.quick-actions{grid-template-columns:repeat(2,1fr)}.drawer{width:100%}.toast-stack{left:14px;right:14px;bottom:14px}.toast{min-width:0;max-width:none}.sidebar-insight{display:none}}