.layout{min-height:100vh;display:flex}.sidebar{background:var(--white);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:240px;transition:background-color .3s,border-color .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;transition:border-color .3s;display:flex}.sidebar-logo{color:var(--primary);letter-spacing:-.5px;font-size:24px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.sidebar-link{color:var(--text-secondary);border-radius:12px;align-items:center;gap:12px;padding:10px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{background:var(--surface);color:var(--text);text-decoration:none}.sidebar-link.active{background:var(--primary-light);color:var(--primary);font-weight:600}.sidebar-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;transition:border-color .3s;display:flex}.sidebar-user{color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex;overflow:hidden}.sidebar-logout{color:var(--text-secondary);background:0 0;border:none;border-radius:8px;padding:8px;transition:all .15s}.sidebar-logout:hover{color:var(--emergency);background:#c0392b15}.main-content{flex:1;max-width:900px;min-height:100vh;margin-left:240px;padding:24px}.mobile-header{background:var(--white);border-bottom:1px solid var(--border);z-index:200;justify-content:space-between;align-items:center;height:56px;padding:0 16px;transition:background-color .3s,border-color .3s;display:none;position:fixed;top:0;left:0;right:0}.mobile-logo{color:var(--primary);font-size:20px;font-weight:700}.mobile-header-actions{align-items:center;gap:8px;display:flex}.mobile-menu-btn{color:var(--text);background:0 0;border:none;padding:8px}.mobile-overlay{z-index:300;background:#00000080;display:none;position:fixed;inset:0}.mobile-nav{background:var(--white);flex-direction:column;gap:4px;width:280px;height:100%;padding:72px 16px 24px;transition:background-color .3s;display:flex;position:absolute;top:0;right:0}.mobile-nav-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.mobile-nav-link:hover{background:var(--surface)}.mobile-nav-link.active{background:var(--primary-light);color:var(--primary)}.mobile-nav-link.logout{color:var(--emergency);margin-top:auto}.bottom-nav{background:var(--white);border-top:1px solid var(--border);height:72px;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0);z-index:100;transition:background-color .3s,border-color .3s;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:11px;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item:hover{text-decoration:none}@media (width<=768px){.sidebar{display:none}.mobile-header{display:flex}.mobile-overlay{display:block}.bottom-nav{display:flex}.main-content{max-width:100%;margin-left:0;padding:72px 16px 88px}}:root{--primary:#1b6e72;--primary-light:#1b6e7220;--secondary:#4caf7d;--secondary-light:#4caf7d20;--accent:#e8935a;--accent-light:#e8935a20;--bg:#faf8f5;--surface:#f0ede8;--text:#1a1a1a;--text-secondary:#6b6b6b;--border:#e0dcd7;--white:#fff;--emergency:#c0392b;--success:#27ae60;--radius:16px;--radius-sm:12px;--radius-pill:20px;--shadow:0 1px 3px #0000000f}[data-theme=dark]{--primary:#2ba4a8;--primary-light:#2ba4a830;--secondary:#5cc98d;--secondary-light:#5cc98d25;--accent:#e8935a;--accent-light:#e8935a25;--bg:#111118;--surface:#1a1a24;--text:#e5e5ea;--text-secondary:#9ca3af;--border:#2a2a38;--white:#1e1e2a;--emergency:#e74c3c;--success:#2ecc71;--shadow:0 1px 3px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;transition:background-color .3s,color .3s}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{background:var(--surface);color:var(--text);border:1px solid var(--border);font-family:inherit;font-size:16px;transition:background-color .3s,border-color .3s,color .3s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{border:1px solid var(--border);transition:background-color .3s,border-color .3s,box-shadow .3s;background:var(--surface)!important;box-shadow:var(--shadow)!important}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--white) inset!important;-webkit-text-fill-color:var(--text)!important;caret-color:var(--text)!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--white) inset!important;-webkit-text-fill-color:var(--text)!important;caret-color:var(--text)!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--white) inset!important;-webkit-text-fill-color:var(--text)!important;caret-color:var(--text)!important}textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--white) inset!important;-webkit-text-fill-color:var(--text)!important;caret-color:var(--text)!important}.theme-toggle{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:background .2s,color .2s,border-color .3s;display:flex}.theme-toggle:hover{background:var(--surface);color:var(--text)}.theme-toggle .icon-sun{display:block}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:block}