*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#f4c430;--primary-dim:#f4c4301a;--primary-border:#f4c43033;--bg:#0a0a0a;--bg-soft:#0d0d0d;--bg-card:#111;--bg-hover:#161616;--bg-input:#0f0f0f;--text:#fff;--text-secondary:#888;--text-muted:#444;--border:#1a1a1a;--border-soft:#141414;--success:#7dce82;--error:#eb5757;--warning:#f4c430;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--font-display:"Montserrat", sans-serif;--font-body:"Montserrat", sans-serif;--nav-h:58px;--sidebar-w:200px;--right-w:260px}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#222;border-radius:3px}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}input,textarea{font-family:var(--font-body)}a{color:inherit;text-decoration:none}.btn-primary{background:var(--primary);color:#0a0a0a;border-radius:var(--radius-md);text-align:center;letter-spacing:.2px;width:100%;padding:15px 20px;font-size:14px;font-weight:700;transition:opacity .15s,transform .1s;display:block}.btn-primary:hover{opacity:.88}.btn-primary:active{transform:scale(.985)}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;background:0 0;width:100%;padding:15px 20px;font-size:14px;font-weight:500;transition:all .15s;display:block}.btn-ghost:hover{color:var(--text);border-color:#333}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.input-line{border:none;border-bottom:1px solid var(--border);color:var(--text);background:0 0;outline:none;width:100%;padding:12px 0;font-size:15px;transition:border-color .2s}.input-line:focus{border-bottom-color:var(--primary)}.input-line::placeholder{color:var(--text-muted)}.input-field{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);outline:none;width:100%;padding:13px 16px;font-size:14px;transition:border-color .2s}.input-field:focus{border-color:var(--primary)}.input-field::placeholder{color:var(--text-muted)}.tag-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;background:0 0;padding:9px 16px;font-size:13px;font-weight:500;transition:all .15s}.tag-btn:hover{color:var(--text);border-color:#333}.tag-btn.active{background:var(--primary);color:#0a0a0a;border-color:var(--primary);font-weight:700}.label-xs{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:600}@media (orientation:portrait) and (max-width:1024px){.desktop-sidebar,.desktop-right{display:none!important}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.page-wrap{padding:24px 20px calc(var(--nav-h) + 24px);flex:1;overflow-y:auto}.mobile-nav{z-index:100;height:var(--nav-h);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);background:#0a0a0af7;position:fixed;bottom:0;left:0;right:0;display:flex!important}}@media (orientation:landscape),(min-width:1025px){.mobile-nav{display:none!important}.desktop-sidebar{display:flex!important}html,body{height:100dvh;overflow:hidden}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;height:100dvh;display:grid}.desktop-sidebar{background:var(--bg-soft);border-right:1px solid var(--border-soft);flex-direction:column;height:100dvh;overflow-y:auto}.page-wrap{height:100dvh;padding:36px 40px;overflow-y:auto}.desktop-right{display:none!important}}@media (min-width:1280px){.app-shell{grid-template-columns:var(--sidebar-w) 1fr var(--right-w)}.desktop-right{background:var(--bg-soft);border-left:1px solid var(--border-soft);flex-direction:column;height:100dvh;padding:36px 22px;overflow-y:auto;display:flex!important}.page-wrap{padding:36px 48px}}@media (orientation:landscape) and (min-width:1024px) and (max-width:1279px){.page-wrap{padding:32px 40px}}h1,h2,h3,.font-bold,.headline,[class*=font-display]{font-family:Montserrat,sans-serif;font-weight:800}p,span,a,label,input,textarea,button,.font-normal{font-family:Montserrat,sans-serif;font-weight:400}.font-semibold{font-weight:600}.font-medium{font-weight:500}.label-xs{font-family:Montserrat,sans-serif;font-weight:600}.nav-active{font-weight:700}