.layout{grid-template-columns:260px 1fr;min-height:100svh;display:grid}.sidebar{background:linear-gradient(180deg, #0f766e2e, transparent 40%), var(--sidebar);color:var(--sidebar-ink);flex-direction:column;gap:2rem;padding:1.75rem 1.25rem;display:flex}.brand{color:var(--sidebar-active);align-items:center;gap:.85rem;display:flex}.brand-mark{background:var(--accent);width:2.6rem;height:2.6rem;font-family:var(--display);border-radius:12px;place-items:center;font-size:1rem;font-weight:800;display:grid}.brand strong{font-family:var(--display);letter-spacing:-.02em;font-size:1.05rem;display:block}.brand small{color:var(--sidebar-ink);margin-top:.15rem;font-size:.78rem;display:block}.nav{flex-direction:column;gap:.4rem;display:flex}.nav-item{text-align:left;color:inherit;background:0 0;border:0;border-radius:10px;align-items:center;gap:.7rem;padding:.8rem .95rem;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:flex}.nav-icon{flex-shrink:0;place-items:center;width:1.15rem;height:1.15rem;display:grid}.nav-icon svg{width:100%;height:100%}.nav-item:hover:not(:disabled){color:var(--sidebar-active);background:#ffffff0f}.nav-item.is-active{color:var(--sidebar-active);background:#ffffff1a;font-weight:600}.nav-item:disabled{opacity:.45;cursor:not-allowed}.nav-group{gap:.25rem;display:grid}.nav-sub{flex-direction:column;gap:.15rem;padding:.15rem 0 .35rem 2.05rem;display:none}.nav-group.is-open .nav-sub,.nav-group.is-active-group .nav-sub{display:flex}.nav-subitem{color:#c5ced8c7;border-radius:8px;padding:.55rem .75rem;font-size:.88rem;text-decoration:none;transition:background .18s,color .18s}.nav-subitem:hover{color:var(--sidebar-active);background:#ffffff0f}.nav-subitem.is-active{color:var(--sidebar-active);background:#ffffff1a;font-weight:600}.sidebar-foot{color:#c5ced8bf;gap:.75rem;margin:auto 0 0;font-size:.82rem;line-height:1.5;display:grid}.user-box{gap:.15rem;display:grid}.user-box strong{color:var(--sidebar-active);font-size:.9rem}.user-box small{color:#c5ced8b3;word-break:break-all;font-size:.75rem}.logout-btn{color:var(--sidebar-ink);text-align:left;background:0 0;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:.65rem;padding:.7rem .9rem;font-weight:600;transition:background .16s,color .16s;display:flex}.logout-btn:hover{color:var(--sidebar-active);background:#ffffff14}.main{padding:2rem 2.25rem 2.5rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.75rem;animation:.42s both rise;display:flex}.page-header-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .45rem;font-size:.8rem;font-weight:700}.page-header h1{font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,2.5vw,2.4rem);line-height:1.1}.subtitle{max-width:36rem;color:var(--ink-soft);margin:.55rem 0 0;line-height:1.5}.page-content{animation:.52s 60ms both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.layout{grid-template-columns:1fr}.sidebar{gap:1.25rem;padding:1.25rem}.nav{flex-flow:wrap}.sidebar-foot{display:none}.main{padding:1.25rem}}.login-page{grid-template-columns:1.15fr 1fr;min-height:100svh;display:grid}.login-visual{color:#f4f7f8;background:linear-gradient(160deg,#0f766e59,#0000 55%),linear-gradient(#0d141b 0%,#15202b 100%);place-items:center;padding:2.5rem;display:grid;position:relative;overflow:hidden}.login-glow{filter:blur(8px);background:radial-gradient(circle,#0f766e73,#0000 68%);border-radius:50%;width:28rem;height:28rem;animation:4.5s ease-in-out infinite pulse-glow;position:absolute;top:15%;left:18%}.login-brand-block{z-index:1;max-width:22rem;animation:.52s both rise-in;position:relative}.login-mark{background:var(--accent);width:3.4rem;height:3.4rem;font-family:var(--display);border-radius:14px;place-items:center;margin-bottom:1.4rem;font-size:1.2rem;font-weight:800;display:grid}.login-brand-block h1{font-family:var(--display);letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1}.login-brand-block p{color:#f4f7f8b8;margin:1rem 0 0;font-size:1.05rem;line-height:1.55}.login-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3.5rem);animation:.56s 80ms both rise-in;display:flex}.login-copy{margin-bottom:1.75rem}.login-eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.8rem;font-weight:700}.login-copy h2{font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,2.4vw,2.2rem)}.login-copy p{color:var(--ink-soft);margin:.5rem 0 0}.login-form{gap:1rem;max-width:26rem;display:grid}.login-field{gap:.4rem;display:grid}.login-field span{font-size:.86rem;font-weight:600}.login-field input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:.85rem .95rem;transition:border-color .16s,box-shadow .16s}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e24}.login-error{color:var(--danger);margin:0;font-size:.9rem;font-weight:600}.login-submit{background:var(--accent);color:#fff;border:0;border-radius:10px;margin-top:.25rem;padding:.9rem 1.2rem;font-weight:700;transition:background .16s,transform .16s,opacity .16s}.login-submit:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.login-submit:disabled{opacity:.7;cursor:wait}.login-hint{max-width:26rem;color:var(--ink-soft);margin:1.4rem 0 0;font-size:.82rem;line-height:1.5}.login-hint strong{color:var(--ink);font-weight:700}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-visual{place-items:end start;min-height:34svh;padding:2rem 1.5rem}.login-brand-block{max-width:none}.login-brand-block h1{font-size:2.2rem}.login-panel{min-height:66svh}}:root{--bg:#eef1f4;--bg-soft:#f7f8fa;--surface:#fff;--ink:#12181f;--ink-soft:#5a6572;--line:#d7dde5;--accent:#0f766e;--accent-hover:#0d645d;--accent-soft:#d9f2ef;--danger:#b42318;--success:#067647;--sidebar:#101820;--sidebar-ink:#c5ced8;--sidebar-active:#fff;--radius:14px;--shadow:0 18px 40px #10182014;--font:"Source Sans 3", sans-serif;--display:"Source Sans 3", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(circle at top left, #0f766e1f, transparent 32%), linear-gradient(180deg, #f4f7f8 0%, var(--bg) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}