:root{--primary:#0ead69;--secondary:#ffd23f;--background:#f4f7f6;--surface:#fff;--text:#1a1a1a;--text-muted:#95a5a6;--success:#2ecc71;--error:#e74c3c;--pending:#95a5a6;--border:#1a1a1a0d}[data-theme=dark]{--background:#0f172a;--surface:#1e293b;--text:#f8fafc;--text-muted:#cbd5e1;--border:#f8fafc1a;--pending:#94a3b8}.navbar{background-color:var(--surface);border-bottom:2px solid var(--border);z-index:100;align-items:center;height:60px;display:flex;position:sticky;top:0}.navbar__container{justify-content:space-between;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:0 1rem;display:flex}.navbar__left{align-items:center;display:flex}.navbar__right{align-items:center;gap:1rem;display:flex}.navbar__logo{color:var(--text);letter-spacing:-1px;font-size:1.5rem;font-weight:800;line-height:2rem;text-decoration:none;display:flex}.navbar__logo--accent{color:var(--primary)}.navbar__logo img{border-radius:20px;width:32px;height:32px;margin-right:8px}.navbar__select{background-color:rgba(var(--primary), .05);border:1px solid rgba(var(--primary), .1);color:var(--text);cursor:pointer;border-radius:8px;padding:4px 8px;font-size:.8rem;font-weight:700}.navbar__select:focus{outline:2px solid var(--primary)}.navbar__theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;font-size:1.2rem;transition:background-color .2s}.navbar__theme-toggle:active{background-color:rgba(var(--primary), .1)}
:root{--primary:#0ead69;--secondary:#ffd23f;--background:#f4f7f6;--surface:#fff;--text:#1a1a1a;--text-muted:#95a5a6;--success:#2ecc71;--error:#e74c3c;--pending:#95a5a6;--border:#1a1a1a0d}[data-theme=dark]{--background:#0f172a;--surface:#1e293b;--text:#f8fafc;--text-muted:#cbd5e1;--border:#f8fafc1a;--pending:#94a3b8}.footer{background-color:var(--surface);border-top:1px solid var(--border);align-items:center;height:60px;display:flex}.footer__container{text-align:center;width:100%;max-width:600px;margin:0 auto;padding:0 1rem}.footer__copy{color:var(--pending);font-size:.8rem;font-weight:500}