@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--page-max: min(2200px, 100%);--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-primary: var(--color-primary-600);--color-emerald-50: #ecfdf5;--color-emerald-100: #d1fae5;--color-emerald-200: #a7f3d0;--color-emerald-300: #6ee7b7;--color-emerald-400: #34d399;--color-emerald-500: #10b981;--color-emerald-600: #059669;--color-emerald-700: #047857;--color-emerald-800: #065f46;--color-emerald-900: #064e3b;--color-emerald: var(--color-emerald-600);--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #166534;--color-success: var(--color-success-600);--color-danger-50: #fef2f2;--color-danger-100: #fee2e2;--color-danger-200: #fecaca;--color-danger-300: #fca5a5;--color-danger-400: #f87171;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-danger-800: #991b1b;--color-danger: var(--color-danger-500);--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning: var(--color-warning-500);--color-rose-50: #fff1f2;--color-rose-200: #fecdd3;--color-rose-600: #e11d48;--color-purple-200: #d8b4fe;--color-purple-500: #a855f7;--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;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-bg: var(--color-gray-50);--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-muted: var(--color-gray-50);--color-surface-dark: var(--color-slate-900);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-700);--color-text-muted: var(--color-gray-500);--color-text-disabled: var(--color-gray-400);--color-text-inverse: #ffffff;--color-text-link: var(--color-primary-600);--color-border: var(--color-gray-200);--color-border-light: var(--color-gray-100);--color-border-focus: var(--color-primary-600);--ring-primary: 0 0 0 4px rgba(37, 99, 235, .15);--ring-danger: 0 0 0 4px rgba(239, 68, 68, .15);--space-0: 0;--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;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-4xl: 2.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--font-family: "Inter", system-ui, -apple-system, 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;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 5000;--z-modal: 10000;--z-popover: 10100;--z-tooltip: 10200;--z-toast: 10300;--z-elite: 99999;--container-max: 1200px;--sidebar-width: 280px}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.col-span-2{grid-column:span 2 / span 2}.items-baseline{align-items:baseline}.items-end{align-items:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.pointer-events-none{pointer-events:none}.resize-none{resize:none}.text-left{text-align:left}.text-right{text-align:right}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}@media(min-width:640px){.sm\:block{display:block}.sm\:flex-none{flex:none}.sm\:flex-row{flex-direction:row}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:items-center{align-items:center}.sm\:ml-\[72px\]{margin-left:72px}.sm\:w-fit{width:fit-content}}@media(min-width:768px){.md\:block{display:block}.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}}@media(min-width:1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-9{grid-column:span 9 / span 9}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.h-2\.5{height:.625rem}.h-7{height:1.75rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-24{height:6rem}.h-32{height:8rem}.h-64{height:16rem}.h-96{height:24rem}.max-h-32{max-height:8rem}.max-h-\[500px\]{max-height:500px}.max-h-\[90vh\]{max-height:90vh}.max-w-\[1400px\]{max-width:1400px}.max-w-\[1000px\]{max-width:1000px}.max-w-\[820px\]{max-width:820px}.max-w-2xl{max-width:42rem}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.min-h-\[300px\]{min-height:300px}.min-w-\[300px\]{min-width:300px}.min-w-full{min-width:100%}.w-1\/2{width:50%}.w-7{width:1.75rem}.w-2\/3{width:66.666667%}.w-3\/4{width:75%}.w-20{width:5rem}.w-24{width:6rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-56{width:14rem}.w-64{width:16rem}.w-fit{width:fit-content}.w-px{width:1px}.gap-1\.5{gap:.375rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.m-0{margin:0}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-0{margin-left:0}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.p-12{padding:3rem}.pb-1{padding-bottom:.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-20{padding-bottom:5rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pr-4{padding-right:1rem}.pr-12{padding-right:3rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-20{padding-top:5rem;padding-bottom:5rem}.space-y-1\.5>*+*{margin-top:.375rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-8>*+*{margin-top:2rem}.font-black{font-weight:900}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-base{font-size:1rem}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.uppercase{text-transform:uppercase}.text-blue-100{color:#dbeafe}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-gray-300{color:#d1d5db}.text-gray-800{color:#1f2937}.text-green-600{color:#16a34a}.text-green-700{color:#15803d}.text-green-800{color:#166534}.text-purple-700{color:#7e22ce}.text-purple-500{color:#a855f7}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-slate-400{color:#94a3b8}.bg-amber-50\/30{background-color:#fffbeb4d}.bg-black\/10{background-color:#0000001a}.bg-black\/40{background-color:#0006}.bg-blue-100{background-color:#dbeafe}.bg-blue-50{background-color:#eff6ff}.bg-blue-50\/50{background-color:#eff6ff80}.bg-blue-600{background-color:#2563eb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-100\/50{background-color:#f3f4f680}.bg-gray-900{background-color:#111827}.bg-gray-50\/50{background-color:#f9fafb80}.bg-gray-50\/80{background-color:#f9fafbcc}.bg-green-100{background-color:#dcfce7}.bg-green-50{background-color:#f0fdf4}.bg-indigo-600{background-color:#4f46e5}.bg-purple-50{background-color:#faf5ff}.bg-red-100{background-color:#fee2e2}.bg-red-50{background-color:#fef2f2}.bg-red-600{background-color:#dc2626}.bg-slate-50\/30{background-color:#f8fafc4d}.bg-transparent{background-color:transparent}.bg-white\/20{background-color:#fff3}.bg-white\/50{background-color:#ffffff80}.bg-white\/80{background-color:#fffc}.bg-yellow-100{background-color:#fef9c3}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--utility-gradient-from, transparent),var(--utility-gradient-to, transparent))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--utility-gradient-from, transparent),var(--utility-gradient-to, transparent))}.from-blue-100{--utility-gradient-from: #dbeafe}.from-blue-50{--utility-gradient-from: #eff6ff}.from-blue-500{--utility-gradient-from: #3b82f6}.from-blue-600{--utility-gradient-from: #2563eb}.from-gray-50{--utility-gradient-from: #f9fafb}.to-indigo-50{--utility-gradient-to: #eef2ff}.to-indigo-100{--utility-gradient-to: #e0e7ff}.to-indigo-700{--utility-gradient-to: #4338ca}.to-blue-600{--utility-gradient-to: #2563eb}.to-white{--utility-gradient-to: #fff}.border-2{border-width:2px}.border-blue-100{border-color:#dbeafe}.border-blue-200{border-color:#bfdbfe}.border-blue-300{border-color:#93c5fd}.border-blue-500{border-color:#3b82f6}.border-dashed{border-style:dashed}.border-gray-100{border-color:#f3f4f6}.border-gray-200\/50{border-color:#e5e7eb80}.border-gray-200\/60{border-color:#e5e7eb99}.border-gray-300{border-color:#d1d5db}.border-gray-50{border-color:#f9fafb}.border-green-200{border-color:#bbf7d0}.border-none{border-style:none}.border-red-100{border-color:#fee2e2}.border-red-200{border-color:#fecaca}.border-t-2{border-top-width:2px}.border-transparent{border-color:transparent}.border-white\/10{border-color:#ffffff1a}.border-yellow-100{border-color:#fef9c3}.border-yellow-200{border-color:#fef08a}.divide-y>*+*{border-top-width:1px}.divide-gray-100>*+*{border-color:#f3f4f6}.last\:border-0:last-child{border-width:0}.rounded-\[3rem\]{border-radius:3rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-tl-none{border-top-left-radius:0}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-blue-200{--utility-shadow-color: rgba(191, 219, 254, .7)}.shadow-gray-400{--utility-shadow-color: rgba(156, 163, 175, .7)}.shadow-indigo-200{--utility-shadow-color: rgba(199, 210, 254, .7)}.shadow-inner{box-shadow:inset 0 2px 4px 0 var(--utility-shadow-color, rgb(0 0 0 / .06))}.shadow-xl{box-shadow:0 20px 25px -5px var(--utility-shadow-color, rgb(0 0 0 / .1)),0 8px 10px -6px var(--utility-shadow-color, rgb(0 0 0 / .1))}.shadow-2xl{box-shadow:0 25px 50px -12px var(--utility-shadow-color, rgb(0 0 0 / .25))}.duration-300{transition-duration:.3s;animation-duration:.3s}.duration-500{transition-duration:.5s;animation-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.transition-opacity{transition-property:opacity}.transition-transform{transition-property:transform}@keyframes utility-pulse{50%{opacity:.5}}@keyframes utility-spin{to{transform:rotate(360deg)}}@keyframes utility-enter{0%{opacity:0;transform:translateY(var(--utility-enter-y, 0))}}.animate-pulse{animation:utility-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:utility-spin 1s linear infinite}.animate-in{animation:utility-enter .3s ease-out both}.slide-in-from-bottom-4{--utility-enter-y: 1rem}.slide-in-from-bottom-8{--utility-enter-y: 2rem}.hover\:bg-blue-100:hover{background-color:#dbeafe}.hover\:bg-blue-50:hover{background-color:#eff6ff}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-purple-100:hover{background-color:#f3e8ff}.hover\:bg-red-50:hover{background-color:#fef2f2}.hover\:bg-red-700:hover{background-color:#b91c1c}.hover\:bg-white:hover{background-color:#fff}.hover\:border-blue-400:hover{border-color:#60a5fa}.hover\:border-gray-200:hover{border-color:#e5e7eb}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.hover\:text-blue-600:hover{color:#2563eb}.hover\:text-blue-700:hover{color:#1d4ed8}.hover\:text-blue-800:hover{color:#1e40af}.hover\:text-gray-700:hover{color:#374151}.hover\:text-gray-800:hover{color:#1f2937}.hover\:text-red-600:hover{color:#dc2626}.hover\:text-red-700:hover{color:#b91c1c}.focus\:border-blue-500:focus{border-color:#3b82f6}.focus\:border-red-500:focus{border-color:#ef4444}.focus\:ring-0:focus{box-shadow:none}.focus\:ring-2:focus{--utility-ring-width: 2px}.focus\:ring-blue-500:focus{box-shadow:0 0 0 var(--utility-ring-width, 2px) #3b82f6}.ring-white{--utility-ring-color: #fff}.focus-within\:border-blue-500:focus-within{border-color:#3b82f6}.focus-within\:ring-2:focus-within{--utility-ring-width: 2px}.focus-within\:ring-blue-500\/20:focus-within{box-shadow:0 0 0 var(--utility-ring-width, 2px) #3b82f633}.placeholder-gray-400::placeholder{color:#9ca3af}.disabled\:bg-gray-300:disabled{background-color:#d1d5db}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:text-amber-700{color:#b45309}.group:hover .group-hover\:text-blue-700{color:#1d4ed8}.group:hover .group-hover\:text-green-700{color:#15803d}.group:hover .group-hover\:text-red-700{color:#b91c1c}body{font-family:Inter,system-ui,sans-serif;background-color:var(--color-gray-50);color:var(--color-gray-900);line-height:1.6}.pro-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1.125rem 2.5rem;border-radius:1.25rem;font-weight:800;font-size:.9375rem;text-transform:uppercase;letter-spacing:.025em;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid transparent;min-width:240px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.pro-toggle-active{background-color:var(--color-emerald-600);color:#fff;border-color:var(--color-emerald-600);box-shadow:0 10px 15px -3px #10b9814d}.pro-toggle-inactive{background-color:#fff;color:var(--color-emerald-600);border-color:var(--color-success-100)}.pro-view-header{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.5rem;background:#fff;border:1px solid var(--color-gray-100);border-radius:1.5rem;box-shadow:0 4px 20px -5px #0000000d}.pro-view-pill{padding:.375rem .875rem;background:var(--color-success-50);border:1px solid var(--color-success-100);border-radius:9999px;font-size:.625rem;font-weight:900;color:var(--color-emerald-600);text-transform:uppercase;letter-spacing:.1em}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;transition:all .2s;cursor:pointer;border:none;text-decoration:none}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-primary{background:linear-gradient(to bottom,var(--color-primary-500),var(--color-primary-600));color:#fff;border:1px solid var(--color-primary-700);box-shadow:0 1px 2px #0000000d}.btn-primary:hover:not(:disabled){background:var(--color-primary-700);box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.btn-secondary{background-color:#fff;color:var(--color-gray-700);border:1px solid var(--color-gray-300);box-shadow:0 1px 2px #0000000d}.btn-emerald{background-color:var(--color-emerald-600);color:#fff;border:1px solid var(--color-emerald-700);box-shadow:0 4px 6px -1px #10b98133}.btn-danger{background-color:#fff;color:var(--color-danger-600);border:1px solid #fecaca}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--color-gray-400);border:1px solid transparent;transition:all .2s}.btn-icon-danger:hover{background:var(--color-danger-50);color:var(--color-danger-600);border-color:#fecaca}.input{width:100%;padding:.75rem;font-size:.875rem;border:1px solid var(--color-gray-300);border-radius:.5rem;transition:all .2s}.input:focus{outline:none;border-color:var(--color-primary-600);box-shadow:0 0 0 4px #2563eb26;background-color:#fff}.input-premium{width:100%;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:500;color:var(--color-gray-900);background-color:var(--color-gray-50);border:1.5px solid var(--color-gray-100);border-radius:1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.input-premium:focus{outline:none;background-color:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-gray-100);padding:1.5rem}.card-compact{padding:1rem}.card-hover{transition:box-shadow .3s;cursor:pointer}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-completed{background-color:#dcfce7;color:#166534}.status-ferdig{background-color:var(--color-success-100);color:var(--color-emerald-700)}.nav-link{display:flex;align-items:center;padding:.75rem;font-size:.875rem;font-weight:500;border-radius:.5rem;transition:.2s;text-decoration:none}.nav-link-inactive:hover{color:var(--color-gray-900);background-color:var(--color-gray-100)}.progress-bar-container{width:100%;height:8px;background-color:var(--color-slate-100);border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(to right,var(--color-primary-500),var(--color-primary-600));border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;transition:background-color .2s}.activity-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background-color:var(--color-slate-100);flex-shrink:0}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-gray-700);margin-bottom:.25rem}.form-error{font-size:.875rem;color:var(--color-danger-500);margin-top:.25rem}.editor-item{display:flex;gap:1.25rem;padding:1.5rem;background:#fff;border-radius:.75rem;border:1px solid var(--color-gray-200);box-shadow:0 1px 3px #00000005;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.editor-item-actions{display:flex;flex-direction:column;justify-content:flex-start;padding-top:.25rem}.input-unit-label{position:absolute;right:.75rem;font-size:.75rem;font-weight:500;color:var(--color-gray-400);pointer-events:none;background:#fff;padding-left:.25rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal-content{background:#fff;border-radius:.75rem;max-width:62rem;width:95%;max-height:90vh;min-width:400px;min-height:400px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;position:relative;resize:both}.modal-header{padding:1.5rem;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:1.5rem;flex:1;overflow-y:auto}.modal-footer{padding:1.5rem;border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50);display:flex;gap:1rem;justify-content:flex-end}.page-header{border-bottom:1px solid var(--color-gray-200);padding-bottom:1rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--color-gray-900)}.page-subtitle{color:var(--color-gray-500);margin-top:.25rem}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.container{max-width:var(--page-max);margin:0 auto;padding:0 1rem}.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;background:#fff;color:var(--color-slate-900);border-right:1px solid var(--color-slate-200);z-index:100;transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 1.25rem 1.25rem;border-bottom:1px solid var(--color-slate-200)}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;background-color:transparent;padding:.5rem .75rem;gap:.5rem;text-decoration:none;color:inherit;border-radius:.75rem;box-shadow:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.sidebar-logo:hover{background-color:var(--color-slate-50)}.sidebar-logo img{width:auto;border-radius:4px;filter:brightness(1.05)}@keyframes sidebar-logo-reveal{0%{opacity:0;transform:translate(-16px) scale(.85)}60%{opacity:1;transform:translate(2px) scale(1.04)}to{opacity:1;transform:translate(0) scale(1)}}.sidebar:not(.sidebar-closed) .sidebar-logo{animation:sidebar-logo-reveal .45s cubic-bezier(.34,1.56,.64,1) .12s both}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-section{padding:0 .75rem;margin-bottom:1.25rem}.nav-section-title{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-slate-500);padding:0 .5rem .4rem;margin-bottom:0;background:none;border:none;cursor:default}button.nav-section-title{width:100%;text-align:left;cursor:pointer;transition:color .15s}button.nav-section-title:hover{color:var(--color-slate-400)}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;border-radius:8px;color:var(--color-slate-300);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;margin-bottom:2px;position:relative}.nav-item:hover{background:#ffffff0f;color:var(--color-slate-100)}.nav-item-active{background:#6366f133;color:#a5b4fc;font-weight:600}.nav-item-active:before{display:none}.nav-icon{font-size:1.1rem;width:1.5rem;text-align:center;margin-right:0}.nav-label{flex:1}.nav-badge{background:linear-gradient(135deg,var(--color-danger-500),var(--color-danger-600));color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.nav-sub-group{margin:2px 0}.nav-sub-group>button{width:100%;background:none;border:none;cursor:pointer;padding:.55rem .75rem;border-radius:8px;color:var(--color-slate-300);font-size:.875rem;font-weight:500;text-align:left;transition:all .15s}.nav-sub-group>button:hover{background:#ffffff0f;color:var(--color-slate-100)}.nav-sub-items{padding-left:12px;border-left:2px solid rgba(99,102,241,.3);margin-left:24px}.nav-sub-items .nav-item,.nav-sub-items a{padding:.4rem .75rem;font-size:.8rem;color:var(--color-slate-400)}.nav-sub-items .nav-item:hover,.nav-sub-items a:hover{color:var(--color-slate-200)}.main-content{flex:1;margin-left:260px;transition:margin-left .3s ease;display:flex;flex-direction:column;height:100vh;overflow-x:hidden;overflow-y:hidden;min-width:0}.main-header{position:relative;z-index:var(--z-sticky, 200);background:#fff;border-bottom:1px solid var(--color-slate-200);padding:0 40px;height:64px;display:flex;align-items:center;justify-content:space-between}.page-content{padding:40px;flex:1;overflow-y:auto;overflow-x:hidden;position:relative;min-width:0;max-width:100%}.image-details-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1001;padding:1rem}@media(max-width:768px){.sidebar{transform:translate(-280px)}.sidebar-open{transform:translate(0)}.main-content{margin-left:0}.search-container{width:200px}.stats-grid,.quick-actions-grid{grid-template-columns:1fr}.page-content{padding:20px}}.media-fullwidth-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:4px}@media(min-width:640px){.media-fullwidth-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(min-width:1024px){.media-fullwidth-grid{grid-template-columns:repeat(4,1fr);gap:24px}}@media(min-width:1600px){.media-fullwidth-grid{grid-template-columns:repeat(6,1fr)}}.media-thumbnail-check{position:absolute;top:8px;left:8px;z-index:6;cursor:pointer}.media-thumbnail-check input[type=checkbox]{width:22px;height:22px;cursor:pointer;accent-color:var(--color-violet-500);border-radius:6px;box-shadow:0 2px 4px #00000026}@media(min-width:1200px){.media-grid,.media-fullwidth-grid{gap:24px}}.pro-select-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231d4ed8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.5rem;padding-right:3rem}.smart-suggestions-bar{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:12px;padding:12px 16px;margin-bottom:16px}.suggestions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.suggestions-title{font-size:.85rem;font-weight:600;color:var(--text-secondary, #8888aa);display:flex;align-items:center;gap:6px}.suggestions-icon{font-size:1rem}.suggestions-list{display:flex;flex-direction:column;gap:8px}.suggestion-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:var(--bg-primary, #0f0f1a);border-left:3px solid transparent;transition:all .2s ease}.suggestion-item:hover{background:var(--bg-hover, #1e1e35)}.suggestion-info{border-left-color:var(--info, var(--color-primary-500))}.suggestion-warning{border-left-color:var(--warning, var(--color-warning-500))}.suggestion-error{border-left-color:var(--danger, var(--color-danger-500))}.suggestion-item-icon{font-size:1.2rem;flex-shrink:0}.suggestion-content{flex:1;min-width:0}.suggestion-content strong{font-size:.82rem;color:var(--text-primary, #e8e8f0)}.suggestion-content p{font-size:.75rem;color:var(--text-secondary, #8888aa);margin:2px 0 0;line-height:1.3}.suggestion-actions{display:flex;gap:4px;flex-shrink:0}.suggestion-dismiss{opacity:.5;transition:opacity .2s}.suggestion-dismiss:hover{opacity:1}.suggestions-more{text-align:center;font-size:.75rem;color:var(--text-tertiary, #6666aa);margin-top:6px;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);line-height:var(--leading-relaxed)}.pro-toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:1.125rem 2.5rem;border-radius:var(--radius-2xl);font-weight:800;font-size:.9375rem;text-transform:uppercase;letter-spacing:.025em;transition:all var(--transition-smooth);cursor:pointer;border:2px solid transparent;min-width:240px;box-shadow:var(--shadow-md)}.pro-toggle-active{background-color:var(--color-emerald-600);color:var(--color-text-inverse);border-color:var(--color-emerald-600);box-shadow:0 10px 15px -3px #10b9814d}.pro-toggle-inactive{background-color:var(--color-surface);color:var(--color-emerald-600);border-color:var(--color-emerald-100)}.pro-toggle-inactive:hover{background-color:#f0fdf4;border-color:var(--color-emerald-500);transform:translateY(-1px)}.pro-toggle:active{transform:scale(.96)}.pro-view-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-3xl);box-shadow:0 4px 20px -5px #0000000d}.pro-view-pill{padding:.375rem .875rem;background:var(--color-emerald-50);border:1px solid var(--color-emerald-100);border-radius:var(--radius-full);font-size:.625rem;font-weight:900;color:var(--color-emerald-600);text-transform:uppercase;letter-spacing:.1em}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;border:none;text-decoration:none}.btn-sm{padding:.375rem var(--space-3);font-size:.8125rem}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--color-gray-700)}.btn-ghost:hover{background:var(--color-gray-100)}.btn-primary{background:linear-gradient(to bottom,var(--color-primary-500),var(--color-primary-600));color:var(--color-text-inverse);border:1px solid var(--color-primary-700);box-shadow:var(--shadow-xs)}.btn-primary:hover:not(:disabled){background:var(--color-primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-surface);color:var(--color-gray-700);border:1px solid var(--color-gray-300);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-50);border-color:#c1c5cb}.btn-emerald{background-color:var(--color-emerald-600);color:var(--color-text-inverse);border:1px solid var(--color-emerald-700);box-shadow:0 4px 6px -1px #10b98133}.btn-emerald:hover:not(:disabled){background-color:var(--color-emerald-700);box-shadow:0 10px 15px -3px #10b9814d;transform:translateY(-1px)}.btn-danger{background-color:var(--color-surface);color:var(--color-danger-600);border:1px solid var(--color-danger-200)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-50);border-color:var(--color-danger-500);color:var(--color-danger-700)}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--color-gray-400);border:1px solid transparent;transition:all var(--transition-normal)}.btn-icon:hover{background:var(--color-gray-100);color:var(--color-gray-600);border-color:var(--color-gray-200)}.btn-icon-danger:hover{background:var(--color-danger-50);color:var(--color-danger-600);border-color:var(--color-danger-200)}.input{width:100%;padding:var(--space-3);font-size:var(--text-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-normal)}.input:focus{outline:none;border-color:var(--color-primary-600);box-shadow:var(--ring-primary);background-color:var(--color-surface)}.input-highlight{border-color:var(--color-primary-500);background-color:#f0f7ff}.input-error{border-color:var(--color-danger-500)}.textarea{resize:vertical;min-height:80px}.input-premium{width:100%;padding:.875rem var(--space-5);font-size:.9375rem;font-weight:500;color:var(--color-text-primary);background-color:var(--color-gray-50);border:1.5px solid var(--color-gray-100);border-radius:var(--radius-xl);transition:all var(--transition-smooth)}.input-premium:focus{outline:none;background-color:var(--color-surface);border-color:var(--color-primary-500);box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.input-premium::placeholder{color:var(--color-gray-400);font-weight:400}@keyframes flippe-deeplink-flash{0%,to{box-shadow:0 0 #6366f100;background-color:transparent}20%,60%{box-shadow:0 0 0 4px #6366f166;background-color:#eef2ff80}}.flippe-deeplink-highlight{animation:flippe-deeplink-flash 4s ease-in-out;border-radius:.5rem;outline:2px solid #6366f1;outline-offset:2px}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-gray-300)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);padding:var(--space-6)}.card-compact{padding:var(--space-4)}.card-hover{transition:box-shadow var(--transition-smooth);cursor:pointer}.card-hover:hover{box-shadow:0 4px 12px #00000026}.badge{display:inline-flex;align-items:center;padding:var(--space-1) .625rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.status-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-planning{background-color:var(--color-slate-100);color:var(--color-slate-600)}.status-ongoing{background-color:var(--color-warning-100);color:var(--color-warning-800)}.status-completed{background-color:var(--color-success-100);color:var(--color-success-700)}.status-planlagt{background-color:var(--color-gray-100);color:var(--color-gray-700)}.status-pågår{background-color:var(--color-warning-100);color:var(--color-warning-700)}.status-ferdig{background-color:var(--color-emerald-100);color:var(--color-emerald-700)}.nav-link{display:flex;align-items:center;padding:var(--space-3);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:var(--transition-normal);text-decoration:none}.nav-link-active{background-color:var(--color-primary-100);color:var(--color-primary-700)}.nav-link-inactive{color:var(--color-gray-500)}.nav-link-inactive:hover{color:var(--color-text-primary);background-color:var(--color-gray-100)}.progress-bar-container{width:100%;height:8px;background-color:var(--color-slate-100);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(to right,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-bar-success{background:linear-gradient(to right,var(--color-emerald-500),var(--color-emerald-600))}.activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background-color var(--transition-normal)}.activity-item:hover{background-color:var(--color-slate-50)}.activity-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background-color:var(--color-slate-100);flex-shrink:0}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-gray-700);margin-bottom:var(--space-1)}.form-error{font-size:var(--text-sm);color:var(--color-danger-500);margin-top:var(--space-1)}.editor-item{display:flex;gap:var(--space-5);padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);box-shadow:0 1px 3px #00000005;transition:all var(--transition-smooth);position:relative}.editor-item:hover{border-color:var(--color-gray-300);box-shadow:0 4px 6px -1px #0000000d}.editor-item.focused{border-color:var(--color-primary-500);background-color:#f8fbff;box-shadow:0 4px 12px -2px #3b82f614;z-index:10}.editor-item-content{flex:1;min-width:0}.editor-item-actions{display:flex;flex-direction:column;justify-content:flex-start;padding-top:var(--space-1)}.input-with-unit{position:relative;display:flex;align-items:center}.input-with-unit .input{padding-right:3rem}.input-unit-label{position:absolute;right:var(--space-3);font-size:var(--text-xs);font-weight:500;color:var(--color-gray-400);pointer-events:none;background:var(--color-surface);padding-left:var(--space-1)}.editor-item.focused .input-unit-label{background:#f8fbff}@media(max-width:480px){.modal-content{min-width:0;min-height:0;width:100%;max-height:100vh;border-radius:var(--radius-md)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal)}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);max-width:62rem;width:95%;max-height:90vh;min-width:400px;min-height:400px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);position:relative;resize:both}@media(max-width:480px){.modal-content{min-width:0;min-height:0;width:100%;max-height:100vh;border-radius:var(--radius-md);resize:none}.modal-overlay{padding:var(--space-2)}}.modal-content:after{content:"";position:absolute;bottom:4px;right:4px;width:12px;height:12px;cursor:nwse-resize;background-image:linear-gradient(135deg,transparent 50%,var(--color-gray-200) 50%,var(--color-gray-200) 60%,transparent 60%,transparent 70%,var(--color-gray-200) 70%,var(--color-gray-200) 80%,transparent 80%);z-index:100;pointer-events:none}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-footer{padding:var(--space-6);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50);display:flex;gap:var(--space-4);justify-content:flex-end}.page-header{border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--space-4);margin-bottom:var(--space-6);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.page-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.page-subtitle{color:var(--color-text-muted);margin-top:var(--space-1)}.page-header-main{min-width:0}.header-actions{min-width:260px;display:flex;justify-content:flex-end}.header-actions-slot{width:100%}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-6{gap:var(--space-6)}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}.min-h-screen{min-height:100vh}.min-h-8{min-height:2rem}.min-h-96{min-height:24rem}.text-center{text-align:center}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.w-auto{width:auto}.w-full{width:100%}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-12{width:3rem}.w-16{width:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-12{height:3rem}.h-16{height:4rem}.h-48{height:12rem}.max-w-md{max-width:28rem}.flex{display:flex}.flex-1{flex:1 1 0%}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-8>*+*{margin-left:2rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.-mb-px{margin-bottom:-1px}.mr-2{margin-right:.5rem}.ml-3{margin-left:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-yellow-50{background-color:var(--color-warning-50)}.text-white{color:#fff}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-red-500{color:var(--color-danger-500)}.text-yellow-600{color:var(--color-warning-600)}.text-yellow-700{color:var(--color-warning-700)}.text-yellow-800{color:var(--color-warning-800)}.text-primary-600{color:var(--color-primary-600)}.ring-2{box-shadow:0 0 0 2px #3b82f680}.ring-blue-500{box-shadow:0 0 0 2px #3b82f6e6}.w-\[100px\]{width:100px}.h-\[100px\]{height:100px}.max-h-\[75vh\]{max-height:75vh}.max-h-\[70vh\]{max-height:70vh}.min-w-\[200px\]{min-width:200px}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:var(--page-max)}.border{border-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-primary-500{border-color:var(--color-primary-500)}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px #0000001a}.transition-all{transition:all .2s}.transition-colors{transition:color .2s,background-color .2s,border-color .2s}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-red-500:hover{color:var(--color-danger-500)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.cursor-pointer{cursor:pointer}.object-cover{object-fit:cover}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.right-0{right:0}.z-50{z-index:50}.overflow-y-auto{overflow-y:auto}.hidden{display:none}.upload-area{border:2px dashed var(--color-gray-300);background:#fff;border-radius:12px;padding:24px;text-align:center;transition:border-color .2s,background-color .2s;cursor:pointer}.upload-area:hover{border-color:var(--color-primary-600);background-color:var(--color-slate-50)}.upload-area-active{border-color:var(--color-primary-600);background-color:var(--color-primary-50)}.dashboard-layout{display:flex;height:100vh;background-color:var(--color-slate-50);overflow:hidden}.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;background:#fff;color:var(--color-slate-900);z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--color-slate-200)}.sidebar-closed{transform:translate(-260px)}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--color-slate-200);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.sidebar-logo img{max-height:42px;width:auto;border-radius:8px;filter:brightness(1.1)}.sidebar-nav{flex:1;padding:.75rem 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-slate-300) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-slate-300);border-radius:4px}.nav-section{padding:0 .65rem;margin-bottom:.5rem}.nav-section+.nav-section{border-top:1px solid var(--color-slate-100);padding-top:.6rem;margin-top:.25rem}.nav-section-title{display:block;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-slate-600);padding:.4rem .6rem .35rem;margin-bottom:0;background:none;border:none;cursor:default}.nav-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border-radius:.5rem;color:var(--color-slate-600);font-size:.82rem;font-weight:500;text-decoration:none;transition:all .15s ease;margin-bottom:1px;position:relative}.nav-item:hover{background:var(--color-slate-50);color:var(--color-slate-900)}.nav-item-active{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:600}.nav-item-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-primary-500);border-radius:0 3px 3px 0}.nav-icon{font-size:1rem;width:1.35rem;text-align:center;margin-right:0;flex-shrink:0;opacity:.9}.nav-item-active .nav-icon{opacity:1}.nav-label{flex:1;line-height:1.2}.nav-badge{background:linear-gradient(135deg,var(--color-danger-500),var(--color-danger-600));color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 6px #ef444466}.nav-sub-group{margin-bottom:1px}.nav-sub-group>.nav-link{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border-radius:.5rem;color:var(--color-slate-600);font-size:.82rem;font-weight:500;text-decoration:none;transition:all .15s ease;cursor:pointer;background:none;border:none;width:100%;text-align:left}.nav-sub-group>.nav-link:hover{background:var(--color-slate-50);color:var(--color-slate-900)}.nav-sub-items{margin-left:.5rem;padding-left:.65rem;border-left:1px solid var(--color-slate-200);margin-top:2px;margin-bottom:4px}.nav-sub-items .nav-item{font-size:.78rem;padding:.4rem .6rem;color:var(--color-slate-500)}.nav-sub-items .nav-item:hover{color:var(--color-slate-900)}.nav-sub-items .nav-item-active{color:var(--color-primary-700);background:var(--color-primary-50)}.main-content{flex:1;margin-left:260px;transition:margin-left .3s ease;display:flex;flex-direction:column;height:100vh;overflow:visible}.sidebar-closed+.main-content{margin-left:0}.main-header{background:#fff;border-bottom:1px solid var(--color-slate-200);padding:0 40px;height:64px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:24px}.sidebar-toggle{background:none;border:none;font-size:20px;color:var(--color-slate-500);cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.sidebar-toggle:hover{background-color:var(--color-slate-100)}.search-container{position:relative;width:400px}.search-input{width:100%;padding:12px 16px 12px 48px;border:1px solid var(--color-slate-200);border-radius:8px;font-size:14px;background:var(--color-slate-50);transition:.2s}.search-input:focus{outline:none;border-color:var(--color-primary-500);background:#fff}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-slate-500)}.header-right{display:flex;align-items:center;gap:.5rem;margin-left:auto}@media(min-width:640px){.header-right{gap:.75rem}}.user-menu{display:flex;align-items:center;gap:20px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.user-name{font-weight:500;color:var(--color-slate-800)}.logout-btn{background:var(--color-danger-500);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.logout-btn:hover{background:var(--color-danger-600)}.page-content{padding:40px;flex:1;overflow-y:auto;position:relative}.dashboard-title{font-size:28px;font-weight:700;color:var(--color-slate-800);margin-bottom:8px}.dashboard-subtitle{color:var(--color-slate-500);margin-bottom:32px}.quick-actions{margin-bottom:32px}.quick-actions-title{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--color-slate-800)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.quick-action-card{background:#fff;border:1px solid var(--color-slate-200);border-radius:12px;padding:24px;text-decoration:none;color:inherit;transition:.2s;cursor:pointer}.quick-action-card:hover{border-color:var(--color-primary-500);box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.quick-action-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.icon-create{background-color:var(--color-primary-100)}.icon-add{background-color:#dcfce7}.icon-upload{background-color:var(--color-warning-100)}.icon-share{background-color:#f3e8ff}.quick-action-title{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--color-slate-800)}.quick-action-desc{font-size:14px;color:var(--color-slate-500);line-height:1.4}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#fff;border:1px solid var(--color-slate-200);border-radius:12px;padding:32px;transition:box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #0000000d}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-title{font-size:16px;font-weight:600;color:var(--color-slate-800)}.stat-value{font-size:36px;font-weight:700;margin-bottom:8px;line-height:1}.stat-blue{color:var(--color-primary-500)}.stat-green{color:#22c55e}.stat-yellow{color:var(--color-warning-500)}.stat-purple{color:var(--color-violet-500)}.stat-subtitle{color:var(--color-slate-500);font-size:14px}.projects-section{background:#fff;border:1px solid var(--color-slate-200);border-radius:12px;padding:32px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-title{font-size:20px;font-weight:600;color:var(--color-slate-800)}.view-options{display:flex;gap:8px}.view-btn{padding:8px 16px;border:1px solid var(--color-slate-200);border-radius:6px;background:#fff;color:var(--color-slate-500);cursor:pointer;transition:.2s;font-size:14px}.view-btn:hover{border-color:var(--color-primary-500);color:var(--color-primary-500)}.view-btn.active{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.dashboard-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.dashboard-project-card{border:1px solid var(--color-slate-200);border-radius:12px;padding:24px;transition:.2s;background:#fff}.dashboard-project-card:hover{border-color:var(--color-primary-500);box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;background:linear-gradient(135deg,var(--color-primary-100),var(--color-primary-200));padding:16px;border-radius:12px;box-shadow:0 2px 8px #3b82f61a}.project-title{font-size:18px;font-weight:600;color:var(--color-slate-800);margin-bottom:4px}.project-desc{color:var(--color-slate-500);font-size:14px;line-height:1.5}.project-meta{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-slate-100);font-size:12px;color:var(--color-slate-500)}.empty-project-card{border:2px dashed var(--color-slate-200);border-radius:12px;padding:48px 24px;text-align:center;transition:.2s;background:#fff;cursor:pointer}.empty-project-card:hover{border-color:var(--color-primary-500);background-color:#fafbff}.empty-icon{width:48px;height:48px;margin:0 auto 16px;background:var(--color-slate-100);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--color-slate-400)}.empty-title{font-size:16px;font-weight:600;color:var(--color-slate-800)}.media-thumbnail{position:relative;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.06)}.media-thumbnail:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f;border-color:#8b5cf64d}.media-thumbnail-image{position:relative;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-slate-50) 0%,var(--color-slate-100) 100%);cursor:pointer;overflow:hidden}.media-thumbnail-img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;transition:transform .4s cubic-bezier(.4,0,.2,1)}.media-thumbnail:hover .media-thumbnail-img{transform:scale(1.05)}.media-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-slate-50) 0%,var(--color-slate-200) 100%)}.media-thumbnail-badge{position:absolute;bottom:0;left:0;right:0;z-index:2;pointer-events:none;padding:24px 8px 8px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%)}.media-thumbnail-badge .badge-text{display:block;color:#fff;font-size:11px;font-weight:500;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-thumbnail-delete{position:absolute;top:8px;right:8px;z-index:5;background:#ef4444f2;color:#fff;border:none;width:26px;height:26px;border-radius:50%;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all .2s ease;box-shadow:0 2px 6px #ef444466}.media-thumbnail:hover .media-thumbnail-delete{opacity:1;transform:scale(1)}.media-thumbnail-delete:hover{background:var(--color-danger-600);transform:scale(1.1)}.media-thumbnail-name{font-size:13px;font-weight:500;padding:10px 12px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-slate-800)}.media-thumbnail.selected{outline:3px solid var(--color-violet-500);outline-offset:0;box-shadow:0 0 0 4px #8b5cf633,0 12px 24px #8b5cf626}.image-details-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.image-details-content{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 25px #00000026}.image-details-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-gray-200)}.image-details-body{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;overflow:auto}.image-details-preview{display:flex;align-items:center;justify-content:center}.image-details-meta{background:var(--color-gray-50);border-radius:8px;padding:1rem}.image-details-meta .meta-item{display:flex;justify-content:space-between;gap:.5rem;font-size:.9rem;padding:.4rem 0;border-bottom:1px solid var(--color-gray-200)}.image-details-meta .meta-item:last-child{border-bottom:0}.meta-label{color:var(--color-gray-700);min-width:110px;font-weight:600}.meta-value{color:var(--color-gray-900)}.image-details-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--color-gray-200)}@media not all and (hover:hover)and (pointer:fine){.sidebar.sidebar-closed{transform:translate(-260px)}.main-content{margin-left:0}.search-container{width:200px}.stats-grid,.quick-actions-grid{grid-template-columns:1fr}.page-content{padding:20px}}@media(max-width:640px){.image-details-content{max-height:95vh}.image-details-body{grid-template-columns:1fr}}@media(max-width:480px){.main-header{padding:0 20px}.user-name{display:none}.search-container{width:150px}}.media-fullwidth-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}@media(min-width:768px){.media-fullwidth-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.media-fullwidth-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1400px){.media-fullwidth-grid{grid-template-columns:repeat(5,1fr)}}.media-thumbnail-check{position:absolute;top:8px;left:8px;z-index:4;cursor:pointer}.media-thumbnail-check input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary-600)}@media(min-width:1200px){.media-grid,.media-fullwidth-grid{gap:16px}}@media(min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}}@media(min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}.receipt-preview{position:relative;width:100%;max-height:420px;overflow:hidden;background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:8px}.receipt-preview-img{display:block;width:100%;height:auto;object-fit:contain;max-height:420px}.skeleton{background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:.375rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;width:100%;margin-bottom:.5rem}.skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}.skeleton-avatar{height:2.5rem;width:2.5rem;border-radius:9999px}.skeleton-card{height:150px;width:100%}@keyframes modal-appear-pro{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-modal-pro{animation:modal-appear-pro .5s cubic-bezier(.16,1,.3,1) forwards}.sidebar-pro-gradient{background:linear-gradient(165deg,var(--color-slate-800) 0%,var(--color-slate-900) 100%)}.pro-field-group{margin-bottom:2rem}.pro-field-label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-slate-500);margin-bottom:.75rem;padding-left:.25rem}.pro-input-field{width:100%;background:var(--color-slate-50);border:2px solid var(--color-slate-100);border-radius:1rem;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:500;color:var(--color-slate-800);transition:all .2s cubic-bezier(.4,0,.2,1)}.pro-input-field:focus{background:#fff;border-color:var(--color-primary-500);box-shadow:0 10px 25px -5px #3b82f61a;outline:none;transform:translateY(-2px)}.pro-select-field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231d4ed8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.5rem;padding-right:3rem}.elite-modal-overlay{position:fixed!important;inset:0!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;background-color:#0f172ae6!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}.elite-modal-container{background-color:#fff!important;width:95vw!important;max-width:1440px!important;height:95vh!important;max-height:1000px!important;border-radius:40px!important;display:flex!important;flex-direction:row!important;overflow:hidden!important;box-shadow:0 60px 120px -30px #000000e6!important;border:1px solid rgba(255,255,255,.1)!important;position:relative!important}.elite-sidebar{width:420px!important;min-width:420px!important;max-width:420px!important;flex:0 0 420px!important;background-color:var(--color-slate-900)!important;display:flex!important;flex-direction:column!important;color:#fff!important;position:relative!important;border-right:1px solid rgba(255,255,255,.05)!important;z-index:50!important;overflow-y:auto!important;overflow-x:hidden!important;padding-top:60px!important}.elite-sidebar-gradient{position:absolute!important;inset:0!important;background:radial-gradient(circle at top left,rgba(37,99,235,.15),transparent 70%)!important;pointer-events:none!important}.elite-sidebar h2{display:block!important;position:static!important;text-align:center!important;font-size:30px!important;line-height:1.2!important;margin-top:0!important;margin-bottom:24px!important;font-weight:900!important;color:var(--color-primary-400)!important;white-space:normal!important;word-wrap:break-word!important;width:100%!important}.elite-sidebar p{display:block!important;position:static!important;text-align:center!important;font-size:14px!important;line-height:1.6!important;margin-bottom:48px!important;padding-left:20px!important;padding-right:20px!important;color:var(--color-slate-400)!important;white-space:normal!important;word-wrap:break-word!important;width:100%!important}.elite-sidebar h4{display:block!important;position:static!important;margin:0!important;padding:0!important}.elite-logo-center{margin-left:auto!important;margin-right:auto!important;display:flex!important}.elite-summary-card{background:#ffffff08!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:1.5rem!important;padding:1.5rem!important;margin-bottom:3rem!important;margin-left:auto!important;margin-right:auto!important;width:340px!important;box-shadow:0 4px 20px #0003!important}.elite-summary-row{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;margin-bottom:12px!important}.elite-summary-label{color:var(--color-slate-400)!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important;min-width:100px!important}.elite-summary-value{color:#fff!important;font-size:13px!important;font-weight:800!important}.elite-sidebar-info-box{background:#ffffff08!important;border-left:2px solid var(--color-primary-500)!important;padding:1rem 1.25rem!important;margin-bottom:1.5rem!important;border-radius:0 12px 12px 0!important}.elite-ai-panel{background:var(--color-slate-50)!important;border:1px solid var(--color-slate-200)!important;border-radius:16px!important;padding:16px!important;margin-bottom:32px!important;transition:all .3s ease!important}.elite-ai-panel.is-analyzing{border-color:var(--color-primary-500)!important;box-shadow:0 0 20px #3b82f61a!important}.elite-ai-dropzone{border:2px dashed var(--color-slate-300)!important;border-radius:12px!important;padding:20px!important;text-align:center!important;transition:all .2s ease!important;cursor:pointer!important;background:#fff!important}.elite-ai-dropzone:hover{border-color:var(--color-primary-500)!important;background:#f1f7ff!important}.elite-ai-missing-badge{background:#fff1f2!important;color:#e11d48!important;border:1px solid #fecdd3!important;padding:4px 10px!important;border-radius:20px!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important;display:inline-flex!important;align-items:center!important;gap:4px!important}.elite-ai-success-badge{background:#f0fdf4!important;color:#16a34a!important;border:1px solid #bbf7d0!important;padding:4px 10px!important;border-radius:20px!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important;display:inline-flex!important;align-items:center!important;gap:4px!important}.elite-ai-fixed-badge{background:var(--color-primary-50)!important;color:var(--color-primary-600)!important;border:1px solid var(--color-primary-100)!important;padding:4px 10px!important;border-radius:20px!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important;display:inline-flex!important;align-items:center!important;gap:4px!important}.ai-btn-primary{background:var(--color-primary-600)!important;color:#061e47!important;height:48px!important;border-radius:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-size:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:none!important;transition:all .2s ease!important;box-shadow:0 10px 15px -3px #2563eb33!important;flex:1!important;cursor:pointer!important}.ai-btn-primary:hover:not(:disabled){background:var(--color-primary-700)!important;transform:translateY(-1px)!important;box-shadow:0 20px 25px -5px #2563eb4d!important}.ai-btn-primary:disabled{background:var(--color-slate-200)!important;color:var(--color-slate-700)!important;cursor:not-allowed!important;box-shadow:none!important}.ai-btn-secondary{background:var(--color-slate-100)!important;color:var(--color-slate-600)!important;height:48px!important;padding:0 24px!important;border-radius:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-size:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--color-slate-200)!important;transition:all .2s ease!important;cursor:pointer!important}.ai-btn-secondary:hover{background:var(--color-slate-200)!important;color:var(--color-slate-800)!important}.elite-content-area{flex:1!important;display:flex!important;flex-direction:column!important;background-color:#fff!important;position:relative!important;overflow:hidden!important}.elite-header{height:64px!important;min-height:64px!important;padding:0 40px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid var(--color-slate-100)!important;background-color:#fff!important;z-index:40!important}.elite-form-body{flex:1!important;overflow-y:auto!important;padding:32px 40px 120px!important}.elite-section-header{display:flex!important;align-items:center!important;gap:16px!important;margin-bottom:16px!important;width:100%!important}.elite-section-icon-wrapper{width:32px!important;height:32px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.elite-section-title{font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.2em!important;margin:0!important;padding:0!important;flex:1!important}.elite-input-wrapper{margin-bottom:16px!important}.elite-label{display:block!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:var(--color-slate-500)!important;margin-bottom:8px!important;padding-left:4px!important}.elite-input{width:100%!important;height:56px!important;padding:0 20px!important;background-color:var(--color-slate-50)!important;border:2px solid var(--color-slate-200)!important;border-radius:16px!important;font-size:15px!important;font-weight:600!important;color:var(--color-slate-900)!important;transition:all .2s ease!important;outline:none!important}.elite-input:focus{background-color:#fff!important;border-color:var(--color-primary-600)!important;box-shadow:0 0 0 5px #2563eb14!important}.elite-form-body .grid-cols-3{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.elite-form-body .grid-cols-2{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:24px!important}.elite-btn-primary{height:60px!important;padding:0 32px!important;border-radius:20px!important;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700))!important;color:#fff!important;font-weight:900!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.1em!important;display:flex!important;align-items:center!important;gap:12px!important;box-shadow:0 10px 25px -5px #2563eb66!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:none!important;cursor:pointer!important}.elite-btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 15px 35px -5px #2563eb80!important}.elite-footer{position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:100px!important;background:#ffffffe6!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-top:1px solid var(--color-slate-100)!important;padding:0 40px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;z-index:100!important}.elite-glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268712}.elite-card{background:#fff;border-radius:24px;border:1px solid var(--color-slate-100);box-shadow:0 1px 3px #00000005,0 10px 15px -3px #00000008;transition:all .4s cubic-bezier(.4,0,.2,1)}.elite-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}.elite-gradient-text{background:linear-gradient(135deg,var(--color-slate-800) 0%,var(--color-slate-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.elite-stat-value{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1}.elite-progress-ring{transition:stroke-dashoffset .8s ease-in-out}.dashboard-elite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2rem}.elite-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.elite-icon-box{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px}.flex-col{display:flex!important;flex-direction:column!important}.mt-auto{margin-top:auto!important}.bg-slate-50{background-color:var(--color-slate-50)!important}.elite-card .elite-stat-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.elite-card .flex-1{display:flex;flex-direction:column;justify-content:center;min-height:100px}.fdv-section{display:flex;flex-direction:column;gap:24px;padding-bottom:80px}.fdv-header{background:linear-gradient(135deg,var(--color-slate-900) 0%,var(--color-slate-800) 100%);padding:24px;border-radius:20px;box-shadow:0 20px 40px -12px #00000040}.fdv-header-content{display:flex;flex-direction:column;gap:24px}@media(min-width:768px){.fdv-header-content{flex-direction:row;align-items:center;justify-content:space-between}}.fdv-header-info{display:flex;align-items:flex-start;gap:16px}@media(min-width:768px){.fdv-header-info{align-items:center}}.fdv-header-icon{width:56px;height:56px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.fdv-header-title{font-size:24px;font-weight:800;color:#fff;margin:0}.fdv-header-subtitle{color:var(--color-slate-400);font-size:14px;margin-top:4px}.fdv-header-actions{display:flex;align-items:center;gap:8px;width:100%}@media(min-width:768px){.fdv-header-actions{width:auto}}.fdv-btn-secondary{padding:10px 16px;border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.15);font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;cursor:pointer;transition:all .2s ease}.fdv-btn-secondary:hover:not(:disabled){background:#fff3}.fdv-btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(min-width:768px){.fdv-btn-secondary{flex:none}}.fdv-btn-primary{padding:10px 16px;border-radius:12px;background:var(--color-primary-600);color:#fff;border:none;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 16px -4px #2563eb66}.fdv-btn-primary:hover{background:var(--color-primary-700);box-shadow:0 12px 20px -4px #2563eb80}@media(min-width:768px){.fdv-btn-primary{flex:none}}.fdv-stats-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}@media(min-width:640px){.fdv-stats-grid{grid-template-columns:repeat(3,1fr)}}.fdv-stat-card{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px}.fdv-stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.fdv-stat-icon.blue{background:#3b82f633;color:var(--color-primary-300)}.fdv-stat-icon.purple{background:#a855f733;color:#d8b4fe}.fdv-stat-icon.green{background:#22c55e33;color:#86efac}.fdv-stat-value{font-size:24px;font-weight:800;color:#fff;line-height:1}.fdv-stat-label{font-size:13px;color:var(--color-slate-400)}.fdv-info-box{background:#eff6ffcc;border:1px solid var(--color-primary-200);border-radius:16px;padding:16px;display:flex;align-items:flex-start;gap:12px}.fdv-info-icon{color:var(--color-primary-600);flex-shrink:0;margin-top:2px}.fdv-info-title{font-weight:700;color:#1e3a8a;margin-bottom:4px}.fdv-info-text{color:var(--color-primary-800);font-size:14px;line-height:1.6;opacity:.9}.fdv-filter-toolbar{background:#fff;border-radius:16px;border:1px solid var(--color-gray-200);box-shadow:0 1px 3px #0000000d}.fdv-filter-row{padding:12px;display:flex;flex-direction:column;gap:12px}@media(min-width:640px){.fdv-filter-row{flex-direction:row}}.fdv-search-wrapper{flex:1;position:relative}.fdv-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-400)}.fdv-search-input{width:100%;padding:10px 16px 10px 40px;border-radius:10px;border:1px solid var(--color-gray-200);font-size:14px;transition:all .2s ease}.fdv-search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f626}.fdv-filter-btn{padding:10px 16px;border-radius:10px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;border:1px solid var(--color-gray-200);background:var(--color-gray-50);color:var(--color-gray-700);cursor:pointer;transition:all .2s ease}.fdv-filter-btn:hover{background:var(--color-gray-100)}.fdv-filter-btn.active{background:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-200)}.fdv-filter-badge{background:var(--color-primary-600);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:700}.fdv-clear-btn{padding:10px 12px;border-radius:10px;background:transparent;border:none;color:var(--color-gray-500);display:flex;align-items:center;gap:4px;cursor:pointer;transition:all .2s ease}.fdv-clear-btn:hover{color:var(--color-gray-700);background:var(--color-gray-100)}.fdv-filter-expanded{padding:0 12px 12px;border-top:1px solid var(--color-gray-100)}.fdv-filter-grid{display:grid;grid-template-columns:1fr;gap:12px;padding-top:12px}@media(min-width:640px){.fdv-filter-grid{grid-template-columns:repeat(3,1fr)}}.fdv-filter-label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--color-gray-500);margin-bottom:6px}.fdv-filter-select,.fdv-filter-input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--color-gray-200);font-size:14px;background:#fff;transition:all .2s ease}.fdv-filter-select:focus,.fdv-filter-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f626}.fdv-form-container{background:#fff;padding:24px;border-radius:16px;border:1px solid var(--color-primary-100);box-shadow:0 4px 6px -1px #0000000d;animation:fdv-slide-in .3s ease}@keyframes fdv-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.fdv-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-gray-100)}.fdv-form-title{font-size:18px;font-weight:800;color:var(--color-gray-900)}.fdv-form-cancel{font-size:14px;color:var(--color-gray-500);background:none;border:none;cursor:pointer;text-decoration:underline}.fdv-form-cancel:hover{color:var(--color-gray-700)}.fdv-empty-state{text-align:center;padding:48px 24px;color:var(--color-gray-500)}.fdv-empty-title{font-size:16px;font-weight:600;color:var(--color-gray-700);margin-bottom:8px}.fdv-empty-text{font-size:14px;color:var(--color-gray-400)}.notes-section{display:flex;flex-direction:column;gap:24px;max-width:var(--page-max);margin:0 auto;padding-bottom:80px}.notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.notes-header-title{font-size:1.5rem;font-weight:700;color:var(--color-gray-900);margin:0}.notes-header-subtitle{font-size:.875rem;color:var(--color-gray-500);margin-top:4px}.notes-board{display:flex;min-height:600px;height:calc(100vh - 280px);border-radius:20px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 50px -12px #00000026}.notes-sidebar{width:380px;flex-shrink:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffff 0%,var(--color-slate-50) 100%);border-right:1px solid rgba(0,0,0,.06)}.notes-sidebar-header{padding:20px;border-bottom:1px solid rgba(0,0,0,.06);background:#fff}.notes-sidebar-title{font-size:1.125rem;font-weight:700;color:var(--color-gray-900);margin:0 0 16px}.notes-search{position:relative;margin-bottom:16px}.notes-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.notes-search-input{width:100%;padding:12px 16px 12px 42px;font-size:.875rem;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:var(--color-gray-50);color:var(--color-gray-900);transition:all .2s ease}.notes-search-input:focus{outline:none;background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f626}.notes-search-input::placeholder{color:var(--color-gray-400)}.notes-filter-tabs{display:flex;background:#0000000a;padding:4px;border-radius:10px;gap:4px}.notes-filter-tab{flex:1;padding:8px 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;color:var(--color-gray-500);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.notes-filter-tab:hover{color:var(--color-gray-700);background:#ffffff80}.notes-filter-tab.active{color:var(--color-primary-700);background:#fff;box-shadow:0 2px 8px #00000014}.notes-list{flex:1;overflow-y:auto;padding:12px}.notes-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--color-gray-400)}.notes-list-empty-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.notes-list-empty-text{font-size:.875rem;font-weight:500}.notes-issue-card{padding:16px;margin-bottom:10px;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid rgba(0,0,0,.08);border-left:5px solid var(--team-color, var(--color-primary-500));border-radius:16px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.notes-issue-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--team-color, var(--color-primary-500)) 0%,transparent 60%);opacity:0;transition:opacity .25s ease}.notes-issue-card:hover{border-color:#3b82f633;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.notes-issue-card:hover:before{opacity:1}.notes-issue-card.selected{background:linear-gradient(135deg,var(--color-primary-50) 0%,#f0f9ff 100%);border-color:var(--color-primary-500);border-left-width:5px;box-shadow:0 8px 28px #3b82f640}.notes-issue-card.selected:before{opacity:1}.notes-issue-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.notes-issue-number{font-size:11px;font-weight:700;font-family:SF Mono,Monaco,monospace;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%);padding:3px 8px;border-radius:6px}.notes-issue-title{font-size:.875rem;font-weight:600;color:var(--color-gray-900);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notes-issue-card.selected .notes-issue-title{color:var(--color-primary-800)}.notes-issue-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--color-gray-500);margin-top:12px;padding-top:10px;border-top:1px solid rgba(0,0,0,.04)}.notes-detail{flex:1;display:flex;flex-direction:column;background:#fff;min-width:0}.notes-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-gray-400);padding:48px}.notes-detail-empty-icon{width:96px;height:96px;background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.notes-detail-empty-text{font-size:1rem;font-weight:500;color:var(--color-gray-500);margin-bottom:16px}.notes-create-btn{padding:12px 24px;font-size:.875rem;font-weight:600;color:var(--color-primary-500);background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);border:none;border-radius:999px;cursor:pointer;transition:all .2s ease}.notes-create-btn:hover{background:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-primary-200) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.badge-status{display:inline-flex;align-items:center;padding:3px 10px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;border-radius:999px}.badge-status-ny{background:var(--color-gray-100);color:var(--color-gray-500)}.badge-status-vurderes{background:var(--color-warning-100);color:var(--color-warning-600)}.badge-status-pågår{background:var(--color-primary-100);color:var(--color-primary-600)}.badge-status-venter{background:#fef9c3;color:#ca8a04}.badge-status-review{background:#ede9fe;color:var(--color-violet-600)}.badge-status-fullført{background:#dcfce7;color:#16a34a}.badge-category{display:inline-flex;align-items:center;padding:3px 10px;font-size:.625rem;font-weight:600;border-radius:999px}.badge-category-teknisk{background:#cffafe;color:#0891b2}.badge-category-design{background:#fce7f3;color:#db2777}.badge-category-økonomi{background:var(--color-success-100);color:var(--color-emerald-600)}.badge-category-logistikk{background:var(--color-warning-100);color:var(--color-warning-600)}.badge-category-hms{background:var(--color-danger-100);color:var(--color-danger-600)}.badge-category-generelt{background:var(--color-slate-100);color:var(--color-slate-600)}.notes-thread{display:flex;flex-direction:column;height:100%}.notes-thread-header{padding:24px;border-bottom:1px solid rgba(0,0,0,.06)}.notes-thread-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.notes-thread-title{font-size:1.25rem;font-weight:700;color:var(--color-gray-900);margin:0 0 8px}.notes-thread-content{font-size:.9375rem;color:var(--color-gray-600);line-height:1.6}.notes-thread-status-bar{display:flex;gap:6px;margin-top:20px;padding:6px;background:var(--color-gray-50);border-radius:12px}.notes-thread-status-btn{flex:1;padding:10px 8px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.notes-thread-status-btn:hover{background:#fffc}.notes-thread-status-btn.active{color:#fff;box-shadow:0 2px 8px #00000026}.notes-comments{flex:1;overflow-y:auto;padding:20px 24px;background:var(--color-gray-50)}.notes-comment{display:flex;gap:12px;margin-bottom:16px}.notes-comment-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-violet-500) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0}.notes-comment-body{flex:1;background:#fff;padding:14px 18px;border-radius:14px;border:1px solid rgba(0,0,0,.06)}.notes-comment-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.notes-comment-author{font-size:.8125rem;font-weight:700;color:var(--color-gray-900)}.notes-comment-date{font-size:.6875rem;color:var(--color-gray-400)}.notes-comment-text{font-size:.875rem;color:var(--color-gray-600);line-height:1.5;margin:0}.notes-reply-area{padding:16px 24px;border-top:1px solid rgba(0,0,0,.06);background:#fff}.notes-reply-wrapper{display:flex;gap:12px}.notes-reply-input{flex:1;padding:14px 18px;font-size:.875rem;border:1px solid rgba(0,0,0,.1);border-radius:14px;background:var(--color-gray-50);color:var(--color-gray-900);transition:all .2s ease}.notes-reply-input:focus{outline:none;background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f626}.notes-reply-btn{padding:14px 20px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;border:none;border-radius:14px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;transition:all .2s ease}.notes-reply-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.notes-reply-btn:disabled{background:var(--color-gray-200);color:var(--color-gray-400);cursor:not-allowed}.notes-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.notes-modal{background:#fff;border-radius:20px;width:100%;max-width:520px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}.notes-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.06)}.notes-modal-title{font-size:1.125rem;font-weight:700;color:var(--color-gray-900);margin:0}.notes-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.notes-modal-close:hover{background:var(--color-gray-200)}.notes-modal-body{padding:24px;max-height:calc(90vh - 80px);overflow-y:auto}.notes-form{display:flex;flex-direction:column;gap:20px}.notes-form-group{display:flex;flex-direction:column;gap:8px}.notes-form-label{font-size:.8125rem;font-weight:600;color:var(--color-gray-700)}.notes-form-input{padding:12px 16px;font-size:.9375rem;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:var(--color-gray-50);color:var(--color-gray-900);transition:all .2s ease}.notes-form-input:focus{outline:none;background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f626}.notes-form-textarea{padding:14px 16px;font-size:.9375rem;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:var(--color-gray-50);color:var(--color-gray-900);min-height:120px;resize:vertical;font-family:inherit;transition:all .2s ease}.notes-form-textarea:focus{outline:none;background:#fff;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f626}.notes-form-select{padding:12px 16px;font-size:.9375rem;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:var(--color-gray-50);color:var(--color-gray-900);cursor:pointer;transition:all .2s ease}.notes-form-select:focus{outline:none;background:#fff;border-color:var(--color-primary-500)}.notes-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.notes-form-btn-cancel{padding:12px 24px;font-size:.875rem;font-weight:600;color:var(--color-gray-500);background:var(--color-gray-100);border:none;border-radius:12px;cursor:pointer;transition:all .15s ease}.notes-form-btn-cancel:hover{background:var(--color-gray-200)}.notes-form-btn-submit{padding:12px 24px;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.notes-form-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.notes-form-btn-submit:disabled{background:var(--color-gray-200);color:var(--color-gray-400);cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.team-color-1{--team-color: var(--color-primary-500);--team-bg: var(--color-primary-100)}.team-color-2{--team-color: var(--color-emerald-500);--team-bg: var(--color-success-100)}.team-color-3{--team-color: var(--color-warning-500);--team-bg: var(--color-warning-100)}.team-color-4{--team-color: var(--color-violet-500);--team-bg: #ede9fe}.team-color-5{--team-color: var(--color-danger-500);--team-bg: var(--color-danger-100)}.team-color-6{--team-color: #06b6d4;--team-bg: #cffafe}.team-color-7{--team-color: #ec4899;--team-bg: #fce7f3}.team-color-8{--team-color: #84cc16;--team-bg: #ecfccb}.team-color-9{--team-color: #f97316;--team-bg: #ffedd5}.team-color-10{--team-color: var(--color-indigo-500);--team-bg: var(--color-indigo-100)}.team-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #00000026}.team-avatar-sm{width:28px;height:28px;font-size:11px}.team-avatar-lg{width:48px;height:48px;font-size:18px}.daily-report-header{background:linear-gradient(135deg,#1e3a8a 0%,var(--color-primary-500) 50%,var(--color-primary-400) 100%);border-radius:20px;padding:24px;margin-bottom:20px;color:#fff;box-shadow:0 10px 40px #3b82f64d}.daily-report-date{display:flex;align-items:center;gap:12px;margin-bottom:16px}.daily-report-date-picker{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:10px 16px;color:#fff;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.daily-report-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.daily-report-stat{background:#ffffff26;border-radius:14px;padding:16px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.daily-report-stat-value{font-size:28px;font-weight:800;display:block}.daily-report-stat-label{font-size:11px;opacity:.85;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;background:linear-gradient(135deg,var(--color-slate-50) 0%,#ffffff 100%);border-radius:16px;margin-bottom:20px;box-shadow:0 2px 12px #0000000f}.quick-action-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:12px 20px;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:13px;gap:8px}.quick-action-btn:hover{transform:translateY(-2px)}.quick-action-btn-photo{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;box-shadow:0 4px 12px #3b82f659}.quick-action-btn-note{background:linear-gradient(135deg,var(--color-emerald-500) 0%,var(--color-emerald-600) 100%);color:#fff;box-shadow:0 4px 12px #10b98159}.quick-action-btn-time{background:linear-gradient(135deg,var(--color-warning-500) 0%,var(--color-warning-600) 100%);color:#fff;box-shadow:0 4px 12px #f59e0b59}.quick-action-btn-done{background:linear-gradient(135deg,var(--color-violet-500) 0%,var(--color-violet-600) 100%);color:#fff;box-shadow:0 4px 12px #8b5cf659}.quick-action-btn:active{transform:scale(.95)}.quick-action-icon{font-size:24px}.report-entry-card{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;border-left:4px solid var(--team-color, var(--color-primary-500));box-shadow:0 2px 12px #0000000f;transition:all .2s ease}.report-entry-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.report-entry-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.report-entry-info{flex:1;min-width:0}.report-entry-author{font-weight:700;font-size:15px;color:var(--color-gray-900);margin-bottom:2px}.report-entry-time{font-size:12px;color:var(--color-gray-500);display:flex;align-items:center;gap:8px}.report-entry-hours{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,var(--color-warning-100) 0%,#fde68a 100%);color:var(--color-warning-800);font-weight:700;font-size:12px;border-radius:999px}.report-entry-content{font-size:14px;color:var(--color-gray-700);line-height:1.6;margin-bottom:16px}.report-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:12px}.report-photo{aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease;box-shadow:0 2px 8px #0000001a}.report-photo:hover{transform:scale(1.03)}.report-photo-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:11px}.time-input-group{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;background:linear-gradient(135deg,var(--color-warning-50) 0%,var(--color-warning-100) 100%);border-radius:12px;border:1px solid #fcd34d}.time-row-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%}.time-input{padding:10px 12px;border:2px solid var(--color-gray-200);border-radius:8px;font-size:14px;font-weight:600;width:100%;text-align:center;transition:border-color .2s}.date-input-wide{min-width:140px}.time-input:focus{border-color:var(--color-warning-500);outline:none;box-shadow:0 0 0 3px #f59e0b33}.time-label{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--color-warning-800);opacity:.8}.export-pdf-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,var(--color-danger-600) 0%,var(--color-danger-700) 100%);color:#fff;font-weight:700;font-size:14px;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #dc262659}.export-pdf-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.badge-status-ny{background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.badge-status-pågår{background:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-primary-200) 100%);color:var(--color-primary-800);border:1px solid var(--color-primary-300)}.badge-status-fullført{background:linear-gradient(135deg,var(--color-success-100) 0%,#a7f3d0 100%);color:var(--color-success-800);border:1px solid #6ee7b7}.badge-status-blokkert{background:linear-gradient(135deg,var(--color-danger-100) 0%,#fecaca 100%);color:var(--color-danger-800);border:1px solid #fca5a5}@media(max-width:640px){.quick-actions,.daily-report-stats{grid-template-columns:repeat(2,1fr)}.report-photos{grid-template-columns:repeat(3,1fr)}.quick-action-btn{padding:20px 12px}.quick-action-icon{font-size:28px}}.camera-capture-btn{width:100%;padding:40px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px dashed var(--color-primary-500);border-radius:16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:12px}.camera-capture-btn:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:var(--color-primary-600)}.camera-capture-btn:active{transform:scale(.98)}.camera-capture-icon{font-size:48px;color:var(--color-primary-500)}.camera-capture-text{font-size:14px;font-weight:600;color:var(--color-primary-800)}.daily-timeline{position:relative;padding-left:24px}.daily-timeline:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-primary-500) 0%,var(--color-violet-500) 50%,#ec4899 100%);border-radius:999px}.timeline-item{position:relative;padding-bottom:24px}.timeline-dot{position:absolute;left:-24px;top:4px;width:24px;height:24px;background:var(--team-color, var(--color-primary-500));border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #00000026}.timeline-time{font-size:12px;font-weight:700;color:var(--color-gray-500);margin-bottom:6px}.daily-report-section{display:flex;flex-direction:column;gap:20px}.date-nav-btn{width:36px;height:36px;border:none;border-radius:10px;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.date-nav-btn:hover:not(:disabled){background:#ffffff4d}.date-nav-btn:disabled{opacity:.3;cursor:not-allowed}.date-display{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px}.date-text{text-transform:capitalize}.quick-entry-form{background:linear-gradient(135deg,#ffffff 0%,var(--color-slate-50) 100%);border-radius:20px;padding:20px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.06)}.quick-entry-textarea{width:100%;padding:16px;border:2px solid var(--color-gray-200);border-radius:14px;font-size:15px;font-family:inherit;resize:none;transition:all .2s ease;background:#fff}.quick-entry-textarea:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #3b82f626}.quick-entry-textarea::placeholder{color:var(--color-gray-400)}.quick-entry-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;margin-top:14px}.quick-entry-photo{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.quick-entry-photo img{width:100%;height:100%;object-fit:cover}.quick-entry-photo-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.quick-entry-photo-remove:hover{background:var(--color-danger-500)}.quick-entry-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.quick-entry-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.quick-entry-time-input{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,var(--color-warning-100) 0%,#fde68a 100%);border-radius:12px;border:1px solid #fcd34d;color:var(--color-warning-800)}.quick-entry-time-input input{width:60px;padding:4px 8px;border:1px solid #fcd34d;border-radius:6px;font-size:14px;font-weight:600;color:var(--color-warning-800);background:#fff;text-align:center}.quick-entry-time-input input:focus{outline:none;border-color:var(--color-warning-500)}.quick-entry-submit{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;font-weight:700;font-size:14px;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f659}.quick-entry-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.quick-entry-submit:disabled{opacity:.6;cursor:not-allowed}.daily-report-entries{min-height:200px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-gray-500);gap:12px}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--color-gray-500)}.empty-state h3{font-size:18px;font-weight:700;color:var(--color-gray-700);margin:16px 0 8px}.empty-state p{font-size:14px;color:var(--color-gray-400);margin:0}.daily-report-footer{display:flex;justify-content:center;padding:20px;border-top:1px solid rgba(0,0,0,.06)}@media(max-width:640px){.quick-entry-actions{flex-direction:column;align-items:stretch}.quick-entry-buttons{justify-content:space-between}.quick-entry-submit{justify-content:center;width:100%;margin-top:8px}.quick-action-btn{flex:1;min-width:0;padding:12px 8px}.quick-action-btn span{font-size:10px}}.quick-entry-time-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.time-input-wrapper{display:flex;flex-direction:column;gap:4px}.time-input-wrapper span{font-size:11px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px}.time-input-wrapper input[type=time]{padding:10px 12px;border:2px solid var(--color-gray-200);border-radius:10px;font-size:15px;font-weight:600;color:#1f2937;background:#fff;transition:all .2s}.time-input-wrapper input[type=time]:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #3b82f626}.time-separator{font-size:20px;font-weight:700;color:var(--color-gray-400);margin-top:20px}.calculated-hours-badge{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;border-radius:12px;color:#166534;font-weight:700;margin-top:20px}.report-entry-card{background:linear-gradient(135deg,#ffffff 0%,var(--color-slate-50) 100%);border-radius:16px;padding:16px;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.05);margin-left:12px}.report-entry-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.report-entry-info{flex:1}.report-entry-author{font-weight:700;font-size:14px;color:#1f2937}.report-entry-time{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--color-gray-500);margin-top:2px}.report-time-range{display:flex;align-items:center;gap:4px}.report-entry-hours{padding:2px 8px;background:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-primary-200) 100%);border-radius:6px;font-weight:700;color:var(--color-primary-700);font-size:11px}.report-entry-content{font-size:14px;line-height:1.6;color:var(--color-gray-700);white-space:pre-wrap}.report-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:12px}.report-photo{border-radius:10px;overflow:hidden;aspect-ratio:1;box-shadow:0 2px 8px #0000001a}.report-photo img{width:100%;height:100%;object-fit:cover}.report-photo-caption{font-size:11px;color:var(--color-gray-500);padding:6px 8px;background:var(--color-gray-50)}.daily-timeline{display:flex;flex-direction:column;gap:16px;position:relative;padding-left:60px}.daily-timeline:before{content:"";position:absolute;left:25px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-primary-500) 0%,var(--color-violet-500) 50%,#ec4899 100%);border-radius:999px}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;left:-47px;top:4px;width:12px;height:12px;background:var(--color-primary-500);border:3px solid white;border-radius:50%;box-shadow:0 2px 6px #3b82f64d}.timeline-item .timeline-time{position:absolute;left:-60px;top:20px;font-size:11px;font-weight:700;color:var(--color-gray-500);width:40px;text-align:right}@media(max-width:640px){.quick-entry-time-row{flex-direction:column;align-items:stretch}.time-separator{display:none}.time-input-wrapper{flex-direction:row;align-items:center;gap:12px}.time-input-wrapper span{width:30px;margin-top:0}.time-input-wrapper input[type=time]{flex:1}.calculated-hours-badge{margin-top:0;justify-content:center}.daily-timeline{padding-left:40px}.daily-timeline:before{left:15px}.timeline-item:before{left:-31px}.timeline-item .timeline-time{left:-40px;width:30px;font-size:10px}}.agent-inbox-container{position:relative;display:inline-block}.agent-inbox-trigger{background:transparent;border:none;font-size:1.5rem;cursor:pointer;position:relative;padding:8px;border-radius:50%;transition:background .2s;display:flex;align-items:center;justify-content:center}.agent-inbox-trigger:hover{background:#ffffff1a}.agent-inbox-badge{position:absolute;top:0;right:0;background:#ff3b30;color:#fff;font-size:.7rem;font-weight:700;height:18px;min-width:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px #0003}.agent-inbox-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:350px;background:var( --bg-surface, #1e1e24 );border:1px solid var(--border-color, #333);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:var(--z-popover, 10100);overflow:hidden;display:flex;flex-direction:column;max-height:500px}.agent-inbox-header{padding:16px;border-bottom:1px solid var(--border-color, #333);background:var(--bg-surface-elevated, #25252d)}.agent-inbox-header h3{margin:0 0 4px;font-size:1.1rem;color:var(--text-primary, #fff)}.agent-inbox-header p{margin:0;font-size:.85rem;color:var(--text-secondary, #aaa)}.agent-inbox-body{overflow-y:auto;padding:12px}.agent-inbox-empty{text-align:center;padding:32px 16px;color:var(--text-secondary, #aaa);font-size:.95rem}.agent-inbox-list{display:flex;flex-direction:column;gap:12px}.agent-inbox-card{background:var(--bg-surface-elevated, #2a2a35);border-radius:8px;padding:16px;border:1px solid var(--border-color, #444)}.agent-inbox-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.agent-badge{background:#3b82f633;color:#60a5fa;font-size:.7rem;font-weight:600;padding:4px 8px;border-radius:4px;letter-spacing:.5px}.agent-time{font-size:.75rem;color:var(--text-muted, #777)}.agent-message{margin:0 0 16px;font-size:.9rem;line-height:1.5;color:var(--text-primary, #eaeaea)}.agent-actions{display:flex;gap:8px}.agent-btn{flex:1;padding:8px;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;justify-content:center;align-items:center;gap:4px}.agent-btn-reject{background:#ef44441a;color:#ef4444}.agent-btn-reject:hover{background:#ef444433}.agent-btn-approve{background:#22c55e1a;color:#22c55e}.agent-btn-approve:hover{background:#22c55e33}.ai-chat-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--color-indigo-500),var(--color-violet-500));color:#fff;cursor:pointer;box-shadow:0 4px 14px #6366f166;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;animation:ai-fab-pulse 3s ease-in-out infinite}.ai-chat-fab:hover{transform:scale(1.1);box-shadow:0 6px 20px #6366f180}.ai-chat-fab--open{background:var(--color-slate-500);animation:none}.ai-chat-fab__icon{font-size:1.5rem;line-height:1}.ai-chat-fab__badge{position:absolute;top:-4px;right:-4px;background:var(--color-danger-500);color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid white}@keyframes ai-fab-pulse{0%,to{box-shadow:0 4px 14px #6366f166}50%{box-shadow:0 4px 24px #6366f199}}.ai-chat-window{position:fixed;bottom:92px;right:24px;width:400px;height:600px;background:#fff;border-radius:16px;box-shadow:0 8px 40px #00000026;display:flex;flex-direction:column;overflow:hidden;z-index:999;animation:ai-chat-open .3s cubic-bezier(.4,0,.2,1)}@keyframes ai-chat-open{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.ai-chat-window{width:100vw;height:100vh;bottom:0;right:0;border-radius:0}.ai-chat-fab{bottom:16px;right:16px}}.ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,var(--color-indigo-500),var(--color-violet-500));color:#fff;flex-shrink:0}.ai-chat-header__info{display:flex;align-items:center;gap:10px}.ai-chat-header__icon{font-size:1.6rem}.ai-chat-header__title{font-size:.95rem;font-weight:600;margin:0}.ai-chat-header__status{font-size:.75rem;opacity:.85;margin:0}.ai-chat-header__actions{display:flex;gap:4px}.ai-chat-header__btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px 8px;border-radius:6px;font-size:1rem;transition:background .2s}.ai-chat-header__btn:hover{background:#fff3}.ai-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--color-slate-50)}.ai-chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;color:var(--color-slate-500)}.ai-chat-welcome__emoji{font-size:3rem;margin-bottom:12px}.ai-chat-welcome h4{font-size:1.05rem;font-weight:600;color:var(--color-slate-700);margin:0 0 8px}.ai-chat-welcome p{font-size:.85rem;line-height:1.5;margin:0}.ai-chat-msg{display:flex;align-items:flex-end;gap:8px;max-width:85%}.ai-chat-msg--user{align-self:flex-end;flex-direction:row}.ai-chat-msg--assistant{align-self:flex-start}.ai-chat-msg__avatar{font-size:1.2rem;flex-shrink:0}.ai-chat-msg__bubble{padding:10px 14px;border-radius:16px;max-width:100%;word-wrap:break-word}.ai-chat-msg--user .ai-chat-msg__bubble{background:linear-gradient(135deg,var(--color-indigo-500),var(--color-violet-500));color:#fff;border-bottom-right-radius:4px}.ai-chat-msg--assistant .ai-chat-msg__bubble{background:#fff;color:var(--color-slate-800);border:1px solid var(--color-slate-200);border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000000d}.ai-chat-msg--error .ai-chat-msg__bubble{background:var(--color-danger-50);border-color:#fecaca;color:var(--color-danger-800)}.ai-chat-msg__text{font-size:.875rem;line-height:1.5;margin:0;white-space:pre-wrap}.ai-chat-msg__time{font-size:.65rem;opacity:.6;display:block;margin-top:4px}.ai-chat-msg__actions{margin-top:10px;display:flex;flex-direction:column;gap:8px}.ai-chat-action{background:var(--color-slate-100);border-radius:10px;padding:10px}.ai-chat-action__desc{font-size:.8rem;color:var(--color-slate-600);margin:0 0 8px}.ai-chat-action__buttons{display:flex;gap:8px}.ai-chat-action__btn{padding:6px 12px;border:none;border-radius:8px;font-size:.8rem;cursor:pointer;transition:all .2s}.ai-chat-action__btn--confirm{background:var(--color-emerald-500);color:#fff}.ai-chat-action__btn--confirm:hover{background:var(--color-emerald-600)}.ai-chat-action__btn--cancel{background:var(--color-slate-200);color:var(--color-slate-500)}.ai-chat-action__btn--cancel:hover{background:var(--color-slate-300)}.ai-chat-typing{display:flex;align-items:center;gap:8px;padding:8px 0}.ai-chat-typing__dots{display:flex;gap:4px}.ai-chat-typing__dots span{width:8px;height:8px;border-radius:50%;background:var(--color-slate-400);animation:ai-typing-dot 1.4s infinite ease-in-out}.ai-chat-typing__dots span:nth-child(2){animation-delay:.2s}.ai-chat-typing__dots span:nth-child(3){animation-delay:.4s}.ai-chat-typing__text{font-size:.75rem;color:var(--color-slate-400)}@keyframes ai-typing-dot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.ai-chat-suggestions{display:flex;gap:6px;padding:8px 16px;overflow-x:auto;flex-shrink:0;background:#fff;border-top:1px solid var(--color-slate-100)}.ai-chat-suggestion{padding:6px 12px;border:1px solid var(--color-slate-200);border-radius:20px;background:#fff;color:var(--color-indigo-500);font-size:.78rem;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.ai-chat-suggestion:hover{background:var(--color-indigo-50);border-color:var(--color-indigo-500)}.ai-chat-input{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--color-slate-200);background:#fff;flex-shrink:0}.ai-chat-input__btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:8px;transition:background .2s}.ai-chat-input__btn:hover{background:var(--color-slate-100)}.ai-chat-input__field{flex:1;border:1px solid var(--color-slate-200);border-radius:12px;padding:8px 12px;font-size:.875rem;resize:none;outline:none;font-family:inherit;max-height:80px;transition:border-color .2s;color:#0f172a!important;background-color:#fff!important;-webkit-text-fill-color:#0f172a!important}.ai-chat-input textarea.ai-chat-input__field,.ai-chat-input__field:not(:disabled){color:#0f172a!important;background-color:#fff!important;-webkit-text-fill-color:#0f172a!important}.ai-chat-input__field:focus{border-color:var(--color-indigo-500)}.ai-chat-input__field::placeholder{color:var(--color-slate-400)}.ai-chat-input__send{background:linear-gradient(135deg,var(--color-indigo-500),var(--color-violet-500));color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .2s;flex-shrink:0}.ai-chat-input__send:hover:not(:disabled){transform:scale(1.1)}.ai-chat-input__send:disabled{opacity:.4;cursor:not-allowed}.ai-chat-input__mic--active{color:var(--color-danger-500)!important;animation:ai-mic-pulse 1s ease-in-out infinite;position:relative}.ai-chat-input__mic--active:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;border-radius:50%;background:#ef444426;transform:translate(-50%,-50%);animation:ai-mic-ring 1.5s ease-out infinite}@keyframes ai-mic-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes ai-mic-ring{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.ai-chat-voice-preview{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-danger-50);border-top:1px solid #fecaca;flex-shrink:0;animation:ai-chat-open .2s ease-out}.ai-chat-voice-preview__dot{width:10px;height:10px;border-radius:50%;background:var(--color-danger-500);animation:ai-mic-pulse 1s ease-in-out infinite;flex-shrink:0}.ai-chat-voice-preview__text{flex:1;font-size:.8rem;color:var(--color-danger-800);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-chat-voice-preview__stop{padding:4px 10px;border:1px solid #fecaca;border-radius:6px;background:#fff;color:var(--color-danger-500);font-size:.75rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:all .2s}.ai-chat-voice-preview__stop:hover{background:var(--color-danger-50);border-color:var(--color-danger-500)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.recovery-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,var(--color-warning-100) 0%,#fde68a 100%);border:1px solid var(--color-warning-500);border-radius:12px;margin-bottom:16px;animation:recoverySlideIn .3s ease-out}@keyframes recoverySlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.recovery-banner__icon{font-size:20px;flex-shrink:0}.recovery-banner__text{flex:1;min-width:0}.recovery-banner__title{font-size:13px;font-weight:700;color:var(--color-warning-800);margin:0}.recovery-banner__desc{font-size:11px;color:var(--color-warning-700);margin:2px 0 0}.recovery-banner__actions{display:flex;gap:6px;flex-shrink:0}.recovery-banner__btn{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:all .15s}.recovery-banner__btn--restore{background:var(--color-warning-500);color:#fff}.recovery-banner__btn--restore:hover{background:var(--color-warning-600)}.recovery-banner__btn--dismiss{background:#fff9;color:var(--color-warning-800)}.recovery-banner__btn--dismiss:hover{background:#ffffffe6}.ai-feedback{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--border-light, var(--color-gray-200));margin-top:8px}.ai-feedback__label{font-size:.75rem;color:var(--text-muted, var(--color-gray-400));margin-right:auto}.ai-feedback__btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--border-light, var(--color-gray-200));border-radius:6px;background:transparent;font-size:.8rem;cursor:pointer;transition:all .15s ease;color:var(--text-secondary, var(--color-gray-500))}.ai-feedback__btn:hover{background:var(--bg-hover, var(--color-gray-100))}.ai-feedback__btn--accept{color:var(--color-emerald-600);border-color:var(--color-success-100)}.ai-feedback__btn--accept:hover{background:var(--color-success-50);border-color:#a7f3d0}.ai-feedback__btn--accept.active{background:var(--color-success-100);border-color:var(--color-emerald-600);color:var(--color-emerald-700);cursor:default}.ai-feedback__btn--reject{color:var(--color-danger-600);border-color:var(--color-danger-100)}.ai-feedback__btn--reject:hover{background:var(--color-danger-50);border-color:#fca5a5}.ai-feedback__btn--reject.active{background:var(--color-danger-100);border-color:var(--color-danger-600);color:var(--color-danger-700);cursor:default}.ai-feedback__btn--correct{color:var(--color-primary-600);border-color:var(--color-primary-100)}.ai-feedback__btn--correct:hover{background:var(--color-primary-50);border-color:var(--color-primary-300)}.ai-feedback__thanks{font-size:.75rem;color:var(--color-emerald-600);font-style:italic;animation:ai-feedback-fade .3s ease}@keyframes ai-feedback-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dashboard-welcome{background:linear-gradient(135deg,#1e3a5f 0%,var(--color-slate-900) 100%);border-radius:1.25rem;padding:2rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.dashboard-welcome:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);pointer-events:none}.dashboard-welcome-content{position:relative;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.dashboard-welcome-content{flex-direction:row;align-items:center;justify-content:space-between}}.dashboard-welcome-text{display:flex;flex-direction:column;gap:.25rem}.dashboard-welcome-wave{font-size:2rem;margin-bottom:.25rem;display:inline-block;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}}.dashboard-welcome-title{font-size:1.75rem;font-weight:700;margin:0;line-height:1.2}.dashboard-welcome-name{background:linear-gradient(90deg,var(--color-primary-400),var(--color-violet-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-welcome-subtitle{font-size:1rem;opacity:.8;margin:0;margin-top:.25rem}.dashboard-quick-actions{display:flex;flex-wrap:wrap;gap:.75rem}.dashboard-quick-action{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s}.dashboard-quick-action:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.dashboard-quick-action--primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-color:transparent;box-shadow:0 4px 12px #3b82f64d}.dashboard-quick-action--primary:hover{background:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-primary-500) 100%);box-shadow:0 6px 16px #3b82f666}.dashboard-attention{background:#fff;border-radius:1rem;border:1px solid var(--color-gray-200);padding:1.25rem;margin-bottom:1.5rem}.dashboard-attention-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;color:var(--color-gray-700)}.dashboard-attention-list{display:flex;flex-direction:column;gap:.75rem}.dashboard-attention-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:.75rem;font-size:.875rem}.dashboard-attention-item--critical{background:var(--color-danger-50);border:1px solid #fecaca;color:var(--color-danger-800)}.dashboard-attention-item--warning{background:var(--color-warning-50);border:1px solid #fde68a;color:var(--color-warning-800)}.dashboard-attention-item--info{background:var(--color-primary-50);border:1px solid var(--color-primary-200);color:var(--color-primary-800)}.dashboard-attention-item--success{background:#dcfce7;border:1px solid #86efac;color:#166534}.dashboard-attention-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.dashboard-attention-content{flex:1;display:flex;flex-direction:column;gap:.125rem}.dashboard-attention-title{font-weight:500;font-size:.875rem}.dashboard-attention-subtitle{font-size:.75rem;opacity:.8}.dashboard-attention-text{flex:1}.dashboard-attention-action{font-weight:500;text-decoration:underline;cursor:pointer}.dashboard-attention--empty{background:#f0fdf4;border-color:#bbf7d0}.dashboard-stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media(min-width:768px){.dashboard-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.dashboard-stats-grid{grid-template-columns:repeat(6,1fr)}}.dashboard-stat-card{background:#fff;border-radius:1rem;border:1px solid var(--color-gray-200);padding:1.25rem;position:relative;overflow:hidden;transition:all .2s}.dashboard-stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.dashboard-stat-card--clickable{cursor:pointer}.dashboard-stat-label{font-size:.75rem;font-weight:500;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.dashboard-stat-value{font-size:1.75rem;font-weight:700;color:var(--color-gray-900);line-height:1.2}.dashboard-stat-trend{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;margin-top:.5rem;padding:.25rem .5rem;border-radius:9999px}.dashboard-stat-trend--up{background:#dcfce7;color:#166534}.dashboard-stat-trend--down{background:var(--color-danger-50);color:var(--color-danger-800)}.dashboard-stat-trend--neutral{background:var(--color-gray-100);color:var(--color-gray-500)}.dashboard-stat-sub{font-size:.75rem;color:var(--color-gray-400);margin-top:.5rem}.dashboard-stat-icon{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;font-size:1.25rem}.dashboard-stat-icon--blue{background:var(--color-primary-100)}.dashboard-stat-icon--green{background:#dcfce7}.dashboard-stat-icon--amber{background:var(--color-warning-100)}.dashboard-stat-icon--purple{background:#f3e8ff}.dashboard-stat-icon--rose{background:#ffe4e6}.dashboard-stat-icon--slate{background:var(--color-slate-100)}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;margin-top:1.5rem}.dashboard-section-title{font-size:1.125rem;font-weight:600;color:var(--color-gray-900);display:flex;align-items:center;gap:.5rem}.dashboard-section-action{font-size:.875rem;color:var(--color-primary-500);text-decoration:none;font-weight:500}.dashboard-section-action:hover{text-decoration:underline}.dashboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:var(--color-gray-50);border-radius:1rem;border:2px dashed var(--color-gray-200)}.dashboard-empty-icon{font-size:3rem;margin-bottom:1rem}.dashboard-empty-title{font-size:1.125rem;font-weight:600;color:var(--color-gray-700);margin-bottom:.5rem}.dashboard-empty-text{font-size:.875rem;color:var(--color-gray-500);margin-bottom:1.5rem;max-width:300px}.projects-section{margin-top:2rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.section-title{font-size:1.25rem;font-weight:600;color:var(--color-gray-900);margin:0}.dashboard-projects-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}@media(max-width:639px){.dashboard-projects-grid{grid-template-columns:1fr!important}}@media(min-width:640px)and (max-width:1023px){.dashboard-projects-grid{grid-template-columns:repeat(2,1fr)!important}}.dashboard-project-card{background:#fff;border-radius:1rem;border:1px solid var(--color-gray-200);padding:1.25rem;display:flex;flex-direction:column;transition:all .2s ease;position:relative;overflow:hidden}.dashboard-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-violet-500));opacity:0;transition:opacity .2s}.dashboard-project-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px);border-color:var(--color-gray-300)}.dashboard-project-card:hover:before{opacity:1}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.project-title{font-size:1rem;font-weight:600;color:var(--color-gray-900);line-height:1.3}.project-desc{font-size:.8125rem;color:var(--color-gray-500);margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.project-meta{font-size:.75rem;color:var(--color-gray-400)}.project-meta-row{display:flex;align-items:center;gap:.25rem;margin-top:.25rem}.project-meta-row strong{color:var(--color-gray-700)}.status-badge{font-size:.625rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.status-completed{background:#dcfce7;color:#166534}.status-ongoing{background:var(--color-primary-100);color:var(--color-primary-800)}.status-planning{background:var(--color-gray-100);color:var(--color-gray-600)}.empty-project-card{background:var(--color-gray-50);border:2px dashed var(--color-gray-300);border-radius:1rem;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s;min-height:200px}.empty-project-card:hover{border-color:var(--color-primary-500);background:var(--color-primary-50)}.empty-icon{font-size:2rem;opacity:.6}.empty-title{font-size:.875rem;font-weight:500;color:var(--color-gray-500)}.activity-feed{background:#fff;border-radius:1rem;border:1px solid var(--color-gray-200);padding:1.25rem;margin-top:1.5rem}.activity-feed--empty{background:var(--color-gray-50)}.activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.activity-header h3{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin:0}.activity-see-all{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--color-primary-500);text-decoration:none;font-weight:500;background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:.375rem;transition:all .15s}.activity-see-all:hover{background:var(--color-primary-50)}.activity-collapse-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;color:var(--color-gray-500);cursor:pointer;border-radius:.375rem;transition:all .15s;padding:0}.activity-collapse-btn:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.activity-list{display:flex;flex-direction:column;gap:.75rem;overflow:hidden;transition:max-height .3s ease-in-out,opacity .2s ease-in-out}.activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.75rem;background:var(--color-gray-50);transition:all .15s;text-decoration:none;color:inherit}.activity-item:hover{background:var(--color-gray-100)}.activity-thumbnail{width:2.5rem;height:2.5rem;border-radius:.5rem;object-fit:cover;flex-shrink:0}.activity-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon--blue{background:var(--color-primary-100);color:var(--color-primary-600)}.activity-icon--purple{background:#f3e8ff;color:#9333ea}.activity-icon--green{background:#dcfce7;color:#16a34a}.activity-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.activity-title{font-size:.875rem;font-weight:500;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-subtitle{font-size:.75rem;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-time{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-gray-400);flex-shrink:0}.activity-item-skeleton{display:flex;align-items:center;gap:.75rem;padding:.75rem}.room-quick-links{margin-top:1rem;padding:.75rem;background:var(--color-slate-50);border-radius:.75rem;border:1px solid var(--color-slate-200)}.room-quick-links-header{font-size:.75rem;font-weight:600;color:var(--color-slate-500);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}.room-quick-links-list{display:flex;flex-wrap:wrap;gap:.5rem}.room-quick-link{display:inline-flex;align-items:center;padding:.375rem .75rem;background:#fff;border:1px solid var(--color-slate-200);border-radius:9999px;font-size:.8125rem;font-weight:500;color:var(--color-slate-600);text-decoration:none;transition:all .15s}.room-quick-link:hover{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff;transform:translateY(-1px)}.room-quick-link--completed{background:#dcfce7;border-color:#bbf7d0;color:#16a34a}.room-quick-link--completed:hover{background:#16a34a;border-color:#16a34a;color:#fff}.room-quick-links-more{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.8125rem;color:var(--color-slate-400)}.dashboard-progress{background:#fff;border-radius:1rem;border:1px solid var(--color-gray-200);padding:1.25rem;margin-bottom:1.5rem}.dashboard-progress-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;color:var(--color-gray-700)}.dashboard-progress-list{display:flex;flex-direction:column;gap:.75rem}.dashboard-progress-card{border:1px solid var(--color-gray-200);border-radius:.75rem;overflow:hidden;transition:box-shadow .2s}.dashboard-progress-card:hover{box-shadow:0 2px 8px #0000000f}.dashboard-progress-main{display:flex;align-items:center;gap:1rem;padding:1rem}.dashboard-progress-info{flex:1;min-width:0}.dashboard-progress-name{font-size:1rem;font-weight:600;color:var(--color-gray-900);text-decoration:none;display:block}.dashboard-progress-name:hover{color:var(--color-primary-500)}.dashboard-progress-phase{font-size:.8125rem;color:var(--color-gray-500);margin-top:.25rem}.dashboard-progress-eta{font-size:.75rem;color:var(--color-gray-400);margin-top:.25rem}.dashboard-progress-chevron{color:var(--color-gray-400);flex-shrink:0;transition:transform .2s}.dashboard-progress-chevron.rotated{transform:rotate(90deg)}.dashboard-progress-details{padding:0 1rem 1rem;border-top:1px solid var(--color-gray-100);display:flex;flex-direction:column;gap:1rem;animation:progressSlideDown .2s ease}@keyframes progressSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dashboard-progress-section{padding-top:.75rem}.dashboard-progress-section-title{font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.dashboard-progress-steps{margin:0;padding-left:1.25rem;font-size:.8125rem;color:var(--color-gray-700);display:flex;flex-direction:column;gap:.375rem}.dashboard-progress-steps li{line-height:1.4}.dashboard-progress-risks{display:flex;flex-wrap:wrap;gap:.5rem}.dashboard-progress-risk{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;padding:.375rem .625rem;border-radius:.5rem;border:1px solid}.dashboard-progress-rooms{display:flex;flex-direction:column;gap:.5rem}.dashboard-progress-room{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.dashboard-progress-room-badge{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;white-space:nowrap}.dashboard-progress-room-name{font-weight:500;color:var(--color-gray-900)}.dashboard-progress-room-note{color:var(--color-gray-500);font-size:.75rem}.progress-ring{flex-shrink:0}@media(max-width:640px){.dashboard-progress-main{gap:.75rem;padding:.75rem}.dashboard-progress-room{flex-wrap:wrap}}.db2{max-width:var(--page-max);margin:0 auto;padding-bottom:2rem}.db2-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.db2-header-left{display:flex;align-items:center;gap:.75rem}.db2-wave{font-size:1.75rem;animation:wave 2.5s ease-in-out infinite;display:inline-block}.db2-title{margin:0;font-size:1.35rem;font-weight:700;color:var(--color-slate-900);line-height:1.25}.db2-name{color:var(--color-slate-900, #0f172a);font-weight:800}.db2-subtitle{margin:.1rem 0 0;font-size:.82rem;color:var(--color-slate-400)}.db2-header-right{display:flex;gap:.5rem}.db2-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem 1rem;font-size:.82rem;font-weight:600;border-radius:.6rem;border:1px solid var(--color-slate-200);background:#fff;color:var(--color-gray-700);cursor:pointer;transition:all .15s}.db2-btn:hover{background:var(--color-slate-50);border-color:var(--color-slate-300)}.db2-btn--primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;border:none;box-shadow:0 2px 8px #3b82f64d}.db2-btn--primary:hover{background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-500));box-shadow:0 4px 14px #3b82f666;transform:translateY(-1px)}.db2-btn--ghost{background:none;border:none;font-size:1.1rem;padding:.4rem;color:var(--color-slate-400)}.db2-btn--ghost:hover{color:var(--color-slate-600)}.db2-settings{background:#fff;border:1px solid var(--color-slate-200);border-radius:.85rem;padding:1rem 1.25rem;margin-bottom:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.db2-settings-title{font-size:.9rem;font-weight:700;color:var(--color-slate-900);margin-bottom:.15rem}.db2-settings-hint{font-size:.75rem;color:var(--color-slate-400);margin:0 0 .75rem}.db2-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.db2-settings-item{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--color-gray-700);padding:.4rem .6rem;border-radius:.5rem;cursor:pointer;transition:background .15s}.db2-settings-item:hover{background:var(--color-slate-50)}.db2-settings-item input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-primary-500);cursor:pointer}.db2-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}@media(max-width:900px){.db2-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.db2-kpis{grid-template-columns:1fr}}.db2-kpi{background:#fff;border:1px solid var(--color-gray-200);border-radius:.85rem;padding:1rem;display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem;transition:all .2s;position:relative}.db2-kpi:hover{box-shadow:0 4px 16px #0000000f;transform:translateY(-1px);border-color:var(--color-gray-300)}.db2-kpi-icon{width:2.5rem;height:2.5rem;border-radius:.65rem;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.db2-kpi-body{display:flex;flex-direction:column;gap:0;min-width:0;flex:1}.db2-kpi-label{font-size:.68rem;font-weight:600;color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.04em}.db2-kpi-value{font-size:1.25rem;font-weight:700;color:var(--color-slate-900);line-height:1.3;font-variant-numeric:tabular-nums}.db2-kpi-extra{display:flex;gap:.75rem;width:100%}.db2-kpi-sub{font-size:.7rem;color:var(--color-slate-400)}.db2-kpi-bar-wrap{width:100%}.db2-kpi-bar{width:100%;height:5px;background:var(--color-slate-100);border-radius:3px;overflow:hidden;margin-top:.25rem}.db2-kpi-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.db2-kpi-bar-label{font-size:.65rem;color:var(--color-slate-400);margin-top:.15rem;display:block}.db2-shortcuts{display:flex;gap:.5rem;margin-bottom:1.25rem;overflow-x:auto;padding-bottom:.25rem}.db2-shortcut{display:flex;align-items:center;gap:.4rem;padding:.5rem .85rem;background:#fff;border:1px solid var(--color-gray-200);border-radius:2rem;font-size:.78rem;font-weight:600;color:var(--color-slate-600);text-decoration:none;white-space:nowrap;transition:all .15s}.db2-shortcut:hover{background:var(--color-slate-100);border-color:var(--color-slate-300);color:var(--color-slate-800);transform:translateY(-1px)}.db2-shortcut-icon{font-size:.9rem}.db2-shortcut-label{line-height:1}@media(max-width:640px){.db2-header{flex-direction:column;align-items:flex-start}.db2-header-right{width:100%}.db2-btn--primary{flex:1;justify-content:center}}.team-page{max-width:var(--page-max);margin:0 auto;padding:0 1rem 4rem;min-height:100%}.team-header{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);border-radius:20px;padding:32px;margin-bottom:24px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 40px #3b82f64d}.team-header-icon{width:56px;height:56px;border-radius:16px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}.team-header-icon svg{width:28px;height:28px;color:#fff}.team-header h1{font-size:28px;font-weight:800;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.team-header p{font-size:15px;color:#ffffffd9;margin:4px 0 0}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}@media(max-width:768px){.stats-row{grid-template-columns:1fr}}.stat-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-gray-100);display:flex;justify-content:space-between;align-items:flex-start;transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card .stat-value{font-size:2.5rem;font-weight:700;color:var(--color-gray-900);line-height:1}.stat-card .stat-label{font-size:.875rem;color:var(--color-gray-500);margin-top:.25rem}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026}.stat-icon.blue{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%)}.stat-icon.amber{background:linear-gradient(135deg,var(--color-warning-500) 0%,var(--color-warning-600) 100%)}.stat-icon.emerald{background:linear-gradient(135deg,var(--color-emerald-500) 0%,var(--color-emerald-600) 100%)}.stat-icon svg{width:24px;height:24px;color:#fff}.team-columns{display:grid;grid-template-columns:3fr 2fr;gap:1.5rem;margin-bottom:2rem}@media(max-width:1024px){.team-columns{grid-template-columns:1fr}}.team-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000f;border:1px solid var(--color-gray-200);transition:box-shadow .2s}.team-card:hover{box-shadow:0 8px 24px #00000014}.team-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.team-card-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f640}.team-card-icon svg{width:20px;height:20px;color:#fff}.team-card-header h2{font-size:1.125rem;font-weight:700;color:var(--color-gray-900);margin:0}.invite-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-gray-700);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-gray-200);border-radius:12px;font-size:.9375rem;transition:border-color .2s,box-shadow .2s;background:#fafafa}.form-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a;background:#fff}.form-input-icon{position:relative}.form-input-icon svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-gray-400)}.form-input-icon .form-input{padding-left:2.75rem}.form-select{width:100%;padding:.75rem 1rem;border:1px solid var(--color-gray-200);border-radius:12px;font-size:.9375rem;background:#fafafa;min-height:100px}.form-hint{font-size:.75rem;color:var(--color-gray-400);margin-top:.25rem}.role-selector{display:flex;gap:.5rem}.role-btn{flex:1;padding:.875rem 1rem;border-radius:12px;font-weight:500;font-size:.9375rem;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.role-btn.inactive{background:var(--color-gray-100);color:var(--color-gray-500)}.role-btn.inactive:hover{background:var(--color-gray-200)}.role-btn.active{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;box-shadow:0 4px 12px #3b82f64d}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #3b82f64d;margin-top:.5rem}.submit-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.quick-actions{display:flex;flex-direction:column;gap:.75rem}.quick-action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.125rem;background:#fafbfc;border:1px solid var(--color-gray-200);border-radius:12px;cursor:pointer;transition:all .25s ease;width:100%;text-align:left}.quick-action-btn:hover{background:#fff;border-color:var(--color-primary-500);box-shadow:0 6px 20px #3b82f626;transform:translateY(-2px)}.quick-action-icon{width:40px;height:40px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;transition:all .25s ease}.quick-action-btn:hover .quick-action-icon{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);box-shadow:0 4px 12px #3b82f64d}.quick-action-icon svg{width:20px;height:20px;color:var(--color-gray-500);transition:color .25s ease}.quick-action-btn:hover .quick-action-icon svg{color:#fff}.quick-action-btn span{font-size:.9375rem;font-weight:500;color:var(--color-gray-700)}.members-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;border:1px solid var(--color-gray-200);overflow:visible;margin-bottom:2rem}.members-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-gray-100);background:linear-gradient(to bottom,#fff,#fafbfc)}.members-header-left{display:flex;align-items:center;gap:.75rem}.members-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--color-indigo-500) 0%,var(--color-indigo-600) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f140}.members-icon svg{width:20px;height:20px;color:#fff}.members-header h2{font-size:1.125rem;font-weight:700;color:var(--color-gray-900);margin:0}.members-header .count{font-size:.75rem;color:var(--color-indigo-500);font-weight:500}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-gray-100);border:none;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-gray-700);transition:background .2s}.refresh-btn:hover{background:var(--color-gray-200)}.refresh-btn:active{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff}.refresh-btn svg{width:16px;height:16px}.members-table{width:100%;border-collapse:collapse}.members-table thead{background:var(--color-gray-50)}.members-table th{text-align:left;padding:1rem 1.5rem;font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.members-table th:last-child{text-align:right}.members-table td{padding:1rem 1.5rem;border-top:1px solid var(--color-gray-100)}.members-table tr{transition:background .15s ease}.members-table tr:hover{background:#f0f9ff}.member-info{display:flex;align-items:center;gap:.75rem}.member-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-indigo-500) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;box-shadow:0 4px 12px #3b82f640}.member-name{font-weight:500;color:var(--color-gray-900)}.member-email{font-size:.875rem;color:var(--color-gray-500)}.badge{display:inline-block;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-role{background:var(--color-primary-50);color:var(--color-primary-500)}.badge-role.leader{background:var(--color-warning-100);color:var(--color-warning-600)}.badge-status-active{background:var(--color-success-100);color:var(--color-emerald-600)}.badge-status-pending{background:var(--color-warning-100);color:var(--color-warning-600)}.badge-status-revoked{background:var(--color-danger-100);color:var(--color-danger-600)}.action-menu-container{position:relative}.action-menu-btn{padding:.5rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.action-menu-btn:hover{background:var(--color-gray-100)}.action-menu-btn svg{width:20px;height:20px;color:var(--color-gray-500)}.action-menu{position:absolute;right:0;bottom:100%;margin-bottom:.25rem;width:180px;background:#fff;border-radius:12px;box-shadow:0 -10px 25px #00000026;border:1px solid var(--color-gray-100);padding:.5rem;z-index:100}.action-menu button{display:block;width:100%;padding:.625rem .75rem;text-align:left;background:transparent;border:none;border-radius:8px;font-size:.875rem;color:var(--color-gray-700);cursor:pointer;transition:background .2s}.action-menu button:hover{background:var(--color-gray-100)}.action-menu button.danger{color:var(--color-danger-600)}.action-menu button.danger:hover{background:var(--color-danger-50)}.action-menu button.success{color:var(--color-emerald-600)}.action-menu button.success:hover{background:var(--color-success-50)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.empty-state-icon svg{width:40px;height:40px;color:var(--color-gray-400)}.empty-state h3{font-size:1rem;font-weight:500;color:var(--color-gray-500);margin:0 0 .25rem}.empty-state p{font-size:.875rem;color:var(--color-gray-400);margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.loading-state svg{width:32px;height:32px;color:var(--color-gray-400);animation:spin 1s linear infinite;margin-bottom:.75rem}.loading-state p{font-size:.875rem;color:var(--color-gray-400)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.no-access-icon{width:80px;height:80px;border-radius:50%;background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.no-access-icon svg{width:40px;height:40px;color:var(--color-gray-400)}.no-access h2{font-size:1.25rem;font-weight:700;color:var(--color-gray-900);margin:0 0 .5rem}.no-access p{color:var(--color-gray-500);max-width:400px;margin:0}.invite-grid-section{margin-top:1.25rem;padding:1rem;background:var(--color-gray-50, #f8fafc);border:1px solid var(--color-gray-200, #e2e8f0);border-radius:12px}.invite-grid-section.invite-grid-advanced{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.invite-grid-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--color-gray-700, #374151);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.04em}.invite-grid-hint{font-weight:400;color:var(--color-gray-500, #6b7280);text-transform:none;letter-spacing:0;margin-left:auto;font-size:12px}.invite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem}.invite-grid-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#fff;border:1px solid var(--color-gray-200, #e2e8f0);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.invite-grid-item:hover{border-color:var(--color-indigo-300, #a5b4fc);background:var(--color-indigo-50, #eef2ff)}.invite-grid-item input[type=checkbox]{margin-top:2px;flex-shrink:0}.invite-grid-label{font-size:13px;font-weight:600;color:var(--color-gray-900, #0f172a)}.invite-grid-desc{font-size:11px;color:var(--color-gray-500, #6b7280);margin-top:2px}.invite-radio-row{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;background:#fff;border:1px solid var(--color-gray-200, #e2e8f0);border-radius:8px;cursor:pointer;margin-bottom:6px}.invite-radio-row>span{display:flex;flex-direction:column}.invite-room-list{margin-top:8px;padding:8px;background:#fff;border:1px dashed var(--color-gray-300, #cbd5e1);border-radius:8px;max-height:200px;overflow-y:auto}.invite-room-empty{font-size:12px;color:var(--color-gray-500, #6b7280);margin:0;padding:8px}.invite-room-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;font-size:13px;cursor:pointer}.invite-room-item:hover{background:var(--color-gray-100, #f3f4f6)}