*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg:#0e0f0c;--surface:#161814;--surface2:#1e2019;--border:#2a2d26;--accent:#c8f04a;--accent2:#8ab82e;--text:#e8ead4;--muted:#7a7d6a;--danger:#ff6b4a;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237a7d6a' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}[data-theme=light]{--bg:#faf9f5;--surface:#fff;--surface2:#f0efe9;--selected:#d1cfc7;--border:#d1cfc7;--accent:#5a7a1a;--accent2:#3d5c0f;--text:#1a1c17;--muted:#6b6d5f;--danger:#c0392b;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b6d5f' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,Segoe UI,system-ui,sans-serif;font-size:15px;transition:background .2s,color .2s}label{color:var(--muted);letter-spacing:.3px;font-size:12px;font-weight:500}input,select,textarea{background:var(--surface2);border:1px solid var(--border);color:var(--text);-webkit-appearance:none;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5a7a1a1f}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{box-shadow:0 0 0 3px #c8f04a14}select{background-image:var(--select-arrow);cursor:pointer;background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}select option{background:var(--surface2)}textarea{resize:vertical;min-height:80px;line-height:1.5}.theme-toggle{border:1px solid var(--border);background:var(--surface2);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:flex}.theme-toggle:hover{border-color:var(--accent);color:var(--text)}:root{--header-h:56px;--bottom-nav-h:64px;--sidebar-w:280px}