body{background:#f1f3ee}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-card{width:min(520px,100%);padding:34px}.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px;margin-bottom:24px}.logo i{width:34px;height:34px;border-radius:10px;background:var(--lime);display:grid;place-items:center;font-style:normal}.auth-card h1{font-size:38px;letter-spacing:-.05em;margin:10px 0}.auth-card p{line-height:1.6}.form-grid{display:grid;gap:14px;margin-top:22px}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:#101210;color:#f4f5f2;padding:22px;position:sticky;top:0;height:100vh}.side-brand{display:flex;gap:10px;align-items:center;font-weight:900;margin-bottom:34px}.side-brand i{width:34px;height:34px;border-radius:10px;background:var(--lime);color:#111;display:grid;place-items:center;font-style:normal}.side-nav{display:grid;gap:8px}.side-nav button{border:0;background:transparent;color:#aeb4ac;padding:12px 13px;text-align:left;border-radius:12px;font-weight:750}.side-nav button.active,.side-nav button:hover{background:#1c201c;color:#fff}.side-bottom{position:absolute;bottom:24px;left:22px;right:22px}.main{padding:26px 30px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.topbar h1{font-size:28px;margin:0;letter-spacing:-.04em}.stats{grid-template-columns:repeat(4,1fr)}.stat{padding:22px}.stat small{font-weight:800;color:var(--muted)}.stat strong{display:block;font-size:32px;margin-top:10px}.panel{padding:22px;margin-top:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-head h2{margin:0;letter-spacing:-.03em}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:840px}.table th,.table td{padding:14px 12px;border-bottom:1px solid #eceee9;text-align:left;font-size:13px}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;place-items:center;padding:20px;z-index:80}.modal.open{display:grid}.modal-card{width:min(760px,100%);max-height:90vh;overflow:auto;padding:26px}.modal-grid{grid-template-columns:1fr 1fr}.hidden{display:none!important}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.side-nav{grid-template-columns:repeat(3,1fr)}.side-bottom{position:static;margin-top:20px}.main{padding:20px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:600px){.stats,.modal-grid{grid-template-columns:1fr}.side-nav{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start;gap:12px}.topbar .btn{font-size:12px}}
