.layout{grid-template-columns:72px 1fr;min-height:100svh;display:grid}.sidebar{background:linear-gradient(180deg, #0f766e2e, transparent 40%), var(--sidebar);color:var(--sidebar-ink);z-index:40;flex-direction:column;gap:1.5rem;height:100svh;padding:1.25rem .7rem;display:flex;position:sticky;top:0}.sidebar.is-rail{align-items:stretch}.brand{color:var(--sidebar-active);justify-content:center;align-items:center;gap:.85rem;display:flex}.brand-mark{background:var(--accent);width:2.45rem;height:2.45rem;font-family:var(--display);border-radius:12px;flex-shrink:0;place-items:center;font-size:.95rem;font-weight:800;display:grid}.brand-text{display:none}.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;flex:1;align-items:center;gap:.35rem;display:flex}.nav-item{text-align:center;width:2.75rem;height:2.75rem;color:inherit;background:0 0;border:0;border-radius:12px;place-items:center;padding:0;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:grid;position:relative}.nav-label{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:50;background:#101820;border-radius:8px;padding:.4rem .65rem;font-size:.78rem;font-weight:600;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:50%;left:calc(100% + .7rem);transform:translateY(-50%)translate(-4px);box-shadow:0 10px 24px #10182047}.nav-label:before{content:"";border:5px solid #0000;border-right-color:#101820;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.nav-item:hover .nav-label,.nav-item:focus-visible .nav-label{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.nav-icon{flex-shrink:0;place-items:center;width:1.25rem;height:1.25rem;display:grid}.nav-icon svg{width:100%;height:100%}.nav-item:hover:not(:disabled),.nav-item:focus-visible:not(:disabled){color:var(--sidebar-active);background:#ffffff14}.nav-item.is-active{color:var(--sidebar-active);background:#ffffff1f}.nav-item:disabled{opacity:.45;cursor:not-allowed}.nav-group{place-items:center;display:grid;position:relative}.nav-flyout{opacity:0;visibility:hidden;pointer-events:none;z-index:60;background:#101820;border-radius:12px;min-width:15.5rem;padding:.55rem;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:0;left:calc(100% + .55rem);transform:translate(-4px);box-shadow:0 16px 36px #10182059}.nav-flyout:before{content:"";border:6px solid #0000;border-right-color:#101820;position:absolute;top:.95rem;right:100%}.nav-group:hover .nav-flyout,.nav-group:focus-within .nav-flyout{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.nav-group:hover .nav-group-parent .nav-label,.nav-group:focus-within .nav-group-parent .nav-label{opacity:0;visibility:hidden}.nav-flyout-title{color:#ffffff8c;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .35rem;padding:.25rem .55rem;font-size:.72rem;font-weight:700}.nav-flyout-item{color:#ffffffdb;border-radius:8px;align-items:center;gap:.65rem;padding:.65rem .7rem;font-size:.88rem;text-decoration:none;transition:background .14s,color .14s;display:flex}.nav-flyout-item:hover,.nav-flyout-item.is-active{color:#fff;background:#ffffff1a}.nav-flyout-item .nav-icon{color:#2dd4bf;width:1.05rem;height:1.05rem}.sidebar-foot{color:#c5ced8bf;justify-items:center;gap:.55rem;margin:auto 0 0;font-size:.82rem;line-height:1.5;display:grid}.user-box{place-items:center;display:grid}.user-avatar{width:2.35rem;height:2.35rem;color:var(--sidebar-active);background:#ffffff1a;border-radius:999px;place-items:center;font-size:.9rem;font-weight:700;display:grid}.user-text{display:none}.user-box strong{color:var(--sidebar-active);font-size:.9rem}.user-box small{color:#c5ced8b3;word-break:break-all;font-size:.75rem}.logout-btn{width:2.75rem;height:2.75rem;color:var(--sidebar-ink);background:0 0;border:1px solid #ffffff24;border-radius:12px;place-items:center;padding:0;transition:background .16s,color .16s;display:grid;position:relative}.logout-btn .nav-label{left:calc(100% + .7rem)}.logout-btn:hover,.logout-btn:focus-visible{color:var(--sidebar-active);background:#ffffff14}.logout-btn:hover .nav-label,.logout-btn:focus-visible .nav-label{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.main{min-width:0;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:1rem;height:auto;padding:.9rem 1rem;position:static}.nav{flex-flow:wrap;justify-content:flex-start}.nav-label,.nav-flyout,.logout-btn .nav-label,.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}