:root{--bg:#0f0f0f;--surface:#1a1a1a;--surface2:#222;--surface3:#2a2a2a;--border:#2e2e2e;--text:#f0ede8;--text-muted:#888;--accent:#ff6b35;--green:#10b981;--blue:#3b82f6;--amber:#f59e0b;--red:#ef4444;--whatsapp:#25d366;--sidebar-w:220px;--bottom-nav-h:64px;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}input,select,textarea,button{font-family:inherit;font-size:16px}h1,h2,h3,h4{font-family:Syne,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}@media (width>=769px){.main-content{margin-left:var(--sidebar-w)!important}.bottom-nav{display:none!important}}@media (width<=768px){.sidebar{display:none!important}.main-content{padding-bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px) + 16px)!important}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:12px 16px;font-size:16px;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-muted)}.form-label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group{margin-bottom:16px}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:active{opacity:.8}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:8px 12px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-pending{color:var(--amber);background:#f59e0b26}.badge-in_progress{color:var(--blue);background:#3b82f626}.badge-done{color:var(--green);background:#10b98126}.fab{bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom,0px) + 16px);background:var(--accent);color:#fff;cursor:pointer;z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:fixed;right:20px;box-shadow:0 4px 16px #ff6b354d}@media (width>=769px){.fab{bottom:24px}}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}