.app-shell{min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);background:#12243b;color:#fff;padding:1rem;overflow-y:auto;z-index:50}.brand{display:flex;gap:.7rem;align-items:center;padding:.5rem;margin-bottom:1rem}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--green-600),var(--blue-600));display:grid;place-items:center;font-size:1.4rem}.brand strong{display:block}.brand small{color:#c7d2e0}.nav-list{display:grid;gap:.25rem}.nav-link{display:flex;align-items:center;gap:.7rem;color:#dce6f1;text-decoration:none;padding:.65rem .75rem;border-radius:10px;min-height:44px}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.12);color:#fff}.nav-group{margin:.8rem .7rem .3rem;color:#8fa5bd;font-size:.78rem;font-weight:700}.topbar{position:sticky;top:0;margin-inline-start:var(--sidebar);height:var(--header);background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-inline:1.5rem;z-index:40}.topbar-user{display:flex;gap:.7rem;align-items:center}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--green-100);color:var(--green-700);font-weight:800}.main{margin-inline-start:var(--sidebar);padding:1.5rem;max-width:1700px}.page-head{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.page-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin-top:1rem}.mobile-menu{display:none}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-hero{padding:clamp(2rem,7vw,6rem);display:grid;align-content:center;color:#fff;background:linear-gradient(135deg,rgba(14,110,75,.96),rgba(27,79,145,.94));position:relative;overflow:hidden}.login-hero::after{content:"";position:absolute;width:340px;height:340px;border:70px solid rgba(255,255,255,.08);border-radius:50%;inset-block-end:-140px;inset-inline-end:-100px}.login-panel{display:grid;place-content:center;padding:2rem}.login-box{width:min(440px,92vw)}.demo-accounts{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-block:1rem}.demo-account{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.7rem;text-align:right}.demo-account:hover{border-color:var(--blue-600);background:var(--blue-100)}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.page-grid{grid-template-columns:1fr}.sidebar{transform:translateX(110%);transition:.2s}.sidebar.open{transform:none}.topbar,.main{margin-inline-start:0}.mobile-menu{display:inline-grid;place-items:center}.login-page{grid-template-columns:1fr}.login-hero{min-height:280px}.login-panel{padding-block:3rem}}
@media(max-width:600px){.cards,.form-grid{grid-template-columns:1fr}.main{padding:1rem}.topbar{padding-inline:1rem}.topbar-user .user-meta{display:none}.page-head{display:block}.page-head .actions{margin-top:1rem}.demo-accounts{grid-template-columns:1fr}.card{padding:1rem}}
.main{min-width:0}.page-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.page-grid>*{min-width:0}
@media(max-width:1000px){.page-grid{grid-template-columns:minmax(0,1fr)}}