:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1d2b42;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#142b52;color:#fff;padding:20px;display:flex;flex-direction:column;gap:16px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.content{padding:24px}.nav-link{color:#d8e4ff;text-decoration:none;padding:8px 10px;border-radius:8px}.nav-link.active{background:#2452a3;color:#fff}.card{background:#fff;border:1px solid #d4deef;border-radius:12px;padding:16px;margin-bottom:16px}.form{display:grid;gap:10px}.form input,.form select,.form textarea{padding:10px;border:1px solid #c7d2e8;border-radius:8px;font:inherit}.form button,.ghost,.primary-btn,.list-button{padding:10px;border-radius:8px;border:0;cursor:pointer;font:inherit}.form button,.primary-btn{background:#155ac8;color:#fff}.ghost{background:#ffffff1a;color:#fff}.list-button{background:#fff;color:#1d2b42;border:1px solid #d4deef;margin-bottom:8px}.list-button:hover{background:#f5f8ff}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.error{color:#8b1238;background:#ffe8ef;border:1px solid #ffc5d8;border-radius:8px;padding:10px}.success{color:#1f6d2e;background:#e9fbe9;border:1px solid #bce8c3;border-radius:8px;padding:10px;margin-bottom:12px}.muted{color:#60708d}.app-error{display:grid;gap:6px;margin:10px 0}.app-error--card{margin-bottom:16px}.app-error--banner{border-radius:0;margin:0 0 12px}.app-error details{color:#5b1630}.app-error summary{cursor:pointer;font-size:.9rem}.app-error button{width:fit-content}.realtime-banner{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;margin-bottom:12px;font-size:.95rem}.realtime-banner strong{font-size:.95rem}.realtime-banner--connected{color:#1f6d2e;background:#eef8ef;border:1px solid #c9e8cf}.realtime-banner--reconnecting{color:#8d5a00;background:#fff6e6;border:1px solid #f0d39c}.realtime-banner--offline{color:#8b1238;background:#ffe8ef;border:1px solid #ffc5d8}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(420px,100%)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.inbox-grid{grid-template-columns:1fr 2fr}.kpi{font-size:28px;font-weight:700;margin:6px 0 0}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:8px;border-bottom:1px solid #ebf0f8}.inbox-item{border-bottom:1px solid #ebf0f8;padding:10px 0}.inbox-item:last-child{border-bottom:0}@media(max-width:900px){.layout,.inbox-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}}