@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111;--bg-1:#1a1a1a;--bg-2:#222;--bg-card:#2a2a2a;--bg-card-hover:#333;--accent:#5b6bf8;--accent-light:#7b88fa;--accent-glow:#5b6bf826;--green:#34a853;--green-bg:#34a8531f;--yellow:#fbbc04;--yellow-bg:#fbbc041f;--red:#ea4335;--red-bg:#ea43351f;--text:#e8eaed;--text-2:#bdc1c6;--text-muted:#80868b;--border:#ffffff14;--border-hover:#ffffff29;--radius:12px;--radius-sm:8px;--radius-full:100px;--shadow:0 2px 8px #0006;--font:"Inter", -apple-system, sans-serif;--meet-bg:#1c1c1c;--meet-bar-bg:#202124;--meet-btn-bg:#3c4043;--meet-btn-hover:#4a4d51;--meet-end-call:#ea4335}[data-theme=light]{--bg:#f1f3f4;--bg-1:#fff;--bg-2:#f8f9fa;--bg-card:#fff;--bg-card-hover:#f1f3f4;--accent:#1a73e8;--accent-light:#1967d2;--accent-glow:#1a73e81f;--green:#1e8e3e;--green-bg:#1e8e3e1a;--yellow:#f29900;--yellow-bg:#f299001a;--red:#d93025;--red-bg:#d930251a;--text:#202124;--text-2:#3c4043;--text-muted:#80868b;--border:#0000001a;--border-hover:#0003;--shadow:0 2px 8px #0000001f;--meet-bg:#f1f3f4;--meet-bar-bg:#fff;--meet-btn-bg:#e8eaed;--meet-btn-hover:#dadce0;--meet-end-call:#ea4335}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}#app{height:100%}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font);outline:none}.btn{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.9}.btn-primary:active{opacity:.8}.btn-ghost{color:var(--text-2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid #ea433540}.btn-danger:hover{background:#ea43352e}.btn-success{background:var(--green-bg);color:var(--green);border:1px solid #34a85340}.btn-sm{padding:7px 14px;font-size:13px}.badge{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-pending{background:var(--yellow-bg);color:var(--yellow)}.badge-active{background:var(--green-bg);color:var(--green)}.badge-done{background:var(--bg-2);color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .15s}.card:hover{border-color:var(--border-hover)}.input{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:10px 14px;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-2);font-size:13px;font-weight:600}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow);padding:28px;animation:.2s modalIn}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{font-size:18px;font-weight:700}.modal-close{color:var(--text-muted);background:0 0;border-radius:6px;padding:4px;font-size:20px;transition:color .15s}.modal-close:hover{color:var(--text)}.modal-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}