:root{font-family:Segoe UI,Arial,sans-serif;color:#e7eef5;background:#1f2832;--app:#1f2832;--surface:#29343e;--surface-alt:#313d48;--text:#edf3f8;--muted:#b5c1cd;--border:#40505e;--accent:#22c3dd;--sidebar:#202a34;--hover:#2b3743;--active:#174c5b}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--app);color:var(--text)}body{font-size:14px}a{color:#72d6ef;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr);grid-template-rows:58px minmax(calc(100vh - 102px),1fr) 44px;transition:grid-template-columns .2s ease}.app-sidebar{grid-column:1;grid-row:1/4;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;overflow:auto}.brand{height:58px;display:flex;align-items:center;padding:5px 12px;border-bottom:1px solid var(--border)}.brand img{max-width:100%;height:48px;object-fit:contain}.brand .icon-logo{display:none;width:48px}.app-nav{padding:10px 8px 24px}.app-nav a,.app-nav summary{display:flex;align-items:center;gap:11px;padding:10px 12px;margin:2px 0;border-radius:7px;color:var(--text);min-height:41px;cursor:pointer;white-space:nowrap}.app-nav a:hover,.app-nav summary:hover{background:var(--hover);text-decoration:none}.app-nav a.active{background:var(--active);box-shadow:inset 3px 0 0 var(--accent);font-weight:600}.app-nav i{width:20px;text-align:center;color:var(--accent)}.app-nav details{margin:0}.app-nav details summary{list-style:none}.app-nav details summary::-webkit-details-marker{display:none}.app-nav details summary:after{content:'›';margin-left:auto;font-size:20px;line-height:14px;transition:transform .15s}.app-nav details[open] summary:after{transform:rotate(90deg)}.app-nav details>a{padding-left:42px;font-size:13px}.app-nav details>a i{font-size:13px}.nav-separator{height:1px;margin:13px 12px;background:var(--border)}.app-header{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;background:#242e38;border-bottom:1px solid var(--border);padding:0 18px;position:sticky;top:0;z-index:10}.header-left{display:flex;align-items:center;gap:15px}.header-left button{border:0;background:transparent;color:var(--text);font-size:18px}.header-left span{font-weight:650;font-size:15px}.account-menu{position:relative}.account-menu summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.avatar{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#237dad;color:#fff;font-weight:700;object-fit:cover}.account-popover{position:absolute;right:0;top:42px;min-width:220px;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 30px #0006;border-radius:8px;padding:8px;z-index:30}.account-popover strong{display:block;padding:8px 10px;border-bottom:1px solid var(--border);margin-bottom:5px}.account-popover a,.account-popover button{display:block;width:100%;text-align:left;padding:8px 10px;background:transparent;border:0;color:var(--text);border-radius:5px}.account-popover a:hover,.account-popover button:hover{background:var(--hover);text-decoration:none}.app-main{grid-column:2;grid-row:2;min-width:0;padding:24px 28px 40px}.page-title{font-size:25px;font-weight:650;margin:0 0 6px}.page-subtitle{color:var(--muted);margin:0 0 24px}.app-footer{grid-column:2;grid-row:3;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--surface);color:var(--muted);border-top:1px solid var(--border);font-size:12px}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:18px}.card-header{padding:15px 18px;border-bottom:1px solid var(--border);font-size:16px;font-weight:600}.card-body{padding:18px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:20px}.metric{padding:20px;border-left:4px solid var(--accent)}.metric strong{display:block;font-size:29px;line-height:1.1}.metric span{display:block;margin-top:8px;color:var(--muted)}.metric i{float:right;font-size:26px;color:#88d8e8}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px 13px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.table th{color:#aed4df;background:var(--surface-alt);font-weight:600;white-space:nowrap}.table tr:hover td{background:#31414b}.table td:last-child{white-space:nowrap}.badge{display:inline-block;border-radius:100px;padding:4px 9px;background:#43505d}.badge-success{background:#1c694c;color:#d9ffeb}.badge-warning{background:#775b20;color:#ffedb8}.badge-danger{background:#7e3040;color:#ffe1e5}.badge-info{background:#225a70;color:#dcf8ff}.btn,button:not(.bare){border:1px solid transparent;background:#237dad;color:#fff;padding:8px 13px;border-radius:6px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.btn:hover,button:not(.bare):hover{filter:brightness(1.12);text-decoration:none}.btn-success{background:#278368}.btn-danger{background:#ac3f50}.btn-muted{background:#596674}.btn-sm{padding:5px 9px;font-size:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;flex-wrap:wrap}.toolbar-actions{display:flex;gap:8px;align-items:center}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.filters label{margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.form-row{margin-bottom:14px}label{display:block;margin-bottom:5px;font-weight:600}input,select,textarea{width:100%;border:1px solid #60717d;background:#1f2a34;color:var(--text);border-radius:5px;padding:8px 10px}input[type=checkbox]{width:auto;margin:0 7px 0 0}input:focus,select:focus,textarea:focus{outline:2px solid #318faa}small,.muted{color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#18222c;padding:14px;border-radius:6px}.notice{border-left:4px solid #2999c8;padding:12px 14px;background:#223846;border-radius:4px;margin-bottom:16px}.notice.warning{border-color:#d9a634;background:#433a27}.notice.error{border-color:#d76169;background:#4a3037}.empty{padding:25px;text-align:center;color:var(--muted)}.split{display:grid;grid-template-columns:2fr 1fr;gap:18px}.login{max-width:430px;margin:10vh auto;background:var(--surface);padding:28px;border-radius:10px;border:1px solid var(--border)}.login img{display:block;width:220px;max-width:100%;margin:0 auto 20px}.login h1{text-align:center;font-size:21px}.error{color:#ff9f9f}.app-shell.collapsed{grid-template-columns:65px minmax(0,1fr)}.app-shell.collapsed .brand .full-logo{display:none}.app-shell.collapsed .brand .icon-logo{display:block}.app-shell.collapsed .brand{justify-content:center;padding:5px}.app-shell.collapsed .app-nav{padding:10px 4px}.app-shell.collapsed .app-nav a,.app-shell.collapsed .app-nav summary{justify-content:center;padding:10px 7px}.app-shell.collapsed .app-nav a span,.app-shell.collapsed .app-nav summary span,.app-shell.collapsed .app-nav summary:after{display:none}.app-shell.collapsed .app-nav details>a{padding:10px 7px}.app-shell.collapsed .nav-separator{margin:12px 8px}.app-shell.collapsed .app-nav details:not([open]) a{display:none}
@media(max-width:850px){.app-shell,.app-shell.collapsed{grid-template-columns:0 minmax(0,1fr)}.app-sidebar{transform:translateX(-100%);width:270px;z-index:25;position:fixed;transition:transform .2s}.app-shell.mobile-open .app-sidebar{transform:translateX(0)}.app-header,.app-main,.app-footer{grid-column:2}.app-main{padding:20px 14px}.split{grid-template-columns:1fr}}
.monitor-tabs{display:flex;flex-wrap:wrap;gap:3px;border-bottom:1px solid var(--border);margin:18px 0 0}.monitor-tabs a{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;background:var(--surface-alt);border:1px solid var(--border);border-radius:6px 6px 0 0;color:var(--text)}.monitor-tabs a.active{background:var(--surface);border-bottom-color:var(--surface);color:var(--accent);font-weight:700}.monitor-tabs+.card,.monitor-tabs+.split,.monitor-tabs+.notice{margin-top:0;border-top-left-radius:0}.monitor-tabs+.split{margin-top:15px}
:root{color:#24344d;background:#f4f6f9;--app:#f4f6f9;--surface:#fff;--surface-alt:#f5f7fa;--text:#24344d;--muted:#64748b;--border:#dce3eb;--accent:#d99d2a;--sidebar:#fff;--hover:#eef3f8;--active:#e5eef9}
a{color:#2463a5}.app-header{background:#fff}.app-nav i{color:#68798e}.app-nav a.active i{color:#bb851d}.table th{color:#445b76}.table tr:hover td{background:#f6f9fc}.badge{background:#e6ecf2;color:#33465e}.badge-success{background:#d9f3e6;color:#176849}.badge-warning{background:#fff0c8;color:#835c05}.badge-danger{background:#fbe0e5;color:#9b2b3f}.badge-info{background:#d8eff8;color:#145b77}input,select,textarea{border-color:#cbd5e1;background:#fff;color:#24344d}pre{background:#eef3f8}.notice{background:#eaf4fb}.notice.warning{background:#fff5dc}.notice.error{background:#fff0f1}.account-popover{box-shadow:0 12px 30px #1d2a3a26}.error{color:#b42336}.metric i{color:#d99d2a}
.app-shell.collapsed .app-nav details>a{display:none}.app-shell.collapsed .app-nav details[open]>a.active{display:flex}.app-shell.collapsed .app-nav details summary{border-radius:7px}.app-shell.collapsed .app-nav details[open] summary{background:var(--hover)}
@media(max-width:850px){.app-shell.mobile-open::before{content:'';position:fixed;inset:0;background:#14223580;z-index:20}.app-shell.mobile-open .app-sidebar{z-index:25}}
.app-nav details.active-group>summary{background:#edf2fa;box-shadow:inset 3px 0 0 #d5a441;color:#223a58;font-weight:700}.app-nav details.active-group>summary i{color:#bb851d}.app-nav details.active-group>a.active{background:#e1ebf8}.app-shell.collapsed .app-nav details.active-group>summary{background:#e1ebf8}
.btn,button:not(.bare){background:#d9eee8;color:#175d4c;border-color:#b7dfd2}.btn-success{background:#daf2e5;color:#176849;border-color:#b6e2cb}.btn-danger{background:#fbe4e7;color:#9b2b3f;border-color:#f1c5cc}.btn-muted{background:#e8edf3;color:#40536a;border-color:#d6dfe9}.btn:hover,button:not(.bare):hover{filter:brightness(.97)}.avatar{background:#e4edf8;color:#29557f}input:focus,select:focus,textarea:focus{outline:2px solid #88b4d9}input[type=checkbox]{accent-color:#2f8c76}.monitor-tabs a.active{color:#245e97}.notice{border-color:#8ab9dc}.notice.warning{border-color:#d6b260}.notice.error{border-color:#dc8998}.app-nav a.active{box-shadow:inset 3px 0 0 #d5a441}.app-nav details>a.active i{color:#bb851d}
.table-tools{display:flex;justify-content:flex-end;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.column-picker{position:relative;z-index:5}.column-picker>summary{cursor:pointer;list-style:none;padding:5px 10px;border:1px solid var(--border);border-radius:5px;background:#f4f8fc;color:#34516f}.column-picker>summary::-webkit-details-marker{display:none}.column-options{position:absolute;right:0;top:34px;min-width:185px;max-height:300px;overflow:auto;background:#fff;border:1px solid var(--border);box-shadow:0 8px 20px #1d2a3a24;border-radius:6px;padding:7px;z-index:15}.column-options label{display:flex;gap:7px;align-items:center;padding:5px 7px;margin:0;font-weight:400;white-space:nowrap}.column-options label:hover{background:#f1f5fa}.column-options input{width:auto;margin:0}.table .sort-header{background:transparent!important;color:inherit!important;border:0!important;padding:0!important;font-weight:inherit;text-align:left;box-shadow:none!important}.table th[aria-sort=ascending] .sort-header::after{content:' ▲';font-size:9px;color:#537da5}.table th[aria-sort=descending] .sort-header::after{content:' ▼';font-size:9px;color:#537da5}.table [hidden]{display:none!important}
.confirm-dialog{width:min(440px,calc(100vw - 32px));border:1px solid #d5e0ec;border-radius:10px;background:#fff;color:#24344d;box-shadow:0 18px 60px #1b2a3c38;padding:24px}.confirm-dialog::backdrop{background:#19304d80}.confirm-dialog h2{font-size:20px;margin:0 0 10px}.confirm-dialog p{margin:0 0 22px;color:#506278}.confirm-actions{display:flex;justify-content:flex-end;gap:9px}