:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f6f8;color:#17202a}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(120deg,#1f5575e6,#141f2aeb),url(https://images.unsplash.com/photo-1632823471565-1ecdf5c95db1?auto=format&fit=crop&w=1600&q=80) center/cover}.auth-panel{width:min(440px,100%);background:#fff;border:1px solid #dfe6ee;border-radius:8px;box-shadow:0 24px 70px #0914203d;padding:32px}.auth-panel.compact{width:min(400px,100%)}.auth-panel h1{margin:26px 0 22px;font-size:30px}.auth-form{display:grid;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#1f5575;color:#fff;font-weight:800}.brand strong,.topbar strong{display:block}.brand span,.topbar span,.eyebrow{color:#657384;font-size:13px}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{background:#101820;color:#eef4f8;padding:22px}.sidebar .brand{margin-bottom:28px}.sidebar .brand span{color:#9dadbb}.sidebar nav{display:grid;gap:6px}.sidebar a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;color:#c8d3dc;text-decoration:none}.sidebar a.active,.sidebar a:hover{background:#1f5575;color:#fff}.main{min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:0 28px;background:#fff;border-bottom:1px solid #dde5ec}.content{padding:28px}.page{display:grid;gap:22px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-header h1{margin:4px 0 0;font-size:28px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat-card{min-height:132px;display:grid;gap:12px;align-content:center;padding:20px;border-radius:8px;background:#fff;border:1px solid #dde5ec}.stat-card svg{color:#1f5575}.stat-card span{color:#657384}.stat-card strong{font-size:34px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px;background:#fff;border:1px solid #dde5ec;border-radius:8px}.field{display:grid;gap:7px;color:#405063;font-size:14px}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd8e3;border-radius:8px;padding:11px 12px;background:#fff;color:#17202a}.field textarea{resize:vertical}.with-icon{position:relative}.with-icon svg{position:absolute;left:12px;top:39px;color:#657384}.with-icon input{padding-left:40px}.form-actions,.span-all{grid-column:1 / -1}.form-actions{display:flex;gap:10px;justify-content:flex-end}.primary-button,.secondary-button,.ghost-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:8px;border:1px solid transparent;padding:0 14px;font-weight:700}.primary-button{background:#1f5575;color:#fff}.secondary-button{background:#fff;color:#1f5575;border-color:#b9c9d8}.ghost-button{background:transparent;color:#405063;border-color:#cfd8e3}.icon-button{width:40px;padding:0;background:#fff;border-color:#cfd8e3}.icon-button.danger{color:#b3261e}.table-wrap{overflow-x:auto;background:#fff;border:1px solid #dde5ec;border-radius:8px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:14px 16px;border-bottom:1px solid #edf1f5;text-align:left}th{color:#657384;font-size:13px;text-transform:uppercase}tbody tr{cursor:pointer}tbody tr:hover{background:#f7fafc}.empty-state{color:#657384;text-align:center}.alert{border-radius:8px;padding:12px 14px;font-size:14px}.alert.error{background:#fff1f0;color:#9f1c15;border:1px solid #ffc9c4}.alert.success{background:#eef9f1;color:#196b35;border:1px solid #bce8c7}.link,.back-link{color:#1f5575;font-weight:700;text-decoration:none}.back-link{display:inline-flex;align-items:center;gap:6px}.mobile-only{display:none}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;transform:translate(-100%);transition:transform .18s ease;z-index:5}.sidebar.is-open{transform:translate(0)}.topbar{justify-content:space-between}.mobile-only{display:inline-flex}.stats-grid,.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.content,.topbar{padding-left:16px;padding-right:16px}.stats-grid,.form-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.auth-panel{padding:24px}}