:root{--bg:#f8fafc;--background:#ffffff;--foreground:#0f172a;--card:#ffffff;--popover:#ffffff;--primary:#0f172a;--primary-light:#334155;--secondary:#64748b;--secondary-light:#f1f5f9;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--radius:0.5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--transition:all 0.15s ease-in-out}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--foreground);color:var(--text);min-height:100vh;line-height:1.6}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}a{text-decoration:none;color:inherit}.navbar{background:var(--primary);color:white;padding:0 1.5rem;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.navbar-brand{display:flex;align-items:center;gap:0.6rem;font-size:1rem;font-weight:700;letter-spacing:0.01em}.navbar-brand .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.navbar-datetime{font-size:0.82rem;font-weight:500;color:rgba(255,255,255,0.85);display:flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.10);padding:0.3rem 0.8rem;border-radius:20px}.navbar-datetime .time-icon{font-size:0.9rem}.page{min-height:calc(100vh - 60px);padding:2rem 1rem}.container{max-width:640px;margin:0 auto}.container-wide{max-width:960px;margin:0 auto}.card{will-change:transform;transform:translateZ(0);background:var(--card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);margin-bottom:var(--space-5);border:1px solid var(--border);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:center;gap:0.6rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1.5px solid var(--border)}.card-header h2{font-size:1.1rem;font-weight:700;color:var(--primary)}.card-header .icon{font-size:1.3rem}.page-title{text-align:center;margin-bottom:1.75rem}.page-title h1{font-size:1.6rem;font-weight:800;color:var(--primary);margin-bottom:0.3rem}.page-title p{color:var(--text-muted);font-size:0.92rem}.nav-tabs{display:flex;gap:0.5rem;margin-bottom:1.5rem;flex-wrap:wrap;justify-content:center}.nav-tabs a{padding:0.5rem 1rem;background:var(--bg);color:var(--foreground);border:1.5px solid var(--primary);color:var(--primary);text-decoration:none;border-radius:var(--radius-sm);font-weight:600;transition:var(--transition)}.nav-tabs a:hover{background:var(--primary-light);border-color:var(--primary-light);color:white}.nav-tabs a.active{background:var(--primary);border-color:var(--primary);color:white;box-shadow:0 4px 12px rgba(37,99,235,0.25)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:0.92rem;font-weight:600;border:1px solid transparent;transition:var(--transition);cursor:pointer}.btn:active{transform:scale(0.97)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:0.85rem}.btn-lg{padding:var(--space-3) var(--space-6);font-size:1rem}.btn-block{width:100%;display:flex}.btn-icon{padding:var(--space-2);border-radius:50%;min-width:36px;height:36px}.btn-primary{background:var(--primary);color:white;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-light);box-shadow:var(--shadow)}.btn-secondary{background:var(--secondary);color:white;box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--primary-light)}.btn-success{background:var(--success);color:white;box-shadow:var(--shadow-sm)}.btn-success:hover{opacity:0.9}.btn-warning{background:var(--warning);color:white;box-shadow:var(--shadow-sm)}.btn-warning:hover{opacity:0.9}.btn-danger{background:var(--danger);color:white;box-shadow:var(--shadow-sm)}.btn-danger:hover{opacity:0.9}.btn-outline{background:transparent;border-color:var(--border);color:var(--text)}.btn-outline:hover{background:var(--bg);border-color:var(--secondary)}.btn-ghost{background:transparent;color:var(--text);border-color:transparent}.btn-ghost:hover{background:var(--border)}.filter-bar{display:flex;flex-wrap:wrap;gap:1rem;background:var(--bg-alt);padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:1.5rem}.filter-group{flex:1;min-width:150px;display:flex;flex-direction:column}.filter-group label{font-size:0.8rem;font-weight:600;color:var(--text-muted);margin-bottom:0.25rem;text-transform:uppercase;letter-spacing:0.5px}.filter-group input,.filter-group select{width:100%;padding:0.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);font-size:0.9rem}.form-group{margin-bottom:1.1rem}.form-label{display:block;font-size:0.85rem;font-weight:600;color:var(--text);margin-bottom:0.4rem}.form-hint{font-size:0.78rem;color:var(--text-muted);margin-top:0.25rem}.form-control{width:100%;padding:0.65rem 0.9rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:0.92rem;color:var(--text);background:var(--background);transition:var(--transition);outline:none}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(15,23,42,0.1)}.form-control::placeholder{color:#94a3b8}textarea.form-control{resize:vertical;min-height:90px}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;padding-right:2.5rem}.task-list{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.6rem}.task-item{display:flex;align-items:center;gap:0.5rem;background:var(--bg);color:var(--foreground);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:0.4rem 0.5rem 0.4rem 0.75rem;transition:var(--transition)}.task-item:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus);outline:none;background:white}.task-num{font-size:0.78rem;font-weight:700;color:var(--primary-light);min-width:20px}.task-item input{flex:1;border:none;background:transparent;font-size:0.9rem;color:var(--text);outline:none;padding:0.25rem 0}.task-item input::placeholder{color:#94a3b8}.task-remove{background:none;border:none;color:#94a3b8;font-size:1rem;padding:0.2rem 0.3rem;border-radius:4px;transition:var(--transition);line-height:1}.task-remove:hover{color:var(--danger);background:var(--danger-light)}.review-task{background:var(--bg);color:var(--foreground);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:0.85rem 1rem;margin-bottom:0.6rem;transition:var(--transition)}.review-task.is-completed{border-color:var(--secondary);background:var(--secondary-light)}.review-task.is-pending{border-color:var(--pending);background:var(--pending-light)}.review-task-header{display:flex;align-items:flex-start;gap:0.75rem}.review-task-num{font-size:0.78rem;font-weight:700;color:var(--text-muted);min-width:18px;margin-top:2px}.review-task-text{flex:1;font-size:0.92rem;font-weight:500;color:var(--text)}.review-task-options{display:flex;gap:0.5rem;margin-top:0.75rem;margin-left:26px}.radio-btn{display:flex;align-items:center;gap:0.35rem;padding:0.35rem 0.8rem;border:1.5px solid var(--border);border-radius:20px;cursor:pointer;font-size:0.82rem;font-weight:600;color:var(--text-muted);transition:var(--transition);user-select:none}.radio-btn input[type="radio"]{display:none}.radio-btn.completed:has(input:checked),.radio-btn.completed.selected{border-color:var(--secondary);background:var(--secondary);color:white}.radio-btn.pending:has(input:checked),.radio-btn.pending.selected{border-color:var(--pending);background:var(--pending);color:white}.review-reason{margin-top:0.65rem;margin-left:26px;animation:slideDown 0.2s ease}.review-reason textarea{width:100%;padding:0.55rem 0.8rem;border:1.5px solid var(--pending);border-radius:var(--radius-sm);font-size:0.87rem;font-family:inherit;resize:none;outline:none;background:white;min-height:60px}.review-reason textarea:focus{box-shadow:0 0 0 3px rgba(217,119,6,0.15)}.badge{display:inline-flex;align-items:center;gap:0.3rem;padding:0.25rem 0.65rem;border-radius:20px;font-size:0.75rem;font-weight:700;letter-spacing:0.02em}.badge-success{background:var(--secondary-light);color:var(--secondary)}.badge-pending{background:var(--pending-light);color:var(--pending)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--primary-light);color:white}.badge-gray{background:#f1f5f9;color:var(--text-muted)}.member-row{display:flex;align-items:center;justify-content:space-between;padding:0.9rem 1rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:white;margin-bottom:0.5rem;cursor:pointer;transition:var(--transition);gap:0.75rem}.member-row:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.member-row.submitted{border-color:var(--secondary);background:var(--secondary-light)}.member-row.pending-row{border-color:var(--border);background:#fafafa}.member-info{display:flex;align-items:center;gap:0.65rem;flex:1;min-width:0}.member-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);color:white;display:flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:700;flex-shrink:0}.member-row.submitted .member-avatar{background:var(--secondary)}.member-name{font-size:0.92rem;font-weight:600;color:var(--text)}.member-time{font-size:0.78rem;color:var(--text-muted)}.member-status{display:flex;align-items:center;gap:0.5rem;flex-shrink:0}.toggle-wrap{display:flex;align-items:center;gap:0.75rem}.toggle-label{font-size:0.88rem;font-weight:600;color:var(--text)}.toggle{position:relative;width:48px;height:26px;cursor:pointer}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;background:#cbd5e1;border-radius:26px;transition:var(--transition)}.toggle-slider::before{content:'';position:absolute;width:20px;height:20px;left:3px;top:3px;background:white;border-radius:50%;transition:var(--transition);box-shadow:0 1px 4px rgba(0,0,0,0.2)}.toggle input:checked + .toggle-slider{background:var(--secondary)}.toggle input:checked + .toggle-slider::before{transform:translateX(22px)}.steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:1.75rem}.step{display:flex;align-items:center;gap:0.4rem;font-size:0.82rem;font-weight:600;color:var(--text-muted)}.step-num{width:28px;height:28px;border-radius:50%;background:var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:0.82rem;font-weight:700;transition:var(--transition)}.step.active .step-num{background:var(--primary-light);color:white}.step.done .step-num{background:var(--secondary);color:white}.step.active .step-label{color:var(--primary-light)}.step-divider{width:40px;height:2px;background:var(--border);margin:0 0.5rem}.step.done + .step-divider{background:var(--secondary)}.week-bar{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:white;border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.5rem}.week-bar .week-label{font-size:0.8rem;opacity:0.8;font-weight:500}.week-bar .week-dates{font-size:1rem;font-weight:700}.week-bar .meeting-day{font-size:0.82rem;background:rgba(255,255,255,0.18);padding:0.2rem 0.65rem;border-radius:20px;font-weight:600}.section-divider{display:flex;align-items:center;gap:0.75rem;margin:1.25rem 0 1rem}.section-divider span{font-size:0.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;white-space:nowrap}.section-divider::before,.section-divider::after{content:'';flex:1;height:1.5px;background:var(--border)}.alert{padding:0.85rem 1rem;border-radius:var(--radius-sm);font-size:0.88rem;font-weight:500;display:flex;align-items:flex-start;gap:0.6rem;margin-bottom:1rem}.alert-info{background:var(--primary-light);border:1px solid var(--primary);color:white}.alert-success{background:var(--secondary-light);border:1px solid var(--secondary);color:var(--secondary)}.alert-warning{background:var(--pending-light);border:1px solid #fcd34d;color:#92400e}.alert-danger{background:var(--danger-light);border:1px solid #fca5a5;color:#991b1b}.submissions-closed{text-align:center;padding:3rem 1.5rem}.submissions-closed .icon{font-size:3rem;margin-bottom:1rem}.submissions-closed h2{font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:0.5rem}.submissions-closed p{color:var(--text-muted);font-size:0.92rem}.stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem;margin-bottom:1.25rem}.stat-box{background:white;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:0.85rem 0.75rem;text-align:center}.stat-box .stat-num{font-size:1.6rem;font-weight:800;color:var(--primary);line-height:1}.stat-box .stat-label{font-size:0.72rem;color:var(--text-muted);font-weight:600;margin-top:0.25rem;text-transform:uppercase;letter-spacing:0.04em}.stat-box.green .stat-num{color:var(--secondary)}.stat-box.orange .stat-num{color:var(--pending)}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin:1.5rem 0 2.5rem}.choice-card{background:white;border-radius:16px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;box-shadow:0 4px 15px rgba(0,0,0,0.05);border:1px solid var(--border);position:relative;overflow:hidden}.choice-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}.choice-card.c-blue::before{background:#3b82f6}.choice-card.c-green::before{background:#10b981}.choice-card.c-amber::before{background:#f59e0b}.choice-card.c-purple::before{background:#8b5cf6}.choice-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}.choice-card .icon-wrap{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:0.5rem}.choice-card.c-blue .icon-wrap{background:#eff6ff;color:#2563eb}.choice-card.c-green .icon-wrap{background:#ecfdf5;color:#059669}.choice-card.c-amber .icon-wrap{background:#fffbeb;color:#d97706}.choice-card.c-purple .icon-wrap{background:#f5f3ff;color:#7c3aed}.choice-card .choice-title{font-size:1.1rem;font-weight:700;color:#1e293b}.choice-card .choice-sub{font-size:0.85rem;color:#64748b;font-weight:500}.summary-member{background:white;border:1.5px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;overflow:hidden}.summary-member-header{background:linear-gradient(90deg,var(--primary),var(--primary-light));color:white;padding:0.75rem 1.1rem;display:flex;align-items:center;gap:0.6rem;font-weight:700;font-size:0.95rem}.summary-member-body{padding:1rem 1.1rem}.summary-task-row{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.4rem}.summary-task-row input{flex:1;border:1.5px solid var(--border);border-radius:6px;padding:0.4rem 0.65rem;font-size:0.87rem;outline:none;font-family:inherit}.summary-task-row input:focus{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus);outline:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted);background:var(--bg);border-radius:var(--radius-md);border:1px dashed var(--border);margin:var(--space-4) 0}.empty-state .icon{font-size:3rem;margin-bottom:var(--space-3);opacity:0.7}.empty-state .title{font-size:1.1rem;font-weight:700;color:var(--primary);margin-bottom:var(--space-1)}.empty-state .desc{font-size:0.9rem}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--secondary-light) 50%,var(--border) 75%);background-size:400% 100%;animation:skeleton-loading 1.5s infinite ease-in-out;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.skeleton-text{height:1.2rem;width:100%;margin-bottom:0.5rem}.skeleton-title{height:1.8rem;width:60%;margin-bottom:1rem}.skeleton-card{height:120px;width:100%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print{display:none!important}.navbar{display:none}body{background:white}.card{will-change:transform;transform:translateZ(0);box-shadow:none;border:1px solid #ddd}.print-report{padding:0}}.print-report{max-width:720px;margin:0 auto}.print-header{text-align:center;padding:1.5rem 0 1rem;border-bottom:3px solid var(--primary);margin-bottom:1.5rem}.print-header h1{font-size:1.5rem;font-weight:800;color:var(--primary)}.print-header p{color:var(--text-muted);font-size:0.9rem;margin-top:0.25rem}.print-member{border:1.5px solid var(--border);border-radius:var(--radius-sm);margin-bottom:1rem;overflow:hidden;page-break-inside:avoid}.print-member-name{background:var(--primary);color:white;padding:0.6rem 1rem;font-weight:700;font-size:0.95rem}.print-member-body{padding:0.85rem 1rem}.print-section-title{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted);margin:0.65rem 0 0.3rem}.print-task{font-size:0.88rem;color:var(--text);padding:0.15rem 0 0.15rem 1rem;position:relative}.print-task::before{content:'•';position:absolute;left:0.3rem;color:var(--primary-light)}.print-pending-reason{font-size:0.82rem;color:var(--pending);font-style:italic;padding-left:1rem;margin-top:0.1rem}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes pulse-green{0%,100%{box-shadow:0 0 0 0 rgba(5,150,105,0.4)}50%{box-shadow:0 0 0 8px rgba(5,150,105,0)}}.animate-in{animation:fadeIn 0.3s ease}.live-dot{width:8px;height:8px;background:var(--secondary);border-radius:50%;display:inline-block;animation:pulse-green 2s infinite}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:0.85rem}.font-bold{font-weight:700}.mt-1{margin-top:0.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:0.5rem}.mb-2{margin-bottom:1rem}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-1{gap:0.5rem}.hidden{display:none!important}.compact-row{display:flex;align-items:center;gap:1rem;background:white;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0.5rem 0.75rem;margin-bottom:0.5rem}.compact-row:hover{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus);outline:none}.compact-col-info{flex:0 0 25%;min-width:200px}.compact-col-input{flex:1}.compact-btn{padding:0.4rem 0.75rem;font-size:0.85rem;font-weight:600;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:white;color:var(--text-muted);cursor:pointer;transition:0.2s;white-space:nowrap}.compact-btn.active.green{background:var(--secondary);color:white;border-color:var(--secondary)}.compact-btn.active.red{background:var(--danger);color:white;border-color:var(--danger)}.compact-btn:disabled{opacity:0.7;cursor:not-allowed}@media (max-width:768px){.compact-row{flex-direction:column;align-items:stretch}.compact-col-info{flex:none;width:100%;margin-bottom:0.5rem}}@media (max-width:480px){.page{padding:1.25rem 0.75rem}.card{will-change:transform;transform:translateZ(0);padding:1.1rem}.navbar-brand span{font-size:0.85rem}.choice-grid{grid-template-columns:1fr 1fr;gap:0.75rem}.choice-card{padding:1.5rem 0.75rem}.stats-bar{grid-template-columns:repeat(3,1fr)}.step-label{display:none}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999;opacity:0;visibility:hidden;transition:all 0.3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{will-change:transform;transform:translateZ(0);position:fixed;top:0;left:-280px;width:280px;height:100vh;background:var(--primary);color:white;z-index:1000;transition:left 0.3s ease;box-shadow:4px 0 15px rgba(0,0,0,0.1);display:flex;flex-direction:column}.sidebar.active{left:0}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;gap:1rem}.sidebar-header img{height:36px;width:auto;object-fit:contain;background:white;border-radius:4px;padding:2px}.sidebar-header h2{font-size:1.1rem;margin:0;font-weight:700;letter-spacing:0.5px}.sidebar-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:white;font-size:1.5rem;cursor:pointer;opacity:0.8}.sidebar-close:hover{opacity:1}.sidebar-nav{padding:1rem 0;flex:1;overflow-y:auto}.sidebar-nav a{display:flex;align-items:center;padding:1rem 1.5rem;color:rgba(255,255,255,0.8);text-decoration:none;font-weight:500;transition:all 0.2s ease;border-left:4px solid transparent}.sidebar-nav a:hover{background:rgba(255,255,255,0.05);color:white}.sidebar-nav a.active{background:rgba(255,255,255,0.1);color:white;border-left-color:var(--accent);font-weight:600}.menu-toggle{background:none;border:none;color:white;font-size:1.5rem;cursor:pointer;margin-right:1rem;display:inline-flex;align-items:center;justify-content:center}.card-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background:white;border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 2px 8px rgba(0,0,0,0.04);border-left:4px solid var(--primary);transition:transform 0.2s,box-shadow 0.2s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(0,0,0,0.08)}.stat-card .stat-icon{font-size:2.2rem;opacity:0.9;color:var(--primary);flex-shrink:0}.stat-card .stat-content{flex:1;min-width:0}.stat-card .stat-value{font-size:1.8rem;font-weight:800;color:var(--primary);line-height:1.1;margin-bottom:0.1rem}.stat-card .stat-label{color:var(--text-muted);font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.stat-card.sc-blue{border-left-color:#3b82f6}.stat-card.sc-blue .stat-icon,.stat-card.sc-blue .stat-value{color:#3b82f6}.stat-card.sc-green{border-left-color:#10b981}.stat-card.sc-green .stat-icon,.stat-card.sc-green .stat-value{color:#10b981}.stat-card.sc-amber{border-left-color:#f59e0b}.stat-card.sc-amber .stat-icon,.stat-card.sc-amber .stat-value{color:#f59e0b}.stat-card.sc-purple{border-left-color:#8b5cf6}.stat-card.sc-purple .stat-icon,.stat-card.sc-purple .stat-value{color:#8b5cf6}.stat-card.sc-red{border-left-color:#ef4444}.stat-card.sc-red .stat-icon,.stat-card.sc-red .stat-value{color:#ef4444}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem;border-radius:8px;border:1px solid var(--border)}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:0.9rem;background:var(--card)}.data-table thead{position:sticky;top:0;z-index:2}.data-table th{background:var(--secondary-light);color:var(--foreground);font-weight:600;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.5px;padding:0.75rem 1rem;text-align:left}.data-table td{padding:0.75rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}.data-table tbody tr:nth-child(even) td{background:var(--bg)}.data-table tbody tr:hover td{background:var(--secondary-light)}.data-table td.actions{display:flex;gap:0.5rem;align-items:center}div:where(.swal2-container) div:where(.swal2-popup){border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:1.5rem;background:var(--card);color:var(--foreground);font-family:inherit}div:where(.swal2-container) h2:where(.swal2-title){font-size:1.25rem;font-weight:600;color:var(--foreground);padding:0;margin-bottom:0.5rem}div:where(.swal2-container) div:where(.swal2-html-container){font-size:0.95rem;color:var(--text-muted);margin:0 0 1.25rem 0}div:where(.swal2-container) button:where(.swal2-confirm){background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-sm);padding:0.6rem 1.2rem;font-weight:500;font-size:0.9rem;box-shadow:var(--shadow-sm);transition:opacity 0.2s}div:where(.swal2-container) button:where(.swal2-confirm):hover{opacity:0.9;background-image:none!important}div:where(.swal2-container) button:where(.swal2-cancel){background:transparent;color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0.6rem 1.2rem;font-weight:500;font-size:0.9rem}div:where(.swal2-container) button:where(.swal2-cancel):hover{background:var(--accent)}div:where(.swal2-icon){border:none!important;margin:0.5rem auto 1.5rem}.shadcn-toast{border-radius:var(--radius-sm)!important;border:1px solid var(--border)!important;background:var(--card)!important;color:var(--foreground)!important;box-shadow:var(--shadow-lg)!important;padding:0.5rem 1rem!important;font-family:inherit!important}.vol-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:0.9rem}.vol-table th{position:sticky;top:0;background:var(--muted);color:var(--muted-foreground);font-weight:500;text-transform:uppercase;letter-spacing:0.05em;padding:0.75rem 1rem;text-align:left;border-bottom:1px solid var(--border);z-index:10;box-shadow:0 1px 0 var(--border)}.vol-table td{padding:0.75rem 1rem;border-bottom:1px solid var(--border);color:var(--foreground)}.vol-table tbody tr:hover{background:var(--muted)}div[style*="overflow-x:auto"]{max-height:70vh;overflow-y:auto;border-radius:var(--radius-sm);border:1px solid var(--border)}.nav-group{margin-bottom:1rem}.nav-group-label{font-size:0.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;padding:0 1.25rem 0.5rem}.sidebar-nav a{padding:0.6rem 1.25rem!important;margin:0.1rem 0!important}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:1rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.animate-in{animation:fadeInUp 0.5s ease-out forwards;opacity:0}.animate-fade{animation:fadeIn 0.4s ease-out forwards}.stagger>*:nth-child(1){animation-delay:0.05s}.stagger>*:nth-child(2){animation-delay:0.1s}.stagger>*:nth-child(3){animation-delay:0.15s}.stagger>*:nth-child(4){animation-delay:0.2s}.stagger>*:nth-child(5){animation-delay:0.25s}.stagger>*:nth-child(6){animation-delay:0.3s}.stagger>*:nth-child(7){animation-delay:0.35s}.stagger>*:nth-child(8){animation-delay:0.4s}@keyframes countPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,0.4)}50%{box-shadow:0 0 0 8px rgba(16,185,129,0)}}.btn-in.active{animation:pulse-green 2s infinite}.sidebar-nav a{position:relative;transition:all 0.2s ease!important;overflow:hidden}.sidebar-nav a::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);transform:scaleY(0);transition:transform 0.2s ease}.sidebar-nav a:hover::before{transform:scaleY(1)}.sidebar-nav a:hover{background:rgba(255,255,255,0.75)!important;padding-left:1.5rem!important;color:#000000!important;font-weight:600!important}.sidebar-nav a.active{background:rgba(255,255,255,0.9)!important;font-weight:700!important;color:#000000!important;box-shadow:inset 5px 0 0 0 #2563eb!important}@keyframes bounceIn{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(0.95)}100%{transform:scale(1);opacity:1}}.shadcn-toast{animation:slideInRight 0.4s cubic-bezier(0.34,1.56,0.64,1)!important}@keyframes rowSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vol-table tbody tr:nth-child(-n+20),.table tbody tr:nth-child(-n+20){animation:rowSlideIn 0.3s ease-out forwards;opacity:0}.vol-table tbody tr:nth-child(1),.table tbody tr:nth-child(1){animation-delay:0.02s}.vol-table tbody tr:nth-child(2),.table tbody tr:nth-child(2){animation-delay:0.04s}.vol-table tbody tr:nth-child(3),.table tbody tr:nth-child(3){animation-delay:0.06s}.vol-table tbody tr:nth-child(4),.table tbody tr:nth-child(4){animation-delay:0.08s}.vol-table tbody tr:nth-child(5),.table tbody tr:nth-child(5){animation-delay:0.10s}.vol-table tbody tr:nth-child(6),.table tbody tr:nth-child(6){animation-delay:0.12s}.vol-table tbody tr:nth-child(7),.table tbody tr:nth-child(7){animation-delay:0.14s}.vol-table tbody tr:nth-child(8),.table tbody tr:nth-child(8){animation-delay:0.16s}.vol-table tbody tr:nth-child(n+9),.table tbody tr:nth-child(n+9){animation-delay:0.18s}.card,.user-card,.choice-card,.gateway-card{transition:transform 0.2s ease,box-shadow 0.2s ease!important}.card:hover,.choice-card:hover,.gateway-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.user-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}@keyframes scanLine{0%{top:0}50%{top:calc(100% - 3px)}100%{top:0}}.scan-line{position:absolute;left:5%;width:90%;height:3px;background:linear-gradient(90deg,transparent,#10b981,transparent);z-index:20;animation:scanLine 2s ease-in-out infinite;border-radius:2px;box-shadow:0 0 10px rgba(16,185,129,0.6)}@keyframes checkDraw{0%{stroke-dashoffset:50}100%{stroke-dashoffset:0}}.verified-check{stroke-dasharray:50;animation:checkDraw 0.6s ease-out forwards}[data-theme="dark"]{--bg:#09090b;--background:#0f172a;--foreground:#f8fafc;--card:#1e293b;--popover:#1e293b;--primary:#f8fafc;--primary-light:#94a3b8;--secondary:#334155;--secondary-light:#1e293b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--text:#f8fafc;--text-muted:#94a3b8;--border:#334155;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.3);--shadow:0 1px 3px 0 rgb(0 0 0 / 0.4),0 1px 2px -1px rgb(0 0 0 / 0.3);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.4),0 4px 6px -4px rgb(0 0 0 / 0.3)}[data-theme="dark"] .navbar{background:#18181b}[data-theme="dark"] .sidebar{background:#18181b}[data-theme="dark"] body{background:#09090b}[data-theme="dark"] .header{background:#18181b}[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#27272a;color:#fafafa;border-color:#3f3f46}[data-theme="dark"] .user-card{background:#1c1c1e;border-color:#27272a}[data-theme="dark"] .search-box{background:#1c1c1e;color:#fafafa;border-color:#3f3f46}.theme-toggle{background:none;border:1px solid rgba(255,255,255,0.3);color:white;padding:0.4rem 0.6rem;border-radius:6px;cursor:pointer;font-size:1.1rem;transition:all 0.2s ease}.theme-toggle:hover{background:rgba(255,255,255,0.1)}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--accent) 25%,var(--border) 50%,var(--accent) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);min-height:1rem}.stagger>*:nth-child(8){animation-delay:0.4s}@keyframes countPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,0.4)}50%{box-shadow:0 0 0 8px rgba(16,185,129,0)}}.btn-in.active{animation:pulse-green 2s infinite}.sidebar-nav a{position:relative;transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.3s ease,background 0.3s ease!important;border-radius:8px!important;margin:0.4rem 0.8rem!important;z-index:1;overflow:hidden}.sidebar-nav a::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);transform:scaleY(0);transition:transform 0.2s ease}.sidebar-nav a:hover::before{display:none!important}.sidebar-nav a:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:0 10px 20px rgba(0,0,0,0.25),inset 0 2px 2px rgba(255,255,255,0.4)!important;background:linear-gradient(135deg,#4f46e5,#6366f1)!important;color:white!important;padding-left:1.25rem!important;border-left:none!important}.sidebar-nav a.active{background:rgba(255,255,255,0.9)!important;font-weight:700!important;color:#000000!important;box-shadow:inset 5px 0 0 0 #2563eb!important}@keyframes bounceIn{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(0.95)}100%{transform:scale(1);opacity:1}}.shadcn-toast{animation:slideInRight 0.4s cubic-bezier(0.34,1.56,0.64,1)!important}@keyframes rowSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vol-table tbody tr:nth-child(-n+20),.table tbody tr:nth-child(-n+20){animation:rowSlideIn 0.3s ease-out forwards;opacity:0}.vol-table tbody tr:nth-child(1),.table tbody tr:nth-child(1){animation-delay:0.02s}.vol-table tbody tr:nth-child(2),.table tbody tr:nth-child(2){animation-delay:0.04s}.vol-table tbody tr:nth-child(3),.table tbody tr:nth-child(3){animation-delay:0.06s}.vol-table tbody tr:nth-child(4),.table tbody tr:nth-child(4){animation-delay:0.08s}.vol-table tbody tr:nth-child(5),.table tbody tr:nth-child(5){animation-delay:0.10s}.vol-table tbody tr:nth-child(6),.table tbody tr:nth-child(6){animation-delay:0.12s}.vol-table tbody tr:nth-child(7),.table tbody tr:nth-child(7){animation-delay:0.14s}.vol-table tbody tr:nth-child(8),.table tbody tr:nth-child(8){animation-delay:0.16s}.vol-table tbody tr:nth-child(n+9),.table tbody tr:nth-child(n+9){animation-delay:0.18s}.card,.user-card,.choice-card,.gateway-card{transition:transform 0.2s ease,box-shadow 0.2s ease!important}.card:hover,.choice-card:hover,.gateway-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.user-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}@keyframes scanLine{0%{top:0}50%{top:calc(100% - 3px)}100%{top:0}}.scan-line{position:absolute;left:5%;width:90%;height:3px;background:linear-gradient(90deg,transparent,#10b981,transparent);z-index:20;animation:scanLine 2s ease-in-out infinite;border-radius:2px;box-shadow:0 0 10px rgba(16,185,129,0.6)}@keyframes checkDraw{0%{stroke-dashoffset:50}100%{stroke-dashoffset:0}}.verified-check{stroke-dasharray:50;animation:checkDraw 0.6s ease-out forwards}[data-theme="dark"]{--bg:#09090b;--background:#0f172a;--foreground:#f8fafc;--card:#1e293b;--popover:#1e293b;--primary:#f8fafc;--primary-light:#94a3b8;--secondary:#334155;--secondary-light:#1e293b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--text:#f8fafc;--text-muted:#94a3b8;--border:#334155;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.3);--shadow:0 1px 3px 0 rgb(0 0 0 / 0.4),0 1px 2px -1px rgb(0 0 0 / 0.3);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.4),0 4px 6px -4px rgb(0 0 0 / 0.3)}[data-theme="dark"] .navbar{background:#18181b}[data-theme="dark"] .sidebar{background:#18181b}[data-theme="dark"] body{background:#09090b}[data-theme="dark"] .header{background:#18181b}[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#27272a;color:#fafafa;border-color:#3f3f46}[data-theme="dark"] .user-card{background:#1c1c1e;border-color:#27272a}[data-theme="dark"] .search-box{background:#1c1c1e;color:#fafafa;border-color:#3f3f46}.theme-toggle{background:none;border:1px solid rgba(255,255,255,0.3);color:white;padding:0.4rem 0.6rem;border-radius:6px;cursor:pointer;font-size:1.1rem;transition:all 0.2s ease}.theme-toggle:hover{background:rgba(255,255,255,0.1)}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--accent) 25%,var(--border) 50%,var(--accent) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);min-height:1rem}.skeleton-text{height:1rem;margin-bottom:0.5rem;width:80%}.skeleton-title{height:1.5rem;margin-bottom:0.75rem;width:50%}.skeleton-card{height:100px;margin-bottom:1rem;border-radius:var(--radius)}.skeleton-avatar{width:40px;height:40px;border-radius:50%}button:hover:not(:disabled),.btn:hover:not(:disabled),.compact-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02)!important;box-shadow:0 4px 10px rgba(0,0,0,0.12),0 2px 4px rgba(0,0,0,0.06)!important}button,.btn,.btn-in,.btn-out,.btn-primary,.btn-secondary,.btn-ghost,.btn-outline{transition:transform 0.2s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.2s ease,background 0.2s ease!important}button:active:not(:disabled),.btn:active:not(:disabled),.btn-in:active:not(:disabled),.btn-out:active:not(:disabled){transform:scale(0.95)!important;box-shadow:0 1px 2px rgba(0,0,0,0.1)!important}.btn-in:hover,.btn-out:hover{box-shadow:0 0 12px rgba(16,185,129,0.3)}.stat-counted{animation:countPulse 0.3s ease-out}@media (max-width: 768px) {
  .compact-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
    padding: 1rem 0 !important;
  }
  .compact-col-info, .compact-col-input, .compact-col-remarks {
    width: 100% !important;
    flex: none !important;
  }
  .compact-col-input {
    justify-content: stretch !important;
  }
  .compact-btn {
    flex: 1 !important;
  }
}
@media (max-width: 768px) {
  .compact-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
    padding: 1rem 0 !important;
  }
  .compact-col-info, .compact-col-input, .compact-col-remarks {
    width: 100% !important;
    flex: none !important;
  }
  .compact-col-input {
    justify-content: flex-start !important;
  }
  .compact-btn {
    flex: 1 !important;
  }
  .class-tabs {
    flex-wrap: wrap !important;
    gap: 1rem !important;
  }
}
@media (max-width: 768px) {
  .filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .filter-bar > div {
    flex: 1 1 100% !important;
    min-width: 100% !important;
  }
}