@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
*,:after,:before,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.z-10{z-index:10}.z-50{z-index:50}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.hidden{display:none}.size-4{width:1rem;height:1rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-5,.h-\[1\.25rem\]{height:1.25rem}.w-12{width:3rem}.w-36{width:9rem}.w-5{width:1.25rem}.w-64{width:16rem}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-gray-900\/25{border-color:#11182740}.bg-blue-600\/10{background-color:#2563eb1a}.bg-transparent{background-color:#0000}.fill-none{fill:none}.stroke-current{stroke:currentColor}.stroke-2{stroke-width:2px}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-\[var\(--progress-width\)\]:after{content:var(--tw-content);width:var(--progress-width)}.after\:bg-blue-600:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.after\:transition-\[width\]:after{content:var(--tw-content);transition-property:width;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:duration-500:after{content:var(--tw-content);transition-duration:.5s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.focus-within\:outline-none:focus-within{outline-offset:2px;outline:2px solid #0000}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-blue-600:focus-within{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px}.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.disabled\:pointer-events-none:disabled{pointer-events:none}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:hidden{display:none}.data-\[state\=disabled\]\:cursor-not-allowed[data-state=disabled],.data-\[state\=readying\]\:cursor-not-allowed[data-state=readying]{cursor:not-allowed}.data-\[state\=disabled\]\:bg-blue-400[data-state=disabled]{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.data-\[state\=ready\]\:bg-blue-600[data-state=ready]{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.data-\[state\=readying\]\:bg-blue-400[data-state=readying],.data-\[state\=uploading\]\:bg-blue-400[data-state=uploading]{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.data-\[state\=uploading\]\:after\:bg-blue-600[data-state=uploading]:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}
:root{--color-primary:#0d9488;--color-primary-light:#14b8a6;--color-primary-dark:#0f766e;--color-primary-50:#f0fdfa;--color-primary-100:#ccfbf1;--color-primary-200:#99f6e4;--color-accent:#6366f1;--color-accent-light:#818cf8;--color-accent-dark:#4f46e5;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:10;--z-sticky:20;--z-modal-backdrop:40;--z-modal:50;--z-toast:60;--sidebar-width:260px;--header-height:64px;--max-content-width:1200px}[data-theme=dark]{--color-white:#1e2433;--color-gray-50:#252d3d;--color-gray-100:#2d3748;--color-gray-200:#3a4559;--color-gray-300:#4a5568;--color-gray-400:#718096;--color-gray-500:#a0aec0;--color-gray-600:#cbd5e0;--color-gray-700:#e2e8f0;--color-gray-800:#edf2f7;--color-gray-900:#f7fafc;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0006,0 8px 10px -6px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] body{color:var(--color-gray-800);background-color:#161b27}@media print{.sidebar,.mobile-header,.btn,nav{display:none!important}.main-content{margin-left:0!important}.page-header{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff!important;border-bottom:2px solid #000!important}.stat-card,.card{break-inside:avoid;page-break-inside:avoid;box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}.page-body{padding:0!important}body{color:#000!important;background:#fff!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-gray-800);background-color:var(--color-gray-50);min-height:100vh}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;display:block}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-white);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--color-white);color:var(--color-gray-700);border-color:var(--color-gray-300)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-danger{background:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{color:var(--color-gray-600);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-gray-800)}.btn-sm{padding:var(--space-1)var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3)var(--space-6);font-size:var(--text-base)}.btn-primary.btn-lg:hover{color:var(--color-white)}.card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-flat,.card-flat:hover{box-shadow:none}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);line-height:var(--leading-normal);display:inline-flex}.badge-success{background:var(--color-success-light);color:#065f46}.badge-warning{background:var(--color-warning-light);color:#92400e}.badge-danger{background:var(--color-danger-light);color:#991b1b}.badge-info{background:var(--color-info-light);color:#1e40af}.badge-neutral{background:var(--color-gray-100);color:var(--color-gray-600)}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-dark)}.input,.select,.textarea{width:100%;padding:var(--space-2)var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-gray-800);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.input::placeholder,.textarea::placeholder{color:var(--color-gray-400)}.textarea{resize:vertical;min-height:80px}.label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700);margin-bottom:var(--space-1);display:block}.form-group{margin-bottom:var(--space-4)}.form-hint{font-size:var(--text-xs);color:var(--color-gray-500);margin-top:var(--space-1)}.form-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}.progress-bar{background:var(--color-gray-200);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress-ring-text{font-size:var(--text-sm);font-weight:var(--font-bold);fill:var(--color-gray-800)}.avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));width:40px;height:40px;color:var(--color-white);font-size:var(--text-sm);font-weight:var(--font-semibold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:48px;height:48px;font-size:var(--text-lg)}.avatar-xl{width:64px;height:64px;font-size:var(--text-xl)}.empty-state{padding:var(--space-12)var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-4);font-size:3rem}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-gray-800);margin-bottom:var(--space-2)}.empty-state-desc{font-size:var(--text-sm);color:var(--color-gray-500);max-width:400px;margin-bottom:var(--space-6)}.table-container{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;padding:var(--space-3)var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}td{padding:var(--space-3)var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--color-gray-50)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);display:flex}.alert-success{background:var(--color-success-light);color:#065f46;border:1px solid #a7f3d0}.alert-warning{background:var(--color-warning-light);color:#92400e;border:1px solid #fde68a}.alert-danger{background:var(--color-danger-light);color:#991b1b;border:1px solid #fecaca}.alert-info{background:var(--color-info-light);color:#1e40af;border:1px solid #bfdbfe}.dashboard-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-white);border-right:1px solid var(--color-gray-200);z-index:var(--z-sticky);transition:transform var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{padding:var(--space-5)var(--space-5);border-bottom:1px solid var(--color-gray-100)}.sidebar-brand{align-items:center;gap:var(--space-3);display:flex}.sidebar-brand-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-white);font-size:var(--text-lg);justify-content:center;align-items:center;display:flex}.sidebar-brand-text{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-gray-900);line-height:var(--leading-tight)}.sidebar-brand-sub{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:var(--font-normal)}.sidebar-nav{padding:var(--space-4)var(--space-3);flex:1;overflow-y:auto}.sidebar-section-title{font-size:11px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-400);padding:var(--space-3)var(--space-3)var(--space-1)}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-600);border-radius:var(--radius-md);transition:all var(--transition-fast);margin-bottom:2px;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.sidebar-link.active{background:var(--color-primary-50);color:var(--color-primary)}.sidebar-link-icon{font-size:var(--text-lg);text-align:center;flex-shrink:0;width:24px}.sidebar-footer{padding:var(--space-4)var(--space-4);border-top:1px solid var(--color-gray-100)}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.sidebar-user:hover{background:var(--color-gray-100)}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-800);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-user-role{font-size:var(--text-xs);color:var(--color-gray-500)}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh}.page-header{padding:var(--space-6)var(--space-8);border-bottom:1px solid var(--color-gray-200);background:var(--color-white)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin-bottom:var(--space-1)}.page-subtitle{font-size:var(--text-sm);color:var(--color-gray-500)}.page-body{padding:var(--space-6)var(--space-8);max-width:var(--max-content-width)}.task-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);transition:all var(--transition-fast);display:flex}.task-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.task-card.completed{opacity:.7;background:var(--color-gray-50)}.task-card-icon{border-radius:var(--radius-md);width:40px;height:40px;font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.task-card-icon.read{background:#ede9fe}.task-card-icon.meeting{background:#fef3c7}.task-card-icon.do{background:#dbeafe}.task-card-icon.acknowledge{background:#fce7f3}.task-card-body{flex:1;min-width:0}.task-card-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-800);margin-bottom:var(--space-1)}.task-card-desc{font-size:var(--text-xs);color:var(--color-gray-500);line-height:var(--leading-relaxed)}.task-card-meta{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.task-card-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-5)}.stat-card-label{font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);margin-bottom:var(--space-2)}.stat-card-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-gray-900);line-height:1}.stat-card-change{font-size:var(--text-xs);margin-top:var(--space-2);align-items:center;gap:var(--space-1);display:flex}.timeline{padding-left:var(--space-8);position:relative}.timeline:before{content:"";background:var(--color-gray-200);width:2px;position:absolute;top:0;bottom:0;left:15px}.timeline-item{padding-bottom:var(--space-6);position:relative}.timeline-marker{left:calc(var(--space-8)*-1 + 8px);border-radius:var(--radius-full);background:var(--color-gray-300);border:3px solid var(--color-gray-50);width:16px;height:16px;position:absolute;top:4px}.timeline-marker.active{background:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-100)}.timeline-marker.completed{background:var(--color-success)}.timeline-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.rating-input{gap:var(--space-1);display:flex}.rating-star{font-size:var(--text-xl);cursor:pointer;color:var(--color-gray-300);transition:color var(--transition-fast)}.rating-star.filled,.rating-star:hover{color:var(--color-warning)}.visibility-toggle{gap:var(--space-2);display:flex}.visibility-option{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);cursor:pointer;border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-600);transition:all var(--transition-fast);display:flex}.visibility-option.selected{background:var(--color-primary-50);color:var(--color-primary);border-color:var(--color-primary-200)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-100px)rotate(720deg)}}.animate-in{animation:fadeIn var(--transition-slow)ease-out}.animate-slide{animation:slideIn var(--transition-slow)ease-out}.skeleton{background:var(--color-gray-200);border-radius:var(--radius-md);animation:2s infinite pulse}@media (max-width:768px){:root{--sidebar-width:0px}.sidebar{transform:translate(-100%)}.sidebar.open{width:280px;transform:translate(0)}.main-content{margin-left:0}.page-header,.page-body{padding-left:var(--space-4);padding-right:var(--space-4)}.stats-grid{grid-template-columns:1fr 1fr}.mobile-header{display:flex!important}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.mobile-header{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);z-index:var(--z-sticky);display:none;position:sticky;top:0}.mobile-menu-btn{font-size:var(--text-xl);cursor:pointer;padding:var(--space-1);color:var(--color-gray-600);background:0 0;border:none}.mobile-overlay{z-index:calc(var(--z-sticky) - 1);background:#0000004d;display:none;position:fixed;inset:0}.mobile-overlay.open{display:block}.page-body{animation:.5s ease-out forwards fadeIn}.card{transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn:active{transform:scale(.97)}.sidebar-link{transition:all .2s}.sidebar-link:hover{transform:translate(4px)}.badge{transition:transform .2s}.badge:hover{transform:scale(1.1)}