:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}.app-shell{--bg:#f4f6f8;--surface:#fff;--surface-soft:#eef3f6;--border:#d6dee6;--text:#11263c;--text-soft:#48627b;--brand:#1b6f97;--brand-strong:#13516f;--shadow:0 10px 30px #142d4214;background:radial-gradient(circle at 15% -20%, #388ab133, transparent 35%), radial-gradient(circle at 110% 10%, #b7d3e459, transparent 30%), var(--bg);min-height:100vh;color:var(--text);transition:background .3s,color .3s}.app-shell[data-theme=dark]{--bg:#0b1622;--surface:#102334;--surface-soft:#0f2c42;--border:#29506f;--text:#f2f8fd;--text-soft:#acd1eb;--brand:#4bb0e3;--brand-strong:#8ad5fb;--shadow:0 12px 35px #020a1180}.app-header{border-bottom:1px solid var(--border);background:var(--surface);height:72px;box-shadow:var(--shadow);z-index:50;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:sticky;top:0}.header-left,.header-right{align-items:center;gap:12px;display:flex}.icon-button{border:1px solid var(--border);background:var(--surface-soft);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:10px;place-items:center;display:grid}.icon-button:hover{border-color:var(--brand)}.hamburger-line{background:var(--text);border-radius:99px;width:18px;height:2px;margin:2px 0;display:block}.brand-block{align-items:center;gap:12px;display:flex}.brand-logo{color:#fff;letter-spacing:.08em;border-radius:0;place-items:center;min-width:100px;height:50px;padding:0;font-size:.76rem;font-weight:800;display:grid}.brand-divider{background:var(--border);width:1px;height:28px}.brand-title{letter-spacing:.02em;font-size:1rem;font-weight:700}.theme-button,.logout-button{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);cursor:pointer;border-radius:10px;padding:8px 14px;font-weight:600}.theme-button:hover,.logout-button:hover{border-color:var(--brand)}.profile-area{position:relative}.user-button svg{width:20px;height:20px}.profile-panel{background:var(--surface);border:1px solid var(--border);width:260px;box-shadow:var(--shadow);border-radius:14px;gap:10px;padding:14px;display:grid;position:absolute;top:52px;right:0}.profile-loading,.profile-email,.profile-access{color:var(--text-soft);margin:0;font-size:.9rem}.profile-name{margin:0;font-size:1rem;font-weight:700}.access-switcher{flex-wrap:wrap;gap:6px;display:flex}.access-switcher span{border:1px solid var(--border);color:var(--text-soft);border-radius:999px;padding:4px 8px;font-size:.75rem}.app-layout{min-height:calc(100vh - 72px);display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);width:250px;padding:16px 12px;transition:width .2s,padding .2s;overflow:hidden}.sidebar.closed{border-right:0;width:0;padding:16px 0}.sidebar ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.nav-link{text-align:left;width:100%;color:var(--text-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:10px 12px;font-weight:600;text-decoration:none;display:block}.nav-link:hover{border-color:var(--border)}.nav-link.active{background:var(--surface-soft);border-color:var(--brand);color:var(--text)}.content-area{flex:1;padding:28px}.content-area h1{margin-top:0}.placeholder-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;max-width:560px;margin-top:20px;padding:18px}.placeholder-card h2{margin:0 0 8px}.placeholder-card p{color:var(--text-soft);margin:0}@media (width<=900px){.app-header{flex-direction:column;align-items:flex-start;gap:8px;height:auto;min-height:72px;padding:12px}.header-left,.header-right{justify-content:space-between;width:100%}.brand-title{font-size:.9rem}.app-layout{min-height:calc(100vh - 108px)}.sidebar{z-index:60;box-shadow:var(--shadow);position:fixed;top:108px;bottom:0;left:0}.sidebar.closed{width:0;padding:0}.content-area{padding:20px}}