:root{--teal: #7AB4BF;--teal-dim: #2A7A84;--teal-deep: #004751;--grad: linear-gradient(135deg, #004751, #7AB4BF);--r: 12px;--r-sm: 8px;--r-lg: 18px;--ease: cubic-bezier(.4,0,.2,1);--fast: .15s;--mid: .25s;--serif: "Cormorant Garamond", Georgia, serif;--sans: "Outfit", "Segoe UI", sans-serif;--sidebar-w: 220px;--bg: #0D0D12;--s1: #141418;--s2: #1A1A20;--s3: #222228;--s4: #2A2A32;--b1: rgba(255,255,255,.06);--b2: rgba(255,255,255,.1);--t1: rgba(237,234,228,.95);--t2: rgba(205,201,195,.78);--t3: rgba(180,176,170,.58);--ok: #34D399;--warn: #FBBF24;--err: #F87171;--sh: 0 4px 32px rgba(0,0,0,.55);--sh-sm: 0 2px 12px rgba(0,0,0,.4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--t1);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:var(--sans)}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--s1);border-right:1px solid var(--b1);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar-header{padding:20px 18px;border-bottom:1px solid var(--b1)}.sidebar-header .logo{font-family:var(--serif);font-size:1.15rem;font-weight:500;color:var(--t1)}.sidebar-header .tagline{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-top:4px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 18px;font-size:.85rem;color:var(--t2);cursor:pointer;transition:background .15s,color .15s;border-left:3px solid transparent}.nav-link:hover{background:#7ab4bf0f;color:var(--t1)}.nav-link.active{background:#7ab4bf1a;color:var(--teal-deep);border-left-color:var(--teal);font-weight:500}.page-content{flex:1;overflow-y:auto;padding:28px 32px}.card{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:18px;box-shadow:var(--sh-sm)}.card:hover{transform:translateY(-2px);box-shadow:var(--sh)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}input,textarea,select{padding:8px 12px;border-radius:6px;background:var(--s2);border:1px solid var(--b1);color:var(--t1);font-size:.85rem;transition:border-color .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--teal)}textarea{resize:vertical}button{padding:8px 14px;border-radius:6px;border:none;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s}.btn-primary{background:var(--teal);color:#000}.btn-primary:hover{background:var(--teal-dim)}.btn-secondary{background:var(--s2);color:var(--t1);border:1px solid var(--b1)}.btn-secondary:hover{background:var(--s3)}footer{padding:14px 28px;border-top:1px solid var(--b1);background:var(--s1);font-size:.68rem;color:var(--t3);line-height:1.6;margin-top:auto}footer a{color:var(--teal);margin-right:14px}.notepad{width:100%;border-radius:var(--r-sm);border:1px solid var(--b1);padding:10px;font-family:var(--sans);font-size:.8rem;color:var(--t1);background:var(--bg)}.hamburger{display:none;position:fixed;top:10px;left:10px;z-index:200;width:36px;height:36px;border-radius:50%;background:var(--s1);border:1px solid var(--b1);align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--sh-sm);font-size:1.2rem;color:var(--t1);padding:0}.overlay-mobile{display:none}@media (max-width: 768px){.hamburger{display:flex}.app-shell{position:relative}.app-sidebar{position:fixed;top:0;left:0;z-index:190;height:100vh;transform:translate(-100%);transition:transform .3s var(--ease)}.app-sidebar.open{transform:translate(0)}.overlay-mobile{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:180}.page-content{padding:16px 20px}.grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s var(--ease)}.text-muted{color:var(--t3)}.text-secondary{color:var(--t2)}.mb-24{margin-bottom:24px}.mb-16{margin-bottom:16px}