.shell{min-height:100vh}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:var(--nav);color:var(--nav-text);padding:24px 17px;z-index:50;display:flex;flex-direction:column;gap:27px}.brand{min-height:94px;display:flex;gap:10px;align-items:center;justify-content:center;text-decoration:none;color:#f4f9ff}.brand-mark{font-size:30px;color:#7bbcff}.brand-word{font-size:25px;letter-spacing:.02em;font-weight:850}.brand-word b{color:#86bdf3}.brand-word small{display:block;font-size:8px;letter-spacing:.17em;color:#9eb2c8;margin-top:6px}.side-links{display:flex;flex-direction:column;gap:6px}.side-links a{display:flex;gap:13px;align-items:center;padding:13px 14px;border-radius:10px;text-decoration:none;font-size:14px;color:var(--nav-text);font-weight:550}.side-links a:hover{background:#ffffff12;color:#fff}.side-links a.active{background:#347abc24;color:#fff;border:1px solid #519deb42}.nav-icon{font-size:22px;line-height:1;width:23px;text-align:center}.main{margin-left:248px;min-width:0}.topbar{height:78px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 38px}.searchbox{background:var(--field);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;gap:10px;max-width:520px;width:100%;padding:5px 10px}.searchbox input{background:transparent;border:0;color:var(--text);flex:1;min-width:0;outline:0;font-size:13px;padding:7px}.searchbox button{border:0;background:transparent;color:var(--accent);font-size:12px}.top-actions{position:relative;display:flex;gap:8px}.tool{border:1px solid var(--border);background:var(--field);border-radius:9px;padding:10px 14px;color:var(--text)}.account-menu{position:absolute;right:0;top:48px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:18px;border-radius:11px;min-width:220px;z-index:10;font-size:13px}.content{max-width:1630px;margin:0 auto;padding:32px 38px 95px}.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:25px}.page-title p{color:var(--muted);font-size:13px}.mode-tag{font-size:10px;padding:8px 12px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:30px;white-space:nowrap}.mobile-nav,.mobile-menu{display:none}@media(max-width:850px){.sidebar{display:none}.main{margin:0}.topbar{height:65px;padding:0 16px}.top-actions .tool span{display:none}.content{padding:24px 15px 92px}.page-title{flex-direction:column}.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;height:67px;background:var(--surface);border-top:1px solid var(--border);z-index:90}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:0;color:var(--muted);text-decoration:none;font-size:21px}.mobile-nav span{font-size:10px}.mobile-nav .active{color:var(--accent)}.mobile-menu:not([hidden]){display:flex;position:fixed;right:12px;bottom:80px;z-index:99;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:185px;box-shadow:var(--shadow);padding:10px;gap:4px}.mobile-menu a,.mobile-menu button{color:var(--text);text-decoration:none;background:transparent;border:0;text-align:left;padding:12px;border-radius:8px}}