:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#1b2845;background:#f3f6fc}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;background:#1557d4;color:white;border:0;border-radius:10px;padding:11px 16px;font-weight:650}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#eaf0ff;color:#1e478c}button.danger{background:#a82644}a{color:#225fd1}h1,h2,h3{margin:0 0 16px}p{line-height:1.6}.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top right,#244590,#111c3c 60%)}.auth .panel{width:min(100%,470px);padding:35px}.panel,.card,.dialog{background:white;border-radius:18px;box-shadow:0 8px 32px #1e36640f;padding:23px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:650;color:#143f96}.brand b{color:#2b9db8}.auth .brand{font-size:26px}.auth .panel>p{color:#60708b}form{display:grid;gap:14px}label{display:grid;gap:7px;font-size:14px;font-weight:600;color:#455674}input,select,textarea{border:1px solid #d6deee;border-radius:10px;padding:11px 12px;width:100%;background:white;color:#1b2845}textarea{min-height:100px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #7aa3ef}.shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}aside{background:#111d3a;color:#edf4ff;padding:25px 18px;display:flex;flex-direction:column;gap:21px}aside .brand{color:#fff}nav{display:grid;gap:6px}nav button{width:100%;background:transparent;color:#c2d3f6;text-align:left}nav button.active,nav button:hover{background:#273b65;color:white}aside .bottom{margin-top:auto}.workspace{min-width:0;padding:32px;max-width:1520px;width:100%;margin:0 auto}.workspace header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px}.muted{color:#71809a}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#4b86c6;font-weight:750}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:19px 0}.stat{font-size:34px;font-weight:780;color:#153b86}.statLabel{font-size:13px;color:#65738f}.toolbar,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0}.toolbar input{max-width:300px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.full{grid-column:1/-1}.tablewrap{overflow:auto}.table{border-collapse:collapse;width:100%;background:white}.table th,.table td{padding:14px;text-align:left;border-bottom:1px solid #e7ecf4;font-size:14px}.table th{color:#5f6c83;background:#f8faff}.table tbody tr:hover{background:#f5f8ff;cursor:pointer}.tag{display:inline-block;border-radius:99px;background:#eef2fd;color:#264c92;padding:5px 10px;font-size:12px;font-weight:650}.tag.urgent{background:#fff0ef;color:#ac2a27}.tag.resolved{background:#dff6eb;color:#176444}.tag.progress{background:#fff5db;color:#885e0a}.modalcover{position:fixed;inset:0;background:#0b1736b0;display:grid;place-items:center;padding:18px;z-index:10}.dialog{width:min(100%,790px);max-height:90vh;overflow:auto}.dialog .top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px}.textbutton{background:none;color:#5d6b83;padding:4px 10px;font-size:22px}.notice{background:#edf4ff;border-left:3px solid #3d70c0;padding:14px;border-radius:8px;margin:14px 0}.alert{background:#fff4df;border-left-color:#df8d19}#toast{position:fixed;right:20px;bottom:20px;color:#fff;background:#132951;border-radius:12px;padding:14px 18px;display:none;z-index:30;box-shadow:0 6px 22px #0004}#toast.show{display:block}.item{border-bottom:1px solid #e6eaf2;padding:13px 0}.compact{font-size:13px}.company{color:#a9bbd9;font-size:13px;overflow-wrap:anywhere}@media(max-width:1050px){.shell{grid-template-columns:1fr}aside{padding:18px}nav{display:flex;flex-wrap:wrap}nav button{width:auto}aside .bottom{margin:0}.workspace{padding:20px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:630px){.cards,.grid2{grid-template-columns:1fr}.workspace{padding:15px}.workspace header{align-items:flex-start;flex-direction:column}.panel,.card{padding:17px}.table th,.table td{padding:10px}.auth .panel{padding:23px}}
