*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--surface:#0f172a;--surface-50:#1e293b;--surface-100:#334155;--surface-200:#475569;--text:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#6366f1;--accent-hover:#818cf8;--accent-muted:#4f46e5;--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--tag-live:#f97316;--tag-aikya:#a78bfa;--radius:8px;--radius-xl:12px}body{background:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border-radius:var(--radius);color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;transition:all .15s;display:inline-flex}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{border:1px solid var(--surface-200);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}input::placeholder,textarea::placeholder{color:var(--text-muted)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#16a34a}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--surface-50);color:var(--text)}.btn-sm{padding:.25rem .5rem;font-size:.8125rem}.card{background:var(--surface-50);border-radius:var(--radius-xl);border:1px solid var(--surface-200);padding:1rem}.badge{border-radius:999px;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;line-height:1.25rem;display:inline-flex}.badge-live{color:#fb923c;background:#f9731626}.badge-aikya{color:#c4b5fd;background:#a78bfa26}.badge-porjay{color:#818cf8;background:#6366f126}.badge-taal{color:#c4b5fd;background:#a78bfa26}.badge-completed{color:#4ade80;background:#22c55e26}.grid-dashboard{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;display:grid}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.progress-bar{background:var(--surface-200);border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.layout-page{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--surface-200);flex-direction:column;flex-shrink:0;width:224px;display:flex}.sidebar-header{border-bottom:1px solid var(--surface-200);align-items:center;gap:.625rem;padding:1rem 1.25rem;display:flex}.sidebar-logo{border-radius:var(--radius);background:var(--accent);color:#fff;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;font-weight:700;display:flex}.sidebar-title{color:var(--text);font-size:.875rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:.75rem;display:flex}.sidebar-link{border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:all .15s;display:flex}.sidebar-link:hover{background:var(--surface-50);color:var(--text);text-decoration:none}.sidebar-link.active{color:var(--accent);background:#6366f11a}.sidebar-footer{border-top:1px solid var(--surface-200);align-items:center;gap:.625rem;padding:.75rem 1rem;display:flex}.sidebar-avatar{background:var(--surface-50);width:2rem;height:2rem;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;display:flex}.sidebar-user-info{color:var(--text-secondary);font-size:.75rem}.sidebar-user-name{color:var(--text-secondary)}.main-content{flex:1;max-width:calc(100vw - 224px);padding:1.5rem 2rem;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-header h1{font-size:1.25rem;font-weight:600}.tabs{background:var(--surface-50);border-radius:var(--radius);gap:.25rem;width:fit-content;margin-bottom:1.5rem;padding:.25rem;display:flex}.tab{color:var(--text-secondary);background:0 0;border-radius:6px;padding:.375rem .75rem;font-size:.8125rem;font-weight:500}.tab:hover{color:var(--text);background:var(--surface-100)}.tab.active{background:var(--accent);color:#fff}.modal-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface-50);border-radius:var(--radius-xl);border:1px solid var(--surface-200);width:90%;max-width:540px;max-height:85vh;padding:1.5rem;overflow-y:auto}.modal h2{color:var(--text);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.toast{border-radius:var(--radius);color:#fff;z-index:200;padding:.75rem 1rem;font-size:.875rem;animation:.2s slideIn;position:fixed;bottom:1rem;right:1rem}.toast-error{background:var(--danger)}.toast-success{background:var(--success)}@keyframes slideIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state p{font-size:.9375rem}.stat-card{text-align:center;padding:1.25rem}.stat-card .stat-value{color:var(--accent);font-size:1.875rem;font-weight:700}.stat-card .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.75rem;font-weight:500}.checkbox-row{align-items:center;gap:.5rem;padding:.375rem 0;font-size:.875rem;display:flex}.checkbox-row input[type=checkbox]{cursor:pointer;width:auto;accent-color:var(--accent)}.checkbox-row label{cursor:pointer;color:var(--text-secondary);flex:1;transition:color .15s}.checkbox-row:hover label{color:var(--text)}.checkbox-row .checked{color:var(--success)}.checkbox-row .strikethrough{color:var(--text-muted);text-decoration:line-through}.task-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.task-card-header .task-title{color:var(--text);font-size:.9375rem;font-weight:600}.task-card-header .task-actions{flex-shrink:0;gap:.25rem;display:flex}.task-tags{flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem;display:flex}.task-meta{color:var(--text-secondary);margin-bottom:.5rem;font-size:.8125rem}.card-actions{gap:.5rem;margin-top:.75rem;display:flex}.card-progress-0{background:#7f1d1d40;border-color:#dc262666}.card-progress-1{background:#7f1d1d26;border-color:#ea580c66}.card-progress-2{background:#92400e26;border-color:#ca8a0466}.card-progress-3{background:#4d7c0f26;border-color:#65a30d66}.card-progress-4{background:#16653433;border-color:#22c55e66}.card-progress-5{background:#16653440;border-color:#22c55e80}.skeleton{background:var(--surface-100);border-radius:4px;height:1rem;margin-bottom:.5rem}.skeleton-card{padding:1rem}.skeleton-line{background:var(--surface-100);border-radius:4px;height:.75rem;margin-bottom:.5rem}.skeleton-line:last-child{width:60%}.public-layout{background:linear-gradient(135deg, var(--surface) 0%, #1a1a4e 50%, var(--accent-muted) 100%);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.public-layout h1{margin-bottom:1rem;font-size:2.5rem;font-weight:800}.public-layout p{opacity:.9;max-width:480px;font-size:1.125rem}.public-layout .admin-link{color:#fff;border-radius:var(--radius);background:0 0;border:2px solid #ffffff4d;margin-top:2rem;padding:.75rem 1.5rem;font-weight:500;transition:all .15s}.public-layout .admin-link:hover{background:#ffffff1a;border-color:#ffffff80;text-decoration:none}@media (width<=768px){.sidebar{width:60px}.sidebar .sidebar-link span,.sidebar-header .sidebar-title{display:none}.main-content{max-width:calc(100vw - 60px);padding:1rem}.form-row,.grid-dashboard{grid-template-columns:1fr}}