:root{--bg:#f5f7fb;--card:#fff;--text:#142033;--muted:#667085;--line:#e5e9f2;--primary:#275efe;--primary2:#6b7cff;--danger:#e5484d;--ok:#16a34a;--shadow:0 24px 70px rgba(20,32,51,.12);--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;background:radial-gradient(circle at top left,#dfe8ff,transparent 34%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#fff;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(39,94,254,.12)}label{display:grid;gap:8px;font-weight:650;color:#25324a}.hidden{display:none!important}.page{min-height:100vh}.login-page{display:grid;place-items:center;padding:28px}.login-shell{width:min(1050px,100%);display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch}.brand-panel{border-radius:32px;padding:48px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.brand-panel:after{content:"";position:absolute;right:-80px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.16)}.brand-panel h1{font-size:46px;margin:24px 0 12px}.brand-panel p{font-size:18px;line-height:1.6;opacity:.92}.brand-badge{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.18);font-weight:900;backdrop-filter:blur(10px)}.brand-badge.small{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}.feature-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.feature-list span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.16)}.card{background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.login-card{display:grid;gap:18px}.card-title h2,.card-title h3{margin:0 0 6px}.card-title p,.topbar p{margin:0;color:var(--muted)}.btn{border:0;border-radius:14px;padding:13px 18px;cursor:pointer;font-weight:800;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 12px 24px rgba(39,94,254,.24)}.btn-ghost{background:#edf1f8;color:#25324a}.btn-danger{background:#fee2e2;color:#b42318}.btn-full{width:100%}#mainPage{display:grid;grid-template-columns:280px 1fr}.sidebar{padding:22px;background:rgba(255,255,255,.78);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;gap:12px;align-items:center}.sidebar-brand span,.user-chip small{display:block;color:var(--muted);font-size:12px}.sidebar nav{display:grid;gap:8px}.nav-btn{text-align:left;border:0;background:transparent;border-radius:14px;padding:14px 16px;font-weight:800;color:#46546d;cursor:pointer}.nav-btn.active,.nav-btn:hover{background:#eef3ff;color:var(--primary)}.workspace{padding:26px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.topbar h2{margin:0 0 4px}.user-chip{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 14px;min-width:160px}.grid{display:grid;gap:18px}.two-col{grid-template-columns:1fr 1fr}.three-col{grid-template-columns:repeat(3,1fr)}.compact-form{align-items:end}.inline-form{display:grid;grid-template-columns:1fr 180px auto;gap:12px;margin-bottom:18px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.data-table th{color:#667085;font-size:13px;background:#fafbff}.status{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eafaf0;color:#087a33;font-weight:800;font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.stat-card{padding:20px;border-radius:20px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.stat-card span{color:var(--muted)}.stat-card strong{display:block;font-size:34px;margin-top:8px}.date-group{margin:18px 0 10px;color:#25324a}.toast-host{position:fixed;right:22px;top:22px;z-index:50;display:grid;gap:10px}.toast{min-width:280px;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:var(--shadow);border-left:5px solid var(--primary);animation:slideIn .22s ease}.toast.ok{border-left-color:var(--ok)}.toast.err{border-left-color:var(--danger)}@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}.modal-backdrop{position:fixed;inset:0;background:rgba(16,24,40,.45);display:grid;place-items:center;z-index:60;padding:24px}.modal-card{width:min(420px,100%);background:#fff;border-radius:26px;padding:26px;text-align:center;box-shadow:var(--shadow)}.modal-icon{margin:auto auto 12px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#eef3ff;color:var(--primary);font-weight:900}.modal-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}@media(max-width:900px){.login-shell,.two-col,#mainPage{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.workspace{padding:18px}.three-col,.inline-form,.stat-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:12px;flex-direction:column}.brand-panel h1{font-size:34px}}