:root{--bg:#f6f7fb;--card:#fff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--brand:#0f172a;--brand2:#2563eb;--danger:#dc2626;--warning:#d97706;--success:#16a34a;--shadow:0 20px 60px rgba(15,23,42,.08);--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.toast{position:fixed;right:18px;top:18px;background:#111827;color:white;border-radius:14px;padding:12px 16px;z-index:9999;opacity:0;transform:translateY(-10px);transition:.25s}.toast.show{opacity:1;transform:none}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top,#dbeafe,transparent 36%),linear-gradient(135deg,#f8fafc,#eef2ff)}.auth-card{width:min(430px,100%);background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid rgba(226,232,240,.9);border-radius:30px;padding:28px;box-shadow:var(--shadow)}.brand-mark,.brand-dot{display:grid;place-items:center;background:#0f172a;color:white;font-weight:900}.brand-mark{width:54px;height:54px;border-radius:18px;font-size:26px}.brand-dot{width:38px;height:38px;border-radius:14px}.auth-card h1{margin:18px 0 6px}.btn{border:0;background:var(--brand);color:white;border-radius:14px;padding:12px 16px;font-weight:700;box-shadow:0 8px 24px rgba(15,23,42,.12)}.btn:hover{transform:translateY(-1px)}.btn-light{background:white;color:var(--text);border:1px solid var(--line);box-shadow:none}.btn-google{width:100%;background:white;color:#111827;border:1px solid var(--line);margin:18px 0 4px}.btn-danger{background:var(--danger)}.btn-full{width:100%;margin-top:8px}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:18px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.tabs{display:flex;background:#f1f5f9;border-radius:16px;padding:4px}.tab{border:0;background:transparent;border-radius:12px;padding:10px 12px;flex:1;font-weight:700;color:var(--muted)}.tab.active{background:white;color:var(--text);box-shadow:0 4px 16px rgba(15,23,42,.08)}.auth-form{display:grid;gap:10px;margin-top:15px}.auth-form input,.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.toolbar select,.settings-card input{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px;background:white;color:var(--text)}.auth-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.app{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:white;padding:20px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh}.sidebar-logo{display:flex;gap:12px;align-items:center}.sidebar-logo span{display:block;font-size:12px;color:#94a3b8;margin-top:3px}.sidebar nav{display:grid;gap:8px}.nav{width:100%;text-align:left;border:0;border-radius:14px;background:transparent;color:#cbd5e1;padding:13px 14px;font-weight:700}.nav.active,.nav:hover{background:rgba(255,255,255,.1);color:white}.install-box{margin-top:auto}.main{padding:20px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.topbar h2{margin:0}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{position:relative;border:1px solid var(--line);background:white;border-radius:14px;padding:11px 13px}.badge{position:absolute;right:-6px;top:-6px;background:var(--danger);color:white;border-radius:999px;font-size:11px;min-width:18px;height:18px;display:grid;place-items:center}.page{display:none}.page.active{display:block}.hero{background:linear-gradient(135deg,#111827,#1e3a8a);color:white;border-radius:30px;padding:28px;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:var(--shadow)}.hero h1{margin:0 0 8px}.hero .muted{color:#cbd5e1}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat{background:white;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 8px 28px rgba(15,23,42,.04)}.stat span{font-size:34px;font-weight:900}.stat p{margin:5px 0 0;color:var(--muted);font-weight:700}.stat.danger span{color:var(--danger)}.stat.warning span{color:var(--warning)}.stat.success span{color:var(--success)}.grid-2{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.card{background:white;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 10px 36px rgba(15,23,42,.05)}.section-head,.panel-head,.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h3{margin:0}.link-btn{border:0;background:transparent;color:var(--brand2);font-weight:800}.list{display:grid;gap:10px;margin-top:14px}.task-card,.client-card,.activity-item,.notification-item{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff}.task-card{display:grid;gap:10px}.task-top{display:flex;justify-content:space-between;gap:8px}.task-title{font-weight:850}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;background:#f1f5f9;color:#334155}.pill.high,.pill.urgent{background:#fee2e2;color:#991b1b}.pill.medium{background:#fef3c7;color:#92400e}.pill.completed{background:#dcfce7;color:#166534}.pill.in_progress{background:#dbeafe;color:#1d4ed8}.task-actions{display:flex;gap:8px;flex-wrap:wrap}.mini-btn{border:1px solid var(--line);background:white;border-radius:12px;padding:8px 10px;font-weight:700}.toolbar{display:flex;gap:10px;margin-bottom:15px}.toolbar input{flex:1}.task-grid,.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.client-card h3{margin:0 0 8px}.client-card p{margin:5px 0;color:var(--muted)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day-cell{min-height:115px;background:white;border:1px solid var(--line);border-radius:18px;padding:10px}.day-cell.dim{opacity:.45}.day-num{font-weight:900}.day-task{margin-top:6px;border-radius:9px;background:#eff6ff;padding:5px 7px;font-size:11px;color:#1e40af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-panel{position:fixed;right:20px;top:78px;width:min(390px,calc(100% - 40px));background:white;border:1px solid var(--line);border-radius:22px;padding:14px;z-index:50;box-shadow:var(--shadow)}#notification-list{display:grid;gap:10px;margin-top:12px;max-height:420px;overflow:auto}.notification-item.unread{border-color:#93c5fd;background:#eff6ff}.modal{position:fixed;inset:0;background:rgba(15,23,42,.54);z-index:100;display:grid;place-items:center;padding:18px}.modal-card{width:min(520px,100%);max-height:92vh;overflow:auto;background:white;border-radius:26px;padding:20px;box-shadow:var(--shadow)}.modal-card.large{width:min(780px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h3{margin:0}.close{border:0;background:#f1f5f9;border-radius:12px;font-size:24px;width:40px;height:40px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid.one{grid-template-columns:1fr}.form-grid label{display:grid;gap:7px;font-weight:750}.wide{grid-column:1/-1}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.settings-card{max-width:650px;display:grid;gap:12px}.empty{color:var(--muted);text-align:center;padding:22px;border:1px dashed var(--line);border-radius:18px}.admin-only{display:none}.is-admin .admin-only{display:initial}.is-admin button.admin-only{display:block}@media(max-width:860px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;height:auto;z-index:40;padding:8px 10px;display:block}.sidebar-logo,.install-box{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.nav{font-size:12px;text-align:center;padding:10px 6px}.main{padding:14px 14px 86px}.topbar{align-items:flex-start}.top-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.hero{display:block;padding:22px}.hero-actions{margin-top:16px}.toolbar{flex-direction:column}.calendar-grid{gap:5px}.day-cell{min-height:88px;border-radius:14px;padding:7px}.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.auth-card{padding:22px}.is-admin .sidebar nav{grid-template-columns:repeat(6,1fr)}}

.otp-verify-box{display:grid;gap:10px;border:1px dashed var(--line);border-radius:16px;padding:12px;background:#f8fafc}.otp-verify-box.hidden{display:none!important}