*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:#e8edf7;background:#090e1a;margin:0;font:15px system-ui;overflow-x:hidden}main{min-height:100vh;display:flex}aside{color:#8ca1c7;border-right:1px solid #273047;flex-shrink:0;width:230px;padding:28px}aside strong{color:#65d7bb;font-size:20px}nav{margin-top:30px;line-height:2.6}nav a{color:#8ca1c7;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;text-decoration:none;display:flex}nav a:hover,nav a.active{color:#65d7bb;font-weight:600}.nav-badge{color:#fff;background:#ef4444;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;line-height:1}section{flex:1;min-width:0;max-width:1200px;padding:40px}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0;display:grid}article{background:#11192a;border:1px solid #273047;border-radius:12px;min-width:0;margin-top:16px;padding:24px}small{color:#8ca1c7}h1{font-size:30px}h2{margin-bottom:5px}button{color:#07110e;cursor:pointer;background:#65d7bb;border:0;border-radius:8px;min-height:44px;padding:12px 18px;font-weight:700;transition:opacity .15s}button:hover{opacity:.9}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{color:#e8edf7;background:#1e293b;border:1px solid #3b4968}button.danger{color:#fff;background:#ef4444}button.small{min-height:36px;padding:6px 12px;font-size:13px}form,label{gap:9px;display:grid}form{gap:18px;margin-top:24px}input,select,textarea{color:#e8edf7;font:inherit;background:#090e1a;border:1px solid #3b4968;border-radius:8px;width:100%;min-height:44px;padding:12px}textarea{resize:vertical;min-height:90px;font-family:monospace}.actions-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.badge{text-transform:uppercase;white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-pending{color:#fef08a;background:#854d0e}.badge-approved,.badge-resolved{color:#86efac;background:#14532d}.badge-rejected{color:#fca5a5;background:#7f1d1d}.badge-queued{color:#93c5fd;background:#1e3a8a}.badge-critical{color:#fecaca;background:#991b1b}.badge-warning{color:#fef08a;background:#854d0e}.badge-info{color:#93c5fd;background:#1e3a8a}.badge-open{color:#fee2e2;background:#b91c1c}.tabs{-ms-overflow-style:none;scrollbar-width:none;border-bottom:1px solid #273047;gap:8px;margin-bottom:20px;padding-bottom:10px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab-btn{color:#8ca1c7;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex-shrink:0;padding:8px 16px;font-weight:600}.tab-btn.active{color:#65d7bb;background:#1e293b}table{border-collapse:collapse;width:100%;margin-top:16px}th,td{text-align:left;border-bottom:1px solid #273047;padding:12px 14px}th{color:#8ca1c7;font-size:13px;font-weight:600}tr:hover td{background:#141f36}pre{color:#65d7bb;background:#090e1a;border:1px solid #273047;border-radius:8px;max-width:100%;margin:10px 0;padding:12px;font-family:monospace;font-size:13px;overflow-x:auto}.filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;display:flex}.filters-bar label{flex-direction:row;align-items:center;gap:8px;display:flex}.filters-bar select,.filters-bar input{width:auto;min-height:40px;padding:8px 12px}.panel-split{grid-template-columns:1fr 1.2fr;gap:24px;min-width:0;margin-top:20px;display:grid}.list-item{cursor:pointer;background:#11192a;border:1px solid #273047;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:14px;display:flex}.list-item:hover,.list-item.selected{background:#162238;border-color:#65d7bb}.prompt-box{background:#0d1527;border:1px solid #3b4968;border-radius:8px;margin-top:12px;padding:12px}ul{margin:16px 0;padding:0;list-style:none}ul li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}ul li>button:first-child{color:#e8edf7;text-align:left;background:0 0;border:1px solid #273047;padding:10px 14px;font-weight:600}ul li>button:first-child:not(:only-child){flex:1}ul li>button:first-child:hover{color:#65d7bb;border-color:#65d7bb}ul li>button.danger,ul li>button:last-child:not(:first-child){color:#fecaca;background:#7f1d1d;flex-shrink:0}.auth{justify-content:center;align-items:center}.auth section{width:100%;max-width:520px;padding:20px}.auth article{margin-top:24px}.auth header strong{color:#65d7bb;font-size:20px}.mobile-nav-toggle,.mobile-nav-backdrop{display:none}@media (max-width:1024px){section{padding:28px}.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){body{padding-top:56px}main{display:block}section{max-width:100%;padding:16px}.grid{grid-template-columns:1fr 1fr;gap:10px}.panel-split{grid-template-columns:1fr;gap:16px}header{flex-direction:column;align-items:flex-start}header button{align-self:flex-start}h1{font-size:22px}article{padding:16px}.mobile-nav-toggle{z-index:40;color:#65d7bb;background:#0d1527;border-bottom:1px solid #273047;border-radius:0;justify-content:flex-start;align-items:center;gap:8px;height:56px;padding:0 16px;font-size:16px;font-weight:700;display:flex;position:fixed;top:0;left:0;right:0}.mobile-nav-backdrop{z-index:30;background:#05080f99;display:block;position:fixed;inset:56px 0 0}aside{z-index:35;background:#090e1a;border-right:1px solid #273047;width:78vw;max-width:300px;transition:transform .2s;position:fixed;top:56px;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}aside.mobile-open{transform:translate(0)}aside strong{display:none}table{display:block}thead{display:none}tbody{display:block}tr{background:#11192a;border:1px solid #273047;border-radius:8px;margin-bottom:10px;padding:12px;display:block}td{text-align:right;border-bottom:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:6px 0;display:flex}td:first-child{color:#e8edf7;font-weight:600}td:before{content:attr(data-label);color:#8ca1c7;text-align:left;flex-shrink:0;padding-top:1px;font-size:12px;font-weight:600}td code{text-align:right;word-break:break-all;max-width:60%}.filters-bar,.filters-bar label{flex-direction:column;align-items:stretch}.filters-bar select,.filters-bar input{width:100%}.actions-row{flex-direction:column;align-items:stretch}.actions-row button{width:100%}.list-item{flex-wrap:wrap}}@media (max-width:400px){.grid{grid-template-columns:1fr}h1{font-size:20px}}