@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--primary-50: #f0f4ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-800: #3730a3;--primary-900: #312e81;--accent-50: #ecfeff;--accent-100: #cffafe;--accent-200: #a5f3fc;--accent-300: #67e8f9;--accent-400: #22d3ee;--accent-500: #06b6d4;--accent-600: #0891b2;--accent-700: #0e7490;--neutral-0: #ffffff;--neutral-50: #fafaf9;--neutral-100: #f5f5f4;--neutral-200: #e7e5e4;--neutral-300: #d6d3d1;--neutral-400: #a8a29e;--neutral-500: #78716c;--neutral-600: #57534e;--neutral-700: #44403c;--neutral-800: #292524;--neutral-900: #1c1917;--success-50: #f0fdf4;--success-500: #10b981;--success-700: #047857;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-700: #b45309;--error-50: #fef2f2;--error-500: #ef4444;--error-700: #b91c1c;--font-display: "Space Grotesk", -apple-system, system-ui, sans-serif;--font-body: "Inter", -apple-system, system-ui, sans-serif;--text-xs: clamp(.75rem, .72rem + .15vw, .8125rem);--text-sm: clamp(.875rem, .84rem + .175vw, .9375rem);--text-base: clamp(1rem, .96rem + .2vw, 1.0625rem);--text-lg: clamp(1.125rem, 1.06rem + .325vw, 1.25rem);--text-xl: clamp(1.25rem, 1.16rem + .45vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.35rem + .75vw, 2rem);--text-3xl: clamp(1.875rem, 1.6rem + 1.375vw, 2.5rem);--text-4xl: clamp(2.25rem, 1.85rem + 2vw, 3.5rem);--text-5xl: clamp(3rem, 2.3rem + 3.5vw, 4.5rem);--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--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-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15), 0 8px 10px rgba(0, 0, 0, .05);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .5s cubic-bezier(.25, .46, .45, .94);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-modal: 1050;--z-tooltip: 1070}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{min-height:100vh;min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:1.6;color:var(--neutral-900);background:linear-gradient(135deg,var(--neutral-50) 0%,var(--neutral-100) 100%);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:1.2;letter-spacing:-.02em;color:var(--neutral-900);margin-bottom:var(--space-4)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4);line-height:1.7;color:var(--neutral-600)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}a:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.app-container{min-height:100vh;min-height:100dvh;width:100%;position:relative;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh;isolation:isolate}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.container-fluid{width:100%;padding:0 var(--space-6)}.section{padding:var(--space-20) 0}.card{background:var(--neutral-0);border-radius:var(--radius-2xl);border:1px solid var(--neutral-200);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card-hover{cursor:pointer;-webkit-user-select:none;user-select:none}.card-hover:active{transform:translateY(-2px) scale(.99)}.card-elevated{box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1;border:none;border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all var(--transition-base);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.3),transparent 70%);opacity:0;transition:opacity var(--transition-base)}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--neutral-0);box-shadow:0 4px 12px #6366f140}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 6px 16px #6366f159;transform:translateY(-2px)}.btn-secondary:hover{background:var(--neutral-50);border-color:var(--neutral-400);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--error-500),var(--error-700));color:var(--neutral-0);box-shadow:0 4px 12px #ef444440}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.input-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--neutral-700);margin-bottom:var(--space-1)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--neutral-900);background:var(--neutral-0);border:1.5px solid var(--neutral-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.textarea{min-height:120px;resize:vertical}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a8a29e' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-full);white-space:nowrap}.glass-dark{background:#1c1917bf;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.1);color:var(--neutral-50)}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--primary-100);border-top-color:var(--primary-500);border-radius:var(--radius-full);animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--neutral-200) 0%,var(--neutral-100) 50%,var(--neutral-200) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.divider-vertical{width:1px;min-height:100%;background:var(--neutral-200);margin:0 var(--space-4)}.gradient-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-700))}.gradient-accent{background:linear-gradient(135deg,var(--accent-500),var(--accent-700))}.gradient-text{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-soft{box-shadow:0 2px 8px #0000000a}.shadow-elevated{box-shadow:0 4px 12px #00000014}.shadow-float{box-shadow:0 8px 24px #0000001f}.shadow-colored-primary{box-shadow:0 10px 30px #6366f133}.shadow-colored-accent{box-shadow:0 10px 30px #06b6d433}.block{display:block}.inline-block{display:inline-block}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-1{gap:var(--space-1)}.gap-3{gap:var(--space-3)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-light{font-weight:var(--weight-light)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-primary{color:var(--primary-600)}.text-neutral{color:var(--neutral-600)}.text-success{color:var(--success-500)}.text-error{color:var(--error-500)}.bg-white{background:var(--neutral-0)}.bg-neutral-50{background:var(--neutral-50)}.bg-neutral-100{background:var(--neutral-100)}.rounded-2xl{border-radius:var(--radius-2xl)}.select-text{-webkit-user-select:text;user-select:text}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh;min-height:100dvh}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-spin{animation:spin 1s linear infinite}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-fadeInUp{animation:fadeInUp .5s ease-out}.animate-slideInRight{animation:slideInRight .5s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-400),var(--primary-600));border-radius:var(--radius-full);border:3px solid var(--neutral-100);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-500),var(--primary-700))}*{scrollbar-width:thin;scrollbar-color:var(--primary-500) var(--neutral-100)}::selection{background:var(--primary-200);color:var(--primary-900)}::-moz-selection{background:var(--primary-200);color:var(--primary-900)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus{outline:none}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}@media (max-width: 767px){:root{--text-5xl: clamp(2.5rem, 8vw, 3.5rem);--text-4xl: clamp(2rem, 6vw, 3rem)}.btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.card{padding:var(--space-4)}.container{padding:0 var(--space-3)}}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:text-left{text-align:left}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn:hover,.card-hover:hover{transform:none!important}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important}a[href]:after{content:" (" attr(href) ")"}img{page-break-inside:avoid}h2,h3{page-break-after:avoid}}.auth-container{display:flex;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.auth-image-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;position:relative;overflow:hidden}.auth-image-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.auth-image-wrapper{position:relative;z-index:1;max-width:500px;width:100%;filter:drop-shadow(0 20px 40px rgba(0,0,0,.1))}.auth-image{width:100%;height:auto;object-fit:contain}.auth-image-text{position:relative;z-index:1;text-align:center;margin-top:3rem;max-width:500px}.auth-image-text h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:1rem;line-height:1.2}.auth-image-text p{font-size:1.125rem;color:#64748b;line-height:1.6}.auth-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-form-container{width:100%;max-width:480px;background:#fff;padding:3rem;border-radius:24px;box-shadow:0 20px 60px #0000001a}.auth-header{margin-bottom:2.5rem;text-align:center}.auth-header h1{font-size:2.25rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.auth-header p{font-size:.9375rem;color:#64748b}form{display:flex;flex-direction:column;gap:1.5rem}.input-group{position:relative}.domain-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#2563eb;font-size:.875rem;margin-bottom:1.5rem}.domain-warning svg{flex-shrink:0}.error-message{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;padding:.5rem .75rem;background:#ef44441a;border-radius:6px;color:#dc2626;font-size:.8125rem;font-weight:500}.error-message.api-error{margin-top:0;margin-bottom:1.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.input-wrapper{position:relative;display:flex;align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease}.input-wrapper.active{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.input-wrapper.error{border-color:#ef4444;background:#ef44440d}.input-wrapper.error:focus-within{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.input-wrapper:hover{border-color:#cbd5e1}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;transition:color .3s ease;pointer-events:none;z-index:10000;width:20px;height:20px}.input-wrapper.active .input-icon{color:#3b82f6}input{width:100%;padding:1rem 1rem 1rem 3rem;border:none;background:transparent;font-size:1rem;color:#1e293b;outline:none;z-index:1}input::placeholder{color:#94a3b8;opacity:.7}select.select-input{width:100%;padding:1rem 3rem;border:none;background:transparent;font-size:1rem;color:#1e293b;outline:none;z-index:1;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:20px}select.select-input option{background:#fff;color:#1e293b;padding:.5rem}select.select-input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.input-group label,.input-wrapper label{position:absolute;left:3rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem;pointer-events:none;transition:all .3s ease;background:transparent;padding:0 .5rem;z-index:10000}.input-group label.active,.input-wrapper label.active{top:-.75rem;left:2.5rem;font-size:.75rem;color:#3b82f6;background:#fff;font-weight:500;padding:0 .5rem}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;z-index:10000;transition:color .3s ease}.password-toggle:hover{color:#3b82f6}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:-.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#64748b}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer;accent-color:#3b82f6}.forgot-link{background:none;border:none;color:#3b82f6;text-decoration:none;font-size:.875rem;font-weight:500;cursor:pointer;padding:0;transition:color .3s ease}.forgot-link:hover{color:#2563eb}.submit-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;margin-top:.5rem}.submit-button:hover:not(:disabled){transform:translateY(-2px)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.loader{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%}.auth-footer{margin-top:2rem;text-align:center;font-size:.9375rem;color:#64748b}.link-button{background:none;border:none;color:#3b82f6;font-weight:600;cursor:pointer;padding:0;font-size:inherit;transition:color .3s ease}.link-button:hover{color:#2563eb}.name-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.terms-checkbox{display:flex;align-items:flex-start;gap:.75rem;margin-top:.5rem}.terms-checkbox input[type=checkbox]{width:auto;margin-top:.25rem;cursor:pointer;accent-color:#3b82f6}.terms-checkbox label,.checkbox-label label{position:static!important;transform:none!important;font-size:.875rem;color:#64748b;line-height:1.5;cursor:pointer;padding:0;background:none;top:auto!important;left:auto!important}.terms-checkbox a{color:#3b82f6;text-decoration:none;font-weight:500}.terms-checkbox a:hover{text-decoration:underline}.password-strength-container{margin-top:.75rem;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.password-strength-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.password-strength-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:3px}.password-strength-label{font-size:.75rem;font-weight:600;margin-bottom:.5rem;text-align:right}.password-requirements{display:flex;flex-direction:column;gap:.375rem}.requirement{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#64748b;transition:color .2s ease}.requirement svg{flex-shrink:0;color:#94a3b8;transition:color .2s ease}.requirement.met{color:#22c55e}.requirement.met svg{color:#22c55e}@media (max-width: 1024px){.auth-container{flex-direction:column}.auth-image-section{padding:2rem;min-height:40vh}.auth-image-text h2{font-size:2rem}.auth-form-section{padding:2rem 1rem}.auth-form-container{padding:2rem}}@media (max-width: 640px){.auth-image-section{padding:1.5rem;min-height:30vh}.auth-image-text h2{font-size:1.5rem}.auth-image-text p{font-size:1rem}.auth-form-container{padding:1.5rem}.auth-header h1{font-size:1.75rem}.name-inputs{grid-template-columns:1fr}.form-options{flex-direction:column;gap:1rem;align-items:flex-start}}.forgot-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.forgot-password-background{position:absolute;inset:0;overflow:hidden;z-index:0}.forgot-password-container{position:relative;z-index:1;width:100%;max-width:480px}.forgot-password-form-container,.success-message-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.3)}.forgot-password-header{text-align:center;margin-bottom:2.5rem}.forgot-password-header h1{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.75rem}.forgot-password-header p{font-size:1rem;color:#64748b;line-height:1.6;max-width:360px;margin:0 auto}.input-icon{position:absolute;left:1rem;color:#94a3b8;pointer-events:none}.input-wrapper input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;color:#1e293b;background:#fff;transition:all .3s ease}.success-message-container p strong{color:#1e293b;font-weight:600}@media (max-width: 640px){.forgot-password-page{padding:1rem}.forgot-password-form-container,.success-message-container{padding:2rem 1.5rem;border-radius:20px}.forgot-password-header h1{font-size:1.75rem}.forgot-password-header p{font-size:.95rem}.icon-wrapper{width:70px;height:70px}.success-icon{width:80px;height:80px}.success-message-container h2{font-size:1.5rem}}.reset-password-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.reset-password-background{position:absolute;inset:0;overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.gradient-orb.orb-1{width:500px;height:500px;background:radial-gradient(circle,#6366f1cc,#6366f100 70%);top:-10%;left:-10%;animation-delay:0s}.gradient-orb.orb-2{width:400px;height:400px;background:radial-gradient(circle,#8b5cf6cc,#8b5cf600 70%);bottom:-10%;right:-10%;animation-delay:7s}.gradient-orb.orb-3{width:350px;height:350px;background:radial-gradient(circle,#ec4899cc,#ec489900 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}.reset-password-container{position:relative;z-index:1;width:100%;max-width:500px}.back-button{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem 1.25rem;border-radius:12px;font-size:.95rem;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;margin-bottom:1.5rem}.back-button:hover{background:#ffffff26;border-color:#ffffff4d}.reset-password-form-container,.success-message-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.3)}.reset-password-header{text-align:center;margin-bottom:2.5rem}.icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin-bottom:1.5rem;color:#fff;box-shadow:0 10px 30px #667eea4d}.reset-password-header h1{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.75rem}.reset-password-header p{font-size:1rem;color:#64748b;line-height:1.6;max-width:380px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.95rem;font-weight:600;color:#334155;margin-bottom:.5rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#94a3b8;pointer-events:none;z-index:10000}.input-wrapper input{width:100%;padding:1rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;color:#1e293b;background:#fff;transition:all .3s ease}.input-wrapper input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-wrapper input:disabled{background:#f1f5f9;cursor:not-allowed}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;z-index:2;transition:color .3s ease}.password-toggle:hover{color:#667eea}.error-message{display:flex;align-items:center;gap:.75rem;background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.95rem;overflow:hidden}.error-message svg{flex-shrink:0}.password-requirements{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;margin-bottom:1.5rem}.requirements-title{font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:.5rem}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{font-size:.875rem;color:#94a3b8;padding:.25rem 0 .25rem 1.5rem;position:relative;transition:color .3s ease}.password-requirements li:before{content:"○";position:absolute;left:0;color:#cbd5e1;font-weight:700}.password-requirements li.valid{color:#10b981}.password-requirements li.valid:before{content:"✓";color:#10b981}.submit-button{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-button:disabled{opacity:.6;cursor:not-allowed}.loader{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%}.success-message-container{text-align:center;padding:3rem 2rem}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;margin-bottom:1.5rem;box-shadow:0 10px 30px #10b9814d}.success-message-container h2{font-size:1.75rem;font-weight:700;color:#1a202c;margin-bottom:1rem}.success-message-container p{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:.75rem}.success-note{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:1rem;margin-top:1.5rem;font-size:.95rem}.redirect-note{margin-top:1.5rem;font-size:.9rem;color:#94a3b8;font-style:italic}@media (max-width: 640px){.reset-password-page{padding:1rem}.reset-password-form-container,.success-message-container{padding:2rem 1.5rem;border-radius:20px}.reset-password-header h1{font-size:1.75rem}.reset-password-header p{font-size:.95rem}.icon-wrapper{width:70px;height:70px}.success-icon{width:80px;height:80px}.success-message-container h2{font-size:1.5rem}}.verification-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.verification-card{position:relative;max-width:600px;width:100%;background:#fff;padding:3rem 2.5rem;border-radius:24px;box-shadow:0 20px 60px #0000001a;text-align:center;z-index:1}.verification-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:140px;height:140px;margin-bottom:2rem}.verification-icon-bg{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;opacity:.5}.verification-icon{position:relative;z-index:1;color:#3b82f6;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.flying-envelope{position:absolute;color:#3b82f6;top:50%;left:50%;transform:translate(-50%,-50%)}.verification-header{margin-bottom:2.5rem}.verification-header h1{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.verification-header p{font-size:1rem;color:#64748b;margin-bottom:.75rem}.verification-email{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:2px solid rgba(59,130,246,.2);border-radius:12px;color:#2563eb;font-weight:600;font-size:1rem;word-break:break-all}.verification-instructions{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;text-align:left}.instruction-item{display:flex;gap:1rem;align-items:flex-start}.instruction-number{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:50%;font-weight:700;font-size:1rem}.instruction-text{flex:1}.instruction-text strong{display:block;color:#1e293b;font-size:1rem;margin-bottom:.25rem}.instruction-text p{color:#64748b;font-size:.875rem;margin:0}.success-message{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:12px;color:#22c55e;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.success-message svg{flex-shrink:0}.error-message-verification{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#ef4444;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.error-message-verification svg{flex-shrink:0}.verification-actions{margin-bottom:2rem}.resend-text{color:#64748b;font-size:.9375rem;margin-bottom:1rem}.countdown-text{color:#94a3b8;font-size:.875rem}.countdown-number{font-weight:700;color:#3b82f6}.resend-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f633}.resend-button:hover:not(:disabled){box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.resend-button:disabled{opacity:.7;cursor:not-allowed}.resend-button svg{flex-shrink:0}.verification-footer{padding-top:2rem;border-top:1px solid #e2e8f0}.back-to-login{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:#64748b;font-size:.9375rem;font-weight:500;cursor:pointer;transition:color .2s ease;padding:.5rem 1rem}.back-to-login:hover{color:#3b82f6}.back-to-login svg{flex-shrink:0}.circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%)}.circle-1{width:400px;height:400px;top:-100px;right:-100px}.circle-2{width:300px;height:300px;bottom:-50px;left:-50px}.circle-3{width:200px;height:200px;top:50%;left:10%;transform:translateY(-50%)}@media (max-width: 768px){.verification-card{padding:2.5rem 2rem}.verification-header h1{font-size:1.75rem}.verification-icon-wrapper{width:120px;height:120px}.verification-icon{width:56px;height:56px}.verification-email{font-size:.9375rem;padding:.625rem 1.25rem}.instruction-number{width:32px;height:32px;font-size:.875rem}.instruction-text strong{font-size:.9375rem}.instruction-text p{font-size:.8125rem}}@media (max-width: 480px){.verification-container{padding:1rem}.verification-card{padding:2rem 1.5rem}.verification-header h1{font-size:1.5rem}.verification-icon-wrapper{width:100px;height:100px}.verification-icon{width:48px;height:48px}.verification-email{font-size:.875rem;padding:.5rem 1rem}.instruction-item{gap:.75rem}.resend-button{width:100%;justify-content:center}.circle-1{width:250px;height:250px}.circle-2{width:200px;height:200px}.circle-3{width:150px;height:150px}}.verification-result-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.verification-result-container.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.verification-result-container.failed{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.verification-result-container .verification-result-card.loading{background:linear-gradient(135deg,#f5f7fa,#e2e8f0);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.verification-result-card{position:relative;max-width:700px;width:100%;background:#fff;padding:3rem 2.5rem;border-radius:24px;box-shadow:0 20px 60px #0000001a;text-align:center;z-index:1}.loading-spinner{color:#3b82f6;margin-bottom:1rem}.verification-result-card.loading h2{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.verification-result-card.loading p{color:#64748b;font-size:1rem}.status-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;margin-bottom:1.5rem}.success-icon{background:linear-gradient(135deg,#22c55e1a,#16a34a1a);color:#22c55e}.failed-icon{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:#ef4444}.result-image-wrapper{position:relative;display:inline-block;margin-bottom:2rem}.result-image{width:280px;height:auto;max-width:100%;object-fit:contain}.celebration-particle{position:absolute;font-size:2rem;pointer-events:none}.celebration-particle.particle-1{top:20%;left:10%}.celebration-particle.particle-2{top:20%;right:10%}.celebration-particle.particle-3{top:30%;left:50%;transform:translate(-50%)}.sad-particle{position:absolute;font-size:1.5rem;pointer-events:none}.sad-particle.particle-1{top:25%;left:15%}.sad-particle.particle-2{top:25%;right:15%}.result-content{margin-bottom:2rem}.success-title{font-size:2rem;font-weight:700;color:#166534;margin-bottom:1rem;line-height:1.2}.success-message{font-size:1.125rem;color:#15803d;margin-bottom:1.5rem}.verified-email-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border:2px solid rgba(34,197,94,.3);border-radius:12px;color:#15803d;font-weight:600;font-size:.9375rem;margin-bottom:1.5rem}.verified-email-badge svg{flex-shrink:0;color:#22c55e}.success-subtext{color:#64748b;font-size:.9375rem;line-height:1.6}.failed-title{font-size:1.875rem;font-weight:700;color:#991b1b;margin-bottom:1rem;line-height:1.2}.failed-message{font-size:1.0625rem;color:#b91c1c;margin-bottom:1.5rem}.failure-reasons{background:#ef44440d;border-left:4px solid #ef4444;padding:1.25rem;border-radius:8px;text-align:left;margin-bottom:1.5rem}.failure-reasons p{color:#64748b;font-size:.9375rem;font-weight:600;margin-bottom:.75rem}.failure-reasons ul{list-style:none;padding:0;margin:0}.failure-reasons li{color:#64748b;font-size:.875rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.failure-reasons li:before{content:"•";position:absolute;left:.5rem;color:#ef4444;font-weight:700}.support-contact{margin-bottom:2rem}.support-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;padding:2rem;text-align:center}.support-box h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.support-box>p{color:#64748b;font-size:.9375rem;margin-bottom:1.25rem}.support-team{display:flex;justify-content:center;margin-bottom:1.25rem}.team-badge{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;text-align:left}.team-badge svg{flex-shrink:0;color:#3b82f6}.team-badge strong{display:block;color:#1e293b;font-size:1rem;margin-bottom:.25rem}.team-badge a{display:block;color:#3b82f6;font-size:.875rem;text-decoration:none;transition:color .2s ease}.team-badge a:hover{color:#2563eb;text-decoration:underline}.support-note{color:#64748b;font-size:.875rem;line-height:1.6;margin:0}.auto-redirect-notice{padding:1rem 1.5rem;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:2px solid rgba(59,130,246,.2);border-radius:12px;margin-bottom:1.5rem}.auto-redirect-notice p{color:#1e40af;font-size:.9375rem;margin:0}.auto-redirect-notice strong{color:#1e3a8a;font-weight:700}.result-actions{margin-top:2rem}.continue-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.continue-button.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.continue-button.success:hover{box-shadow:0 8px 24px #22c55e4d;transform:translateY(-2px)}.continue-button.secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.continue-button.secondary:hover{box-shadow:0 8px 24px #3b82f64d;transform:translateY(-2px)}.continue-button svg{flex-shrink:0}.decorative-circles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.decorative-circles .circle{position:absolute;border-radius:50%}.decorative-circles.success .circle-1{width:400px;height:400px;top:-100px;right:-100px;background:radial-gradient(circle,rgba(34,197,94,.2) 0%,transparent 70%)}.decorative-circles.success .circle-2{width:300px;height:300px;bottom:-50px;left:-50px;background:radial-gradient(circle,rgba(22,163,74,.15) 0%,transparent 70%)}.decorative-circles.failed .circle-1{width:400px;height:400px;top:-100px;right:-100px;background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%)}.decorative-circles.failed .circle-2{width:300px;height:300px;bottom:-50px;left:-50px;background:radial-gradient(circle,rgba(220,38,38,.1) 0%,transparent 70%)}@media (max-width: 768px){.verification-result-card{padding:2.5rem 2rem}.status-icon{width:64px;height:64px}.status-icon svg{width:48px;height:48px}.result-image{width:220px}.success-title,.failed-title{font-size:1.5rem}.success-message,.failed-message{font-size:1rem}.celebration-particle,.sad-particle{font-size:1.5rem}.support-box{padding:1.5rem}.team-badge{flex-direction:column;text-align:center;gap:.75rem}}@media (max-width: 480px){.verification-result-container{padding:1rem}.verification-result-card{padding:2rem 1.5rem}.status-icon{width:56px;height:56px}.status-icon svg{width:40px;height:40px}.result-image{width:180px}.success-title,.failed-title{font-size:1.375rem}.verified-email-badge{font-size:.875rem;padding:.625rem 1.25rem;word-break:break-all}.continue-button{width:100%;justify-content:center;padding:.875rem 1.5rem}.support-box{padding:1.25rem}.team-badge{padding:1rem}.decorative-circles.success .circle-1,.decorative-circles.failed .circle-1{width:250px;height:250px}.decorative-circles.success .circle-2,.decorative-circles.failed .circle-2{width:200px;height:200px}}.modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-backdrop{position:absolute;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{position:relative;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:540px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to bottom,#f9fafb,#fff)}.modal-header-content{display:flex;gap:1rem;align-items:flex-start}.modal-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0;line-height:1.4}.modal-subtitle{font-size:.875rem;color:#6b7280;margin:.25rem 0 0;line-height:1.4}.modal-close-btn{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.modal-close-btn:hover:not(:disabled){background:#f3f4f6;color:#111827}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-body{flex:1;overflow-y:auto;padding:1.5rem}.modal-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.form-group{display:flex;flex-direction:column;gap:0;width:100%;margin-bottom:0}.form-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem;line-height:1.5;position:relative;z-index:1}.form-label svg{flex-shrink:0;width:16px;height:16px}.form-label-required span:after{content:" *";color:#ef4444}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;font-size:.9375rem;line-height:1.5;color:#111827;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;transition:all .2s;outline:none;box-sizing:border-box;position:relative;z-index:0}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af;opacity:1}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-input-error{border-color:#ef4444!important}.form-input-error:focus{box-shadow:0 0 0 3px #ef44441a!important}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;padding-right:2.5rem}.form-hint{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#6b7280;margin:.375rem 0 0;line-height:1.4}.form-error{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#ef4444;margin:.375rem 0 0;line-height:1.4}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;line-height:1.5;border-radius:10px;border:none;cursor:pointer;transition:all .2s;outline:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#374151;border:1.5px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 4px 6px -1px #667eea4d}.btn-primary:hover:not(:disabled){box-shadow:0 10px 15px -3px #667eea66;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-spinner{animation:spin 1s linear infinite}@media (max-width: 640px){.modal-overlay{padding:.5rem}.modal-container{border-radius:12px}.modal-header{padding:1rem}.modal-icon{width:40px;height:40px}.modal-title{font-size:1.125rem}.modal-subtitle{font-size:.8125rem}.modal-body{padding:1rem}.modal-footer{padding:1rem;flex-direction:column-reverse}.btn{width:100%}}.edit-project-code-modal{background:#fff;border-radius:16px;max-width:540px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative}.edit-project-code-modal .modal-header{padding:24px 28px;border-bottom:1px solid #e5e7eb;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.edit-project-code-modal .modal-header-content{display:flex;align-items:flex-start;gap:16px;flex:1}.edit-project-code-modal .modal-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.edit-project-code-modal .modal-title-section{flex:1}.edit-project-code-modal .modal-header h2{font-size:20px;font-weight:600;color:#111827;margin:0 0 4px}.edit-project-code-modal .modal-subtitle{font-size:14px;color:#6b7280;margin:0}.edit-project-code-modal .modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;flex-shrink:0}.edit-project-code-modal .modal-close-btn:hover:not(:disabled){background:#f3f4f6;color:#111827}.edit-project-code-modal .modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.edit-project-code-modal .modal-body{padding:24px 28px;display:flex;flex-direction:column;gap:20px}.current-code-display{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.current-code-display .form-label{font-size:13px;font-weight:500;color:#6b7280;margin:0}.current-code-value{font-size:16px;font-weight:600;color:#111827;font-family:Monaco,Courier New,monospace;background:#fff;padding:8px 12px;border-radius:6px;border:1px solid #d1d5db}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:#374151;display:flex;align-items:center;gap:4px}.required-asterisk{color:#ef4444}.form-input{padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:15px;color:#111827;transition:all .2s;font-family:Monaco,Courier New,monospace}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.form-input-error{border-color:#ef4444}.form-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-hint{font-size:13px;color:#6b7280;line-height:1.5}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.success-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;font-size:14px}.warning-box{display:flex;gap:12px;padding:12px 16px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:13px;line-height:1.5}.warning-box svg{flex-shrink:0;margin-top:2px}.warning-content strong{font-weight:600}.edit-project-code-modal .modal-footer{padding:16px 28px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#f9fafb;border-radius:0 0 16px 16px}.modal-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.modal-btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.modal-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.modal-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 1px 2px #0000000d}.modal-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.modal-btn-primary:active:not(:disabled){transform:translateY(0)}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.edit-project-code-modal{max-width:95%;margin:20px}.edit-project-code-modal .modal-header,.edit-project-code-modal .modal-body,.edit-project-code-modal .modal-footer{padding-left:20px;padding-right:20px}.modal-footer{flex-direction:column}.modal-btn{width:100%}}.loading-spinner-container{display:flex;align-items:center;justify-content:center;min-height:300px;padding:60px 20px}.loading-spinner-content{display:flex;flex-direction:column;align-items:center;gap:24px}.loading-spinner-wrapper{position:relative;width:80px;height:80px}.loading-spinner{position:relative;width:100%;height:100%}.loading-spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-radius:50%}.loading-spinner-ring:nth-child(1){border-top-color:#3b82f6;animation:spin-ring-1 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.loading-spinner-ring:nth-child(2){border-right-color:#60a5fa;animation:spin-ring-2 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;animation-delay:.15s}.loading-spinner-ring:nth-child(3){border-bottom-color:#93c5fd;animation:spin-ring-3 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;animation-delay:.3s}@keyframes spin-ring-1{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes spin-ring-2{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.9)}to{transform:rotate(360deg) scale(1)}}@keyframes spin-ring-3{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}.loading-message{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:500;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.loading-dots{display:inline-flex;gap:2px;width:24px}.loading-dots span{font-size:20px;line-height:1;color:#3b82f6}.loading-progress-bar{width:200px;height:3px;background:#e2e8f0;border-radius:10px;overflow:hidden;position:relative}.loading-progress-fill{position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent 0%,#3b82f6 50%,transparent 100%);border-radius:10px}@media (prefers-color-scheme: dark){.loading-message{color:#f1f5f9}.loading-progress-bar{background:#334155}}.dashboard-container{min-height:100vh;background:linear-gradient(to bottom right,#fafaf9,#f5f5f4,#fafaf9);padding:1.5rem}.dashboard-wrapper{max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:2rem}.dashboard-back-button{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-weight:500;background:none;border:none;cursor:pointer;transition:color .2s ease;margin-bottom:1.5rem;padding:0;font-size:1rem}.dashboard-back-button:hover{color:#6366f1}.dashboard-back-button svg{width:1.25rem;height:1.25rem;stroke-width:2;transition:transform .2s ease}.dashboard-back-button:hover svg{transform:translate(-4px)}.dashboard-header-card{background-color:#fffc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(229,231,235,.5);padding:2rem}.dashboard-header-content{display:flex;align-items:center;justify-content:space-between}.dashboard-header-info h1{font-family:Space Grotesk,sans-serif;font-size:2.25rem;font-weight:700;color:#111827;letter-spacing:-.02em;margin-bottom:.375rem}.dashboard-header-info p{color:#6b7280;font-weight:300;margin:0}.dashboard-header-actions{display:flex;align-items:center;gap:1rem}.dashboard-sync-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.dashboard-sync-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.dashboard-sync-button:disabled{opacity:.7;cursor:not-allowed}.dashboard-sync-button.syncing svg.spinning{animation:spin 1s linear infinite}.dashboard-profile-dropdown-container{position:relative}.dashboard-profile-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(229,231,235,.5);border-radius:12px;cursor:pointer;transition:all .3s ease}.dashboard-profile-button:hover{background:#fff;box-shadow:0 4px 12px #0000001a}.dashboard-profile-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff}.dashboard-profile-name{font-weight:600;color:#111827;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-profile-button svg.rotated{transform:rotate(180deg)}.dashboard-profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid rgba(229,231,235,.5);padding:.5rem;z-index:1000}.dashboard-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease;font-size:.95rem;font-weight:500;color:#374151;text-align:left}.dashboard-dropdown-item:hover{background:#f3f4f6}.dashboard-dropdown-item.logout{color:#ef4444}.dashboard-dropdown-item.logout:hover{background:#fee2e2}.dashboard-dropdown-divider{height:1px;background:#e5e7eb;margin:.5rem 0}.dashboard-sync-message{margin-top:1rem;padding:1rem 1.5rem;border-radius:12px;font-weight:500;font-size:.95rem;animation:slideDown .3s ease}.dashboard-sync-message.success{background:#dcfce7;color:#16a34a;border:1px solid #86efac}.dashboard-sync-message.error{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-action-bar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.dashboard-search-wrapper{position:relative;flex:1;min-width:300px}.dashboard-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#9ca3af;stroke-width:2;pointer-events:none}.dashboard-search-input{width:100%;padding:1rem 1rem 1rem 3.5rem;background-color:#fffc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(229,231,235,.5);border-radius:1rem;font-size:.9375rem;color:#111827;outline:none;transition:all .2s ease}.dashboard-search-input::placeholder{color:#9ca3af}.dashboard-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.dashboard-new-calculator-button{display:flex;align-items:center;gap:.625rem;padding:.25rem 1.75rem;background:linear-gradient(to right,#6366f1,#7c3aed);color:#fff;border:none;border-radius:1rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #6366f140;white-space:nowrap}.dashboard-new-calculator-button:hover{transform:translateY(-2px);box-shadow:0 8px 12px #6366f159}.dashboard-new-calculator-button svg{width:1.25rem;height:1.25rem;stroke-width:2.5}.dashboard-content{display:grid;grid-template-columns:1fr 320px;gap:1.5rem}.dashboard-main-section{display:flex;flex-direction:column;gap:1.5rem}.dashboard-tabs{display:flex;gap:1rem;background-color:#fffc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:1rem;padding:.75rem;border:1px solid rgba(229,231,235,.5)}.dashboard-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.5rem;background:transparent;border:none;border-radius:.625rem;font-weight:500;font-size:.9375rem;color:#6b7280;cursor:pointer;transition:all .2s ease}.dashboard-tab:hover{background-color:#f3f4f6cc;color:#111827}.dashboard-tab svg{width:1.125rem;height:1.125rem;stroke-width:2}.dashboard-tab-active{background:linear-gradient(to right,#6366f1,#7c3aed);color:#fff}.dashboard-tab-active:hover{background:linear-gradient(to right,#5558e3,#6d28d9);color:#fff}.dashboard-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;background-color:#0000001a;border-radius:.75rem;font-size:.75rem;font-weight:600}.dashboard-tab-active .dashboard-tab-badge{background-color:#ffffff40}.dashboard-data-list{display:flex;flex-direction:column;gap:1rem}.dashboard-data-card{background-color:#fffc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:1.25rem;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(229,231,235,.5);padding:1.5rem;transition:all .3s ease;cursor:pointer}.dashboard-data-card:hover{transform:translateY(-2px);box-shadow:0 8px 12px #00000014;border-color:#c7d2fe}.dashboard-data-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;gap:1rem}.dashboard-data-card-title{display:flex;align-items:center;gap:.75rem;flex:1}.dashboard-data-card-icon{width:1.125rem;height:1.125rem;color:#6366f1;stroke-width:2;flex-shrink:0}.dashboard-data-card-title h3{font-family:Space Grotesk,sans-serif;font-size:1.0625rem;font-weight:600;color:#111827;margin:0;line-height:1.4}.dashboard-badge{padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;white-space:nowrap}.dashboard-badge-draft{background-color:#fef3c7;color:#92400e}.dashboard-badge-completed{background-color:#d1fae5;color:#065f46}.dashboard-badge-pending{background-color:#dbeafe;color:#1e40af}.dashboard-badge-sent{background-color:#e0e7ff;color:#4338ca}.dashboard-badge-project-id{background-color:#e0f2fe;color:#075985;display:inline-flex;align-items:center;gap:.25rem}.dashboard-badge-locked{background-color:#fee2e2;color:#991b1b}.dashboard-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.dashboard-edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dashboard-edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.dashboard-edit-btn:active{transform:translateY(0)}.dashboard-data-card-meta{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #f3f4f6}.dashboard-data-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.dashboard-data-meta-item svg{width:1rem;height:1rem;stroke-width:2}.dashboard-data-meta-label{font-weight:500;color:#4b5563}.dashboard-data-meta-value{color:#6366f1;font-weight:500}.dashboard-data-card-actions{display:flex;gap:.75rem}.dashboard-card-action-btn{flex:1;padding:.625rem;border-radius:.625rem;font-size:.875rem;font-weight:500;border:1px solid;cursor:pointer;transition:all .2s ease}.dashboard-card-action-view{background-color:transparent;border-color:#e5e7eb;color:#4b5563}.dashboard-card-action-view:hover{background-color:#f9fafb;border-color:#d1d5db}.dashboard-card-action-edit{background-color:#6366f1;border-color:#6366f1;color:#fff}.dashboard-card-action-edit:hover{background-color:#5558e3;border-color:#5558e3}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background-color:#fffc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:1.25rem;border:2px dashed #e5e7eb;text-align:center}.dashboard-empty-icon{width:4rem;height:4rem;color:#d1d5db;stroke-width:1.5;margin-bottom:1.25rem}.dashboard-empty-state h3{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem}.dashboard-empty-state p{color:#6b7280;margin:0}.dashboard-filter-section{display:flex;flex-direction:column}.dashboard-filter-card{background-color:#fffc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:1.25rem;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(229,231,235,.5);padding:1.5rem;position:sticky;top:1.5rem}.dashboard-filter-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.dashboard-filter-header svg{width:1.25rem;height:1.25rem;color:#6366f1;stroke-width:2}.dashboard-filter-header h3{font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:600;color:#111827;margin:0}.dashboard-filter-options{display:flex;flex-direction:column;gap:.625rem;margin-bottom:2rem}.dashboard-filter-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background-color:transparent;border:1px solid #e5e7eb;border-radius:.75rem;font-size:.9375rem;font-weight:500;color:#4b5563;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.dashboard-filter-option:hover{background-color:#f9fafb;border-color:#d1d5db}.dashboard-filter-option svg{width:1.125rem;height:1.125rem;stroke-width:2}.dashboard-filter-option-active{background:linear-gradient(to right,#6366f1,#7c3aed);border-color:transparent;color:#fff}.dashboard-filter-option-active:hover{background:linear-gradient(to right,#5558e3,#6d28d9);border-color:transparent}.dashboard-stats{padding-top:1.5rem;border-top:1px solid #f3f4f6}.dashboard-stats h4{font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.dashboard-stat-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f9fafb}.dashboard-stat-item:last-child{border-bottom:none}.dashboard-stat-label{font-size:.875rem;color:#6b7280;font-weight:400}.dashboard-stat-value{font-size:1.125rem;font-weight:700;color:#6366f1;font-family:Space Grotesk,sans-serif}@media (max-width: 1024px){.dashboard-content{grid-template-columns:1fr}.dashboard-filter-section{order:-1}.dashboard-filter-card{position:static}.dashboard-filter-options{display:grid;grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-container{padding:1rem}.dashboard-header-card{padding:1.5rem}.dashboard-header-info h1{font-size:1.75rem}.dashboard-action-bar{flex-direction:column}.dashboard-search-wrapper{min-width:unset}.dashboard-new-calculator-button{width:100%;justify-content:center}.dashboard-tabs{flex-direction:column;gap:.5rem}.dashboard-data-card{padding:1.25rem}.dashboard-data-card-meta{flex-direction:column;gap:.75rem}.dashboard-filter-options{grid-template-columns:1fr}}@media (max-width: 480px){.dashboard-data-card-actions{flex-direction:column}.dashboard-data-card-header{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.dashboard-data-card,.dashboard-tab,.dashboard-filter-option,.dashboard-new-calculator-button,.dashboard-card-action-btn{transition:none}}.dashboard-back-button:focus-visible,.dashboard-search-input:focus-visible,.dashboard-new-calculator-button:focus-visible,.dashboard-tab:focus-visible,.dashboard-filter-option:focus-visible,.dashboard-card-action-btn:focus-visible{outline:3px solid #6366f1;outline-offset:2px}.dashboard-data-list::-webkit-scrollbar,.dashboard-filter-card::-webkit-scrollbar{width:8px}.dashboard-data-list::-webkit-scrollbar-track,.dashboard-filter-card::-webkit-scrollbar-track{background:#f9fafb;border-radius:4px}.dashboard-data-list::-webkit-scrollbar-thumb,.dashboard-filter-card::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.dashboard-data-list::-webkit-scrollbar-thumb:hover,.dashboard-filter-card::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dashboard-project-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.dashboard-project-toggle{display:flex;align-items:center;gap:.75rem;flex:1;background:none;border:none;cursor:pointer;padding:0;text-align:left;transition:all .2s ease}.dashboard-project-toggle:hover{opacity:.8}.dashboard-project-toggle svg:first-child{width:1.25rem;height:1.25rem;color:#6b7280;stroke-width:2;transition:transform .2s ease}.dashboard-project-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.dashboard-project-name{font-size:.875rem;color:#6b7280;font-weight:400}.dashboard-project-header-actions{display:flex;gap:.75rem;align-items:center}.dashboard-quick-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.dashboard-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:.75rem;font-size:.875rem;font-weight:500;border:1px solid;cursor:pointer;transition:all .2s ease}.dashboard-action-btn svg{width:1rem;height:1rem;stroke-width:2}.dashboard-action-load{background:linear-gradient(to right,#6366f1,#7c3aed);border-color:transparent;color:#fff}.dashboard-action-load:hover{transform:translateY(-2px);box-shadow:0 4px 6px #6366f14d}.dashboard-action-revisions{background-color:transparent;border-color:#e5e7eb;color:#4b5563}.dashboard-action-revisions:hover{background-color:#f9fafb;border-color:#d1d5db}.dashboard-folders-section{margin-top:1.25rem;padding-top:1.25rem;border-top:2px solid #f3f4f6;overflow:hidden}.dashboard-folders-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;color:#6b7280}.dashboard-folders-header svg{width:1.125rem;height:1.125rem;stroke-width:2}.dashboard-folders-header h4{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;color:#111827;margin:0}.dashboard-folders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.dashboard-folder-card{position:relative;display:flex;flex-direction:column;padding:1rem;background:linear-gradient(to bottom right,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:.875rem;cursor:pointer;transition:all .2s ease}.dashboard-folder-card:hover{border-color:#6366f1;background:linear-gradient(to bottom right,#eef2ff,#e0e7ff);transform:translateY(-2px)}.dashboard-folder-active{border-color:#6366f1;background:linear-gradient(to bottom right,#eef2ff,#ddd6fe);box-shadow:0 4px 6px #6366f126}.dashboard-folder-icon{display:inline-flex;padding:.5rem;background-color:#6366f11a;border-radius:.625rem;width:fit-content;margin-bottom:.75rem}.dashboard-folder-icon svg{width:1.5rem;height:1.5rem;color:#6366f1;stroke-width:2}.dashboard-folder-info h5{font-family:Space Grotesk,sans-serif;font-size:.9375rem;font-weight:600;color:#111827;margin:0 0 .25rem}.dashboard-folder-info p{font-size:.8125rem;color:#6b7280;margin:0 0 .5rem}.dashboard-folder-update{font-size:.75rem;color:#9ca3af}.dashboard-folder-load-btn{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:linear-gradient(to right,#6366f1,#7c3aed);border:none;border-radius:.5rem;color:#fff;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s ease}.dashboard-folder-card:hover .dashboard-folder-load-btn{opacity:1;transform:scale(1)}.dashboard-folder-load-btn:hover{transform:scale(1.1);box-shadow:0 4px 6px #6366f166}.dashboard-folder-load-btn svg{width:1rem;height:1rem;stroke-width:2.5}.dashboard-revisions-section{margin-top:1.25rem;padding-top:1.25rem;border-top:2px solid #f3f4f6;overflow:hidden}.dashboard-revisions-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;color:#6b7280}.dashboard-revisions-header svg:first-child{width:1.125rem;height:1.125rem;stroke-width:2}.dashboard-revisions-header h4{font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600;color:#111827;margin:0;flex:1}.dashboard-revisions-close{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;transition:all .2s ease}.dashboard-revisions-close:hover{background-color:#f3f4f6;color:#111827}.dashboard-revisions-close svg{width:1rem;height:1rem;stroke-width:2}.dashboard-revisions-list{display:flex;flex-direction:column;gap:.75rem}.dashboard-revision-item{display:flex;gap:1rem;padding:1rem;background-color:#f9fafb;border-radius:.75rem;transition:all .2s ease}.dashboard-revision-item:hover{background-color:#f3f4f6}.dashboard-revision-timeline{display:flex;flex-direction:column;align-items:center;padding-top:.375rem}.dashboard-revision-dot{width:.75rem;height:.75rem;background:linear-gradient(to bottom right,#6366f1,#7c3aed);border-radius:50%;flex-shrink:0}.dashboard-revision-line{width:2px;flex:1;background:linear-gradient(to bottom,#c7d2fe,transparent);margin-top:.25rem}.dashboard-revision-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.dashboard-revision-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dashboard-revision-version{font-family:Space Grotesk,sans-serif;font-size:.9375rem;font-weight:700;color:#6366f1}.dashboard-revision-date{font-size:.8125rem;color:#6b7280}.dashboard-revision-comment{font-size:.875rem;color:#4b5563;margin:0;line-height:1.5}.dashboard-revision-author{font-size:.8125rem;color:#9ca3af;font-style:italic}.dashboard-revision-load{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:linear-gradient(to right,#6366f1,#7c3aed);color:#fff;border:none;border-radius:.5rem;font-size:.8125rem;font-weight:500;cursor:pointer;width:fit-content;transition:all .2s ease}.dashboard-revision-load:hover{transform:translateY(-1px);box-shadow:0 4px 6px #6366f14d}.dashboard-revision-load svg{width:.875rem;height:.875rem;stroke-width:2.5}.dashboard-date-picker{margin-top:1rem;padding:1rem;background-color:#f9fafb;border-radius:.75rem;border:1px solid #e5e7eb;overflow:hidden}.dashboard-date-picker-inputs{display:flex;flex-direction:column;gap:.875rem;margin-bottom:.875rem}.dashboard-date-input-group{display:flex;flex-direction:column;gap:.375rem}.dashboard-date-input-group label{font-size:.8125rem;font-weight:500;color:#4b5563}.dashboard-date-input{width:100%;padding:.625rem .75rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#111827;outline:none;transition:all .2s ease;font-family:inherit}.dashboard-date-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.dashboard-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:opacity(.6);transition:filter .2s ease}.dashboard-date-input::-webkit-calendar-picker-indicator:hover{filter:opacity(1)}.dashboard-date-apply-btn{width:100%;padding:.75rem;background:linear-gradient(to right,#6366f1,#7c3aed);color:#fff;border:none;border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.dashboard-date-apply-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px #6366f14d}.dashboard-date-apply-btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-date-input::-webkit-datetime-edit-text,.dashboard-date-input::-webkit-datetime-edit-month-field,.dashboard-date-input::-webkit-datetime-edit-day-field,.dashboard-date-input::-webkit-datetime-edit-year-field{color:#111827;padding:0 .125rem}.dashboard-date-input::-webkit-datetime-edit-text{color:#9ca3af}@media (max-width: 1024px){.dashboard-folders-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-folders-grid{grid-template-columns:1fr}.dashboard-quick-actions{flex-direction:column}.dashboard-project-header{flex-direction:column;align-items:flex-start}.dashboard-project-toggle{width:100%}.dashboard-revision-item{flex-direction:column;gap:.75rem}.dashboard-revision-timeline{flex-direction:row;padding-top:0;width:100%}.dashboard-revision-line{width:100%;height:2px;margin-top:0;margin-left:.25rem}}@media (max-width: 480px){.dashboard-folder-load-btn{opacity:1;transform:scale(1)}}.dashboard-folder-wrapper{display:flex;flex-direction:column;gap:.75rem}.dashboard-folder-revisions{margin-top:.5rem;padding:1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.dashboard-folder-revisions-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.dashboard-folder-revisions-header svg{width:1rem;height:1rem;color:#6366f1;stroke-width:2}.dashboard-folder-revisions-header h5{font-family:Space Grotesk,sans-serif;font-size:.875rem;font-weight:600;color:#111827;margin:0}.dashboard-folder-revisions-list{display:flex;flex-direction:column;gap:.625rem}.dashboard-folder-revision-item{display:flex;gap:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:.625rem;transition:all .2s ease}.dashboard-folder-revision-item:hover{background-color:#f3f4f6}.dashboard-folder-revision-timeline{display:flex;flex-direction:column;align-items:center;padding-top:.25rem}.dashboard-folder-revision-dot{width:.625rem;height:.625rem;background:linear-gradient(to bottom right,#6366f1,#7c3aed);border-radius:50%;flex-shrink:0}.dashboard-folder-revision-line{width:2px;flex:1;background:linear-gradient(to bottom,#c7d2fe,transparent);margin-top:.25rem}.dashboard-folder-revision-content{flex:1;display:flex;flex-direction:column;gap:.375rem}.dashboard-folder-revision-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dashboard-folder-revision-version{font-family:Space Grotesk,sans-serif;font-size:.8125rem;font-weight:700;color:#6366f1}.dashboard-folder-revision-date{font-size:.75rem;color:#6b7280}.dashboard-folder-revision-comment{font-size:.8125rem;color:#4b5563;margin:0;line-height:1.4}.dashboard-folder-revision-author{font-size:.75rem;color:#9ca3af;font-style:italic}.dashboard-folder-revision-actions{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.dashboard-folder-revision-load{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:linear-gradient(to right,#6366f1,#7c3aed);color:#fff;border:none;border-radius:.5rem;font-size:.75rem;font-weight:500;cursor:pointer;width:fit-content;transition:all .2s ease}.dashboard-folder-revision-load:hover{transform:translateY(-1px);box-shadow:0 4px 6px #6366f14d}.dashboard-folder-revision-load svg{width:.75rem;height:.75rem;stroke-width:2.5}.dashboard-folder-revision-delete{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background:#fff;color:#ef4444;border:1px solid #fecaca;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.dashboard-folder-revision-delete:hover{background:#fef2f2;border-color:#fca5a5;transform:translateY(-1px);box-shadow:0 2px 4px #ef444433}.dashboard-action-delete{background:#fff!important;color:#ef4444!important;border:1px solid #fecaca!important}.dashboard-action-delete:hover:not(:disabled){background:#fef2f2!important;border-color:#fca5a5!important;box-shadow:0 4px 6px #ef444426!important}.dashboard-action-delete:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.modal-close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s ease}.modal-close-btn:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:1.5rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.modal-btn{padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.modal-btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.modal-btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.delete-confirm-modal{max-width:500px}.delete-warning{text-align:center;padding:1.5rem 0}.delete-warning p{margin:1rem 0;font-size:1rem;color:#374151}.delete-warning-details{font-size:.875rem!important;color:#6b7280!important;margin:.75rem 0!important}.delete-warning-final{font-weight:600!important;color:#dc2626!important;margin-top:1rem!important}.delete-password-section{margin-top:1.5rem;text-align:left}.generating-code-container{text-align:center;padding:2rem 1rem}.loading-spinner{width:40px;height:40px;margin:0 auto 1rem;border:4px solid #e5e7eb;border-top:4px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generating-code-text{font-size:.875rem;color:#6b7280;font-weight:500}.confirmation-code-display{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem;border-radius:.75rem;text-align:center;margin-bottom:1.5rem;box-shadow:0 4px 6px #667eea4d}.code-label{color:#fff;font-size:.875rem;font-weight:500;margin-bottom:.75rem;opacity:.9}.code-value{background:#fffffff2;color:#1f2937;font-size:2rem;font-weight:700;font-family:Courier New,monospace;letter-spacing:.5rem;padding:1rem;border-radius:.5rem;margin:.5rem 0;-webkit-user-select:all;user-select:all;cursor:pointer;transition:all .2s ease}.code-value:hover{background:#fff;box-shadow:0 0 0 3px #ffffff4d}.code-expiry{color:#fff;font-size:.75rem;margin-top:.75rem;opacity:.85}.delete-password-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.delete-password-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease;background-color:#fff}.delete-password-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.delete-error-message{margin-top:.5rem;padding:.5rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;color:#dc2626;font-size:.875rem;font-weight:500}.modal-btn-danger{background:linear-gradient(to right,#dc2626,#b91c1c);color:#fff;display:inline-flex;align-items:center;gap:.5rem}.modal-btn-danger:hover:not(:disabled){background:linear-gradient(to right,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 6px #dc26264d}.modal-btn-danger:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(to right,#9ca3af,#6b7280)}@media (max-width: 768px){.dashboard-folder-revision-item{flex-direction:column;gap:.5rem}.dashboard-folder-revision-timeline{flex-direction:row;padding-top:0;width:100%}.dashboard-folder-revision-line{width:100%;height:2px;margin-top:0;margin-left:.25rem}.dashboard-folder-revision-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.advanced-search-wrapper{position:relative;flex:1}.search-type-selector{display:flex;gap:.5rem;margin-bottom:.75rem}.search-type-btn{padding:.375rem .875rem;border-radius:.5rem;border:1px solid #e5e7eb;background-color:#fff;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.search-type-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.search-type-btn.active{background-color:#6366f1;color:#fff;border-color:#6366f1}.search-input-wrapper{position:relative}.advanced-search-results{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:400px;overflow-y:auto;z-index:1000}.search-result-item{width:100%;text-align:left;border:none;background:none;font:inherit;padding:1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s ease}.search-result-item:hover{background-color:#f9fafb}.search-result-item:last-child{border-bottom:none}.search-result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.search-result-code{font-weight:600;color:#111827}.search-result-badge{padding:.125rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.badge-new{background-color:#dbeafe;color:#1e40af}.badge-wip{background-color:#fef3c7;color:#92400e}.badge-completed{background-color:#d1fae5;color:#065f46}.badge-archived{background-color:#f3f4f6;color:#6b7280}.search-result-match-badge{background:#f3f4f6;color:#6b7280}.search-result-product{color:#6b7280;font-size:.875rem}.search-result-items{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.search-result-item-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;background-color:#f3f4f6;border-radius:.375rem;font-size:.75rem;color:#4b5563}.search-result-component-name{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:#d1fae5;color:#059669;border-radius:.375rem;font-size:.6875rem;font-weight:500}.search-result-item-count{background-color:#6366f1;color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-weight:600;font-size:.6875rem}.search-no-results{padding:2rem;text-align:center;color:#9ca3af}.search-no-results-title{margin-bottom:.5rem;font-weight:500}.search-no-results-subtitle{font-size:.875rem;color:#9ca3af}.search-loading{padding:1rem;text-align:center;color:#6b7280}.search-result-tree-group{border-bottom:1px solid #e5e7eb}.search-result-tree-group:last-child{border-bottom:none}.search-result-tree-item-header{padding:12px 16px;background-color:#f9fafb;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.search-result-tree-item-header-content{display:flex;align-items:center;gap:8px}.search-result-tree-item-icon{color:#6366f1;flex-shrink:0}.search-result-tree-item-code{font-weight:600;color:#111827;font-size:14px}.search-result-tree-item-description{font-size:12px;color:#6b7280;margin-top:2px}.search-result-tree-item-component-name{font-size:11px;color:#059669;margin-top:3px;font-weight:500;background:#d1fae5;padding:2px 6px;border-radius:3px;display:inline-block}.search-result-tree-item-meta{display:flex;align-items:center;gap:8px}.search-result-tree-item-section-badge{background:#dbeafe;color:#1e40af;font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500}.search-result-tree-item-count{font-size:12px;color:#6b7280;font-weight:500}.search-result-tree-children{background-color:#fff}.search-result-tree-project{width:100%;text-align:left;border:none;background:none;font:inherit;padding:10px 16px 10px 40px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .15s ease;display:flex;align-items:center;justify-content:space-between}.search-result-tree-project:hover{background-color:#f9fafb}.search-result-tree-project:last-child{border-bottom:none}.search-result-tree-project-content{display:flex;align-items:center;gap:8px;flex:1}.search-result-tree-project-icon{color:#9ca3af;flex-shrink:0}.search-result-tree-project-info{flex:1}.search-result-tree-project-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.search-result-tree-project-code{font-weight:600;color:#111827;font-size:13px}.search-result-tree-project-status-badge{font-size:10px;padding:2px 6px;border-radius:3px}.search-result-tree-project-product{font-size:12px;color:#6b7280}.search-result-tree-project-component-name{font-size:11px;color:#059669;margin-top:3px;font-weight:500;background:#d1fae5;padding:2px 6px;border-radius:3px;display:inline-block}.search-result-tree-project-usage{font-size:11px;background-color:#6366f1;color:#fff;padding:2px 6px;border-radius:4px;font-weight:600}@media (max-width: 768px){.advanced-search-wrapper{max-width:100%}.search-type-selector{flex-wrap:wrap}.advanced-search-results{max-height:300px}.search-result-tree-project{padding-left:32px}.search-result-tree-item-header{flex-direction:column;align-items:flex-start;gap:8px}}.notification-toast{position:relative;min-width:320px;max-width:480px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;overflow:hidden;pointer-events:all}.notification-content{display:flex;align-items:flex-start;gap:12px;padding:16px 16px 20px}.notification-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.notification-success .notification-icon-wrapper{background:#d1fae5;color:#10b981}.notification-error .notification-icon-wrapper{background:#fee2e2;color:#ef4444}.notification-warning .notification-icon-wrapper{background:#fef3c7;color:#f59e0b}.notification-info .notification-icon-wrapper{background:#dbeafe;color:#3b82f6}.notification-icon{width:24px;height:24px}.notification-text{flex:1;min-width:0}.notification-title{margin:0;font-size:15px;font-weight:600;color:#111827;line-height:1.4}.notification-message{margin:4px 0 0;font-size:14px;color:#6b7280;line-height:1.5}.notification-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#9ca3af;border-radius:6px;cursor:pointer;transition:all .2s ease}.notification-close:hover{background:#f3f4f6;color:#374151}.notification-close:active{transform:scale(.95)}.notification-progress{position:absolute;bottom:0;left:0;right:0;height:4px;transform-origin:left}@media (prefers-color-scheme: dark){.notification-toast{background:#1f2937;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff1a}.notification-title{color:#f9fafb}.notification-message{color:#d1d5db}.notification-close{color:#9ca3af}.notification-close:hover{background:#374151;color:#f3f4f6}}.notification-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}@media (max-width: 640px){.notification-container{top:10px;right:10px;left:10px}.notification-toast{max-width:100%}}.calculator-container{min-height:100vh;background:linear-gradient(to bottom right,#fafaf9,#f5f5f4,#fafaf9);padding:1.5rem;position:relative;overflow:visible!important}.calculator-wrapper{max-width:1536px;margin:0 auto;overflow:visible!important}.calculator-header{background-color:#fffc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(229,231,235,.5);padding:2rem;margin-bottom:1.5rem;overflow:visible;position:relative;z-index:10}.calculator-back-button{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-weight:500;background:none;border:none;cursor:pointer;transition:color .2s ease;margin-bottom:1.5rem;padding:0;font-size:1rem}.calculator-back-button:hover{color:#6366f1}.calculator-back-button svg{width:1.25rem;height:1.25rem;stroke-width:2;transition:transform .2s ease}.calculator-back-button:hover svg{transform:translate(-4px)}.calculator-section{background-color:#fffc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(229,231,235,.5);padding:2rem;margin-bottom:1.5rem;overflow:visible!important}.calculator-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.calculator-section-icon{width:1.5rem;height:1.5rem;color:#6366f1;stroke-width:2}.calculator-section-title{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;color:#111827;margin:0}.calculator-section-content{position:relative;overflow:visible}.calculator-form-group{margin-bottom:1rem}.calculator-label{display:block;font-weight:600;font-size:.875rem;color:#374151;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.calculator-date-input{cursor:pointer}.calculator-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(40%) sepia(75%) saturate(1000%) hue-rotate(205deg)}.calculator-input-with-unit{display:flex;gap:.75rem;align-items:center}.calculator-input-with-unit .calculator-input{flex:1}.calculator-unit-input{width:80px!important;flex-shrink:0;text-align:center;font-weight:600;background-color:#f3f4f6!important}.calculator-unit-input[readonly]{background-color:#e5e7eb!important;cursor:not-allowed;opacity:.7}.calculator-max-load-inputs .calculator-input{max-width:120px}.calculator-max-load-inputs .calculator-unit-input{width:60px!important}.calculator-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.calculator-form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 1280px){.calculator-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.calculator-grid-4,.calculator-form-grid-2{grid-template-columns:1fr}}.calculator-section-cutting-list .calculator-add-field{margin-bottom:1.5rem}.calculator-header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.calculator-header-left{display:flex;align-items:center;gap:1.25rem}.calculator-icon-wrapper{padding:1rem;background:linear-gradient(to bottom right,#6366f1,#7c3aed);border-radius:1rem;box-shadow:0 4px 6px #6366f140}.calculator-icon-wrapper svg{width:1.75rem;height:1.75rem;color:#fff;stroke-width:2}.calculator-header-info h1{font-family:Space Grotesk,sans-serif;font-size:1.875rem;font-weight:700;color:#111827;letter-spacing:-.02em;margin-bottom:.25rem}.calculator-header-info p{color:#6b7280;font-size:1.375rem;font-weight:800;margin:0}.calculator-project-name{margin-top:.25rem;font-weight:800;font-size:10.5rem;color:#4b5563}.calculator-metadata-badges{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;font-size:.875rem}.calculator-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-weight:600;font-size:.8125rem;transition:all .2s ease}.calculator-badge svg{flex-shrink:0}.calculator-badge-label{font-weight:500;opacity:.9}.calculator-badge-folder-precost{background-color:#dbeafe;color:#1e40af}.calculator-badge-folder-costing{background-color:#fef3c7;color:#92400e}.calculator-badge-folder-validate{background-color:#d1fae5;color:#065f46}.calculator-badge-version{background-color:#f3e8ff;color:#6b21a8}.calculator-badge-id{background-color:#e0f2fe;color:#075985}.calculator-badge-revision-id{background-color:#fce7f3;color:#9f1239}.calculator-badge:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.calculator-actions{display:flex;gap:.75rem;flex-wrap:wrap;position:relative;z-index:1}.calculator-header-content{overflow:visible!important}.calculator-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.75rem;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.calculator-btn svg{width:1rem;height:1rem;stroke-width:2}.calculator-btn-save{background-color:#10b981;color:#fff;position:relative}.calculator-btn-save:hover{background-color:#059669;transform:scale(1.02)}.calculator-btn-save:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.calculator-btn-save:disabled:hover{transform:none}.calculator-btn-share{background-color:#3b82f6;color:#fff}.calculator-btn-share:hover{background-color:#2563eb;transform:scale(1.02)}.calculator-btn-share:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.calculator-btn-share:disabled:hover{transform:none;background-color:#9ca3af}.calculator-btn-export{background-color:#10b981;color:#fff}.calculator-btn-export:hover{background-color:#059669;transform:scale(1.02)}.calculator-btn-export:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.6}.calculator-btn-export:disabled:hover{transform:none;background-color:#9ca3af}.calculator-unsaved-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:2px solid white;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.calculator-btn-load{background-color:#6366f1;color:#fff}.calculator-btn-load:hover{background-color:#4f46e5;transform:scale(1.02)}.calculator-btn-clear{background-color:#f3f4f6;color:#374151}.calculator-btn-clear:hover{background-color:#e5e7eb;transform:scale(1.02)}.calculator-btn-guide{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.calculator-btn-guide:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:scale(1.02);box-shadow:0 4px 12px #6366f14d}.calculator-btn:active{transform:scale(.98)}.calculator-add-field{background-color:#fffc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(229,231,235,.5);padding:1.5rem;margin-bottom:1.5rem;z-index:10}.calculator-add-field-form{display:flex;gap:.75rem}.calculator-input{flex:1;padding:.75rem 1rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.75rem;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:500;color:#111827;outline:none;transition:all .2s ease}.calculator-input::placeholder{color:#9ca3af;font-weight:400}.calculator-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.calculator-btn-add{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(to right,#6366f1,#7c3aed);color:#fff;border:none;border-radius:.75rem;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #6366f140}.calculator-btn-add:hover{background:linear-gradient(to right,#4f46e5,#6d28d9);transform:scale(1.02)}.calculator-btn-add:active{transform:scale(.98)}.calculator-btn-add svg{width:1.25rem;height:1.25rem;stroke-width:2.5}.calculator-shortcut-hint{margin-left:auto;font-size:.75rem;opacity:.8;font-family:Courier New,monospace;background:#fff3;padding:.25rem .5rem;border-radius:.375rem;font-weight:600}.calculator-fields-container{background-color:#fffc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(229,231,235,.5);padding:1.5rem}.calculator-fields-list{display:flex;flex-direction:column;gap:.75rem}.calculator-field-row{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:linear-gradient(to right,#fff,#f9fafb80);border-radius:1rem;border:1px solid #e5e7eb;transition:all .3s ease}.calculator-field-row:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #6366f11a;transform:translateY(-2px)}.calculator-field-name{width:11rem;flex-shrink:0}.calculator-field-name input{width:100%;padding:.625rem 1rem;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.9375rem;color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:.75rem;outline:none;transition:all .2s ease}.calculator-field-name input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.calculator-field-status{display:flex;align-items:center;gap:.5rem;padding-top:.625rem}.calculator-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.75rem;font-size:.75rem;font-weight:600;letter-spacing:.025em}.calculator-badge-formula{background:linear-gradient(to right,#faf5ff,#ede9fe);border:1px solid #e9d5ff;color:#7c3aed}.calculator-badge-formula svg{width:.875rem;height:.875rem;stroke-width:2}.calculator-badge-value{background:linear-gradient(to right,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;color:#16a34a}.calculator-badge-value-dot{width:.5rem;height:.5rem;background-color:#10b981;border-radius:9999px}.calculator-field-status-icon{width:1.25rem;height:1.25rem;stroke-width:2}.calculator-status-success{color:#10b981}.calculator-status-error{color:#f59e0b}.calculator-field-value-wrapper{flex:1;position:relative}.calculator-field-value-container{display:flex;align-items:center;gap:.75rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.75rem;padding:.625rem 1rem;transition:all .3s ease;position:relative}.calculator-field-value-container:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a;background:linear-gradient(to right,#fff,#fefeff)}.calculator-field-value-input{flex:1;font-family:JetBrains Mono,monospace;font-size:.875rem;color:#111827;background:transparent;border:none;outline:none;min-width:0;font-weight:500}.calculator-field-value-input::placeholder{color:#9ca3af;font-weight:400}.calculator-field-inline-result{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:.625rem;font-family:JetBrains Mono,monospace;font-weight:700;font-size:.9375rem;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:100px;justify-content:flex-end}.calculator-inline-result-success{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1.5px solid #c7d2fe;color:#4338ca;box-shadow:0 2px 8px #6366f126}.calculator-inline-result-error{background:linear-gradient(135deg,#fee2e2,#fef2f2);border:1.5px solid #fca5a5;color:#991b1b;box-shadow:0 2px 8px #ef44441a}.calculator-inline-result-value{display:flex;align-items:center;gap:.375rem;font-variant-numeric:tabular-nums}.calculator-inline-result-equals{font-size:.875rem;opacity:.6;font-weight:500}.calculator-inline-result-number{font-size:1rem;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.05)}.calculator-inline-result-icon{width:1rem;height:1rem;stroke-width:2.5;opacity:.8}@keyframes resultPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.calculator-inline-result-success:hover{animation:resultPulse .5s ease-in-out;box-shadow:0 4px 12px #6366f140}.calculator-autocomplete{position:absolute;bottom:calc(100% + .5rem);left:0;right:0;min-width:300px;z-index:999999!important;background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 20px 25px #00000026;max-height:16rem;overflow-y:auto;transform:translateZ(0);will-change:transform}.calculator-autocomplete-below{bottom:auto;top:calc(100% + .5rem)}.calculator-autocomplete-item{padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .15s ease}.calculator-autocomplete-item:hover{background-color:#f9fafb}.calculator-autocomplete-item-active{background:linear-gradient(to right,#eef2ff,#f5f3ff);border-left:4px solid #6366f1}.calculator-autocomplete-item-left{display:flex;align-items:center;gap:.75rem}.calculator-autocomplete-variable{font-family:JetBrains Mono,monospace;font-weight:700;font-size:.875rem;color:#6366f1}.calculator-autocomplete-meta{display:flex;gap:.5rem;align-items:center;margin-top:.25rem}.calculator-autocomplete-type{font-size:.75rem;padding:.25rem .625rem;border-radius:.5rem;font-weight:500}.calculator-autocomplete-type-formula{background-color:#f3e8ff;color:#7c3aed}.calculator-autocomplete-type-value{background-color:#d1fae5;color:#065f46}.calculator-autocomplete-section{font-size:.75rem;padding:.25rem .625rem;border-radius:.5rem;font-weight:500;background-color:#e5e7eb;color:#374151}.calculator-autocomplete-item-right{display:flex;align-items:center;gap:.75rem}.calculator-autocomplete-item-right svg{width:1rem;height:1rem;stroke-width:2}.calculator-autocomplete-result{font-size:.875rem;color:#374151;font-weight:600;font-variant-numeric:tabular-nums}.calculator-field-references{margin-top:.625rem;display:flex;flex-wrap:wrap;gap:.5rem}.calculator-reference-tag{display:flex;align-items:center;gap:.375rem;font-size:.75rem;padding:.375rem .75rem;border-radius:.5rem;font-weight:500;transition:all .2s ease}.calculator-reference-tag span{font-family:JetBrains Mono,monospace}.calculator-reference-tag svg{width:.75rem;height:.75rem;stroke-width:2}.calculator-reference-valid{background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.calculator-reference-invalid{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.calculator-formula-reveal-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;background-color:#fffc;border:1px solid #e5e7eb;opacity:.7}.calculator-formula-reveal-icon:hover{opacity:1;background-color:#fff;border-color:#c7d2fe;box-shadow:0 2px 4px #6366f11a;transform:translateY(-50%) scale(1.05)}.calculator-reveal-icon{width:1rem;height:1rem;color:#6b7280;stroke-width:2;transition:color .2s ease}.calculator-formula-reveal-icon:hover .calculator-reveal-icon{color:#6366f1}.calculator-tooltip{position:absolute;z-index:99999;right:0;top:50%;transform:translate(calc(100% + .5rem),-50%);background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b;padding:1rem 1.25rem;border-radius:.75rem;box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a,0 0 0 1px #94a3b81a;font-size:.875rem;white-space:nowrap;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.2);min-width:200px;animation:tooltipSlideIn .2s ease-out;pointer-events:auto;cursor:default}@keyframes tooltipSlideIn{0%{opacity:0;transform:translate(calc(100% + .25rem),-50%) scale(.95)}to{opacity:1;transform:translate(calc(100% + .5rem),-50%) scale(1)}}.calculator-tooltip-label{font-weight:600;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.calculator-tooltip-label:before{content:"";width:12px;height:12px;background:linear-gradient(135deg,#6366f1,#7c3aed);border-radius:50%;box-shadow:0 0 8px #6366f166}.calculator-tooltip-formula{font-family:JetBrains Mono,SF Mono,Monaco,Inconsolata,monospace;color:#334155;font-weight:500;font-size:.9rem;background:#6366f10d;padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(99,102,241,.1);display:flex;align-items:center;gap:.5rem}.calculator-tooltip-icon{width:1rem;height:1rem;color:#6366f1;flex-shrink:0}.calculator-tooltip-arrow{position:absolute;left:-.5rem;top:50%;transform:translateY(-50%) rotate(45deg);width:1rem;height:1rem;background:linear-gradient(135deg,#fff,#f8fafc);border-left:1px solid rgba(148,163,184,.2);border-bottom:1px solid rgba(148,163,184,.2);border-radius:2px 0 0;box-shadow:-2px 2px 4px #0000000d}.calculator-delete-button{opacity:0;padding:.625rem;color:#9ca3af;background:none;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.calculator-field-row:hover .calculator-delete-button{opacity:1}.calculator-delete-button:hover{color:#ef4444;background-color:#fee2e2;transform:scale(1.1)}.calculator-delete-button:active{transform:scale(.9)}.calculator-delete-button svg{width:1.25rem;height:1.25rem;stroke-width:2}.calculator-empty-state{text-align:center;padding:5rem 0}.calculator-empty-icon{display:inline-flex;padding:1.25rem;background-color:#f3f4f6;border-radius:1rem;margin-bottom:1.25rem}.calculator-empty-icon svg{width:3.5rem;height:3.5rem;color:#9ca3af;stroke-width:1.5}.calculator-empty-title{color:#6b7280;font-weight:500;font-size:1.125rem;margin-bottom:.25rem}.calculator-empty-description{color:#9ca3af;font-weight:300;font-size:.875rem}.calculator-instructions{background-color:#fffc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(229,231,235,.5);padding:2rem;margin-top:1.5rem}.calculator-instructions-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.calculator-instructions-indicator{width:.25rem;height:2rem;background:linear-gradient(to bottom,#6366f1,#7c3aed);border-radius:9999px}.calculator-instructions-title{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;color:#111827;margin:0}.calculator-instructions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;font-size:.875rem;color:#6b7280}.calculator-instruction-item{display:flex;gap:.75rem;align-items:flex-start}.calculator-instruction-icon{flex-shrink:0;width:2rem;height:2rem;background-color:#eef2ff;color:#6366f1;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1rem}.calculator-instruction-text{font-weight:300;padding-top:.25rem;line-height:1.5}@media (max-width: 1024px){.calculator-field-row{flex-wrap:wrap}.calculator-field-name,.calculator-field-value-wrapper{width:100%}.calculator-field-inline-result{min-width:80px;font-size:.875rem}.calculator-inline-result-number{font-size:.9375rem}}@media (max-width: 768px){.calculator-container{padding:1rem}.calculator-header-content{flex-direction:column;align-items:flex-start}.calculator-actions{width:100%}.calculator-btn{flex:1;justify-content:center}.calculator-add-field-form{flex-direction:column}.calculator-btn-add{width:100%;justify-content:center}.calculator-instructions-grid{grid-template-columns:1fr}.calculator-delete-button{opacity:1}.calculator-field-value-container{position:relative;flex-direction:column;align-items:stretch;gap:.5rem}.calculator-field-inline-result{width:100%;justify-content:center;padding:.75rem}.calculator-formula-reveal-icon{position:relative;right:.5rem;top:.5rem;opacity:1}.calculator-info-icon-wrapper{position:relative;right:.5rem;top:.5rem}}@media (prefers-reduced-motion: reduce){.calculator-field-row,.calculator-btn,.calculator-delete-button{transition:none}}.calculator-btn:focus-visible,.calculator-input:focus-visible,.calculator-delete-button:focus-visible{outline:3px solid #6366f1;outline-offset:2px}.calculator-autocomplete::-webkit-scrollbar{width:8px}.calculator-autocomplete::-webkit-scrollbar-track{background:#f9fafb;border-radius:0 1rem 1rem 0}.calculator-autocomplete::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.calculator-autocomplete::-webkit-scrollbar-thumb:hover{background:#9ca3af}.calculator-input-warning{border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b1a!important}.calculator-warning-message{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:.5rem;font-size:.875rem;color:#92400e;font-weight:500}.calculator-warning-icon{width:1rem;height:1rem;color:#f59e0b;stroke-width:2;flex-shrink:0}.calculator-table-wrapper{position:relative;width:100%;border-radius:1rem;overflow:visible!important;background-color:#fff;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.calculator-table-scroll-container{position:relative;width:100%;overflow:visible!important;border-radius:1rem}.calculator-scroll-indicator{top:0;bottom:0;width:60px;z-index:10;pointer-events:none}.calculator-scroll-indicator-left{left:0;background:linear-gradient(to right,rgba(255,255,255,.95),transparent)}.calculator-scroll-indicator-right{right:0;background:linear-gradient(to left,rgba(255,255,255,.95),transparent)}.calculator-scroll-gradient{width:100%;height:100%;background:linear-gradient(to right,rgba(99,102,241,.1),transparent)}.calculator-scroll-indicator-right .calculator-scroll-gradient{background:linear-gradient(to left,rgba(99,102,241,.1),transparent)}.calculator-table-container{width:100%;overflow-x:auto;overflow-y:visible!important;scroll-behavior:smooth;position:relative;border-radius:1rem;min-height:600px;padding-bottom:2rem;clip-path:none!important;contain:none!important}.calculator-table-container::-webkit-scrollbar{height:12px;background-color:#f5f5f5}.calculator-table-container::-webkit-scrollbar-track{background:linear-gradient(to bottom,#fafafa,#f0f0f0);border-radius:0 0 1rem 1rem;border-top:1px solid #e5e7eb}.calculator-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:6px;border:2px solid #f5f5f5;transition:all .3s ease}.calculator-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#e5e7eb;box-shadow:0 2px 8px #6366f14d}.calculator-table-container::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#4338ca,#6d28d9)}.calculator-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:.875rem;position:relative}.calculator-table tbody,.calculator-table tr,.calculator-table td{overflow:visible!important}.calculator-table tbody tr{overflow:visible;position:relative}.calculator-table-th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;background:linear-gradient(to bottom,#fafafa,#f5f5f5);border-bottom:2px solid #e5e7eb;white-space:nowrap;height:60px}.calculator-th-with-marker{display:flex;align-items:center;gap:.5rem}.calculator-column-marker{width:.5rem;height:.5rem;border-radius:50%;box-shadow:0 0 6px currentColor}.calculator-marker-size{background-color:#3b82f6;color:#3b82f6}.calculator-marker-quantity{background-color:#10b981;color:#10b981}.calculator-marker-uom{background-color:#f59e0b;color:#f59e0b}.calculator-marker-weight,.calculator-marker-painting,.calculator-marker-total-weight{background-color:#059669;color:#059669}.calculator-marker-total-painting{background-color:#10b981;color:#10b981}.calculator-marker-ext-length{background-color:#f59e0b;color:#f59e0b}.calculator-marker-requirements{background-color:#8b5cf6;color:#8b5cf6}.calculator-marker-waste{background-color:#ef4444;color:#ef4444}.calculator-marker-waste-pct{background-color:#f97316;color:#f97316}.calculator-marker-weight-raw,.calculator-marker-pc-raw{background-color:#3b82f6;color:#3b82f6}.calculator-th-no{width:60px}.calculator-th-code{width:160px}.calculator-th-section{width:100px}.calculator-th-orientation{width:70px;text-align:center}.calculator-th-size,.calculator-th-quantity{min-width:180px}.calculator-th-uom{width:100px}.calculator-th-weight-per-meter{min-width:140px}.calculator-th-painting-cost{min-width:120px}.calculator-th-total-weight{min-width:150px}.calculator-th-total-painting{min-width:140px}.calculator-th-ext-length{min-width:150px}.calculator-th-requirements,.calculator-th-waste{min-width:130px}.calculator-th-waste-pct{min-width:120px}.calculator-th-weight-raw,.calculator-th-pc-raw{min-width:180px}.calculator-th-bold{min-width:100px}.calculator-th-width-size,.calculator-th-height-size{min-width:150px}.calculator-th-width-raw,.calculator-th-height-raw{min-width:180px}.calculator-th-weight-kaca{min-width:150px}.calculator-th-actions{width:80px;text-align:center;position:sticky;right:0;background:linear-gradient(to bottom,#fafafa,#f5f5f5);z-index:5;box-shadow:-2px 0 8px #0000000d}.calculator-orientation-indicator{display:flex;justify-content:center;align-items:center;height:100%}.calculator-orientation-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:700;font-size:.75rem;text-transform:uppercase;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.calculator-orientation-vertical{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.calculator-orientation-horizontal{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.calculator-orientation-select{width:100%;min-width:50px;padding:.375rem 2rem .375rem .5rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:#374151;text-align:center;outline:none;transition:all .2s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.calculator-orientation-select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.calculator-orientation-select:hover{background-color:#f9fafb;border-color:#9ca3af}.calculator-orientation-select option{padding:.5rem;background-color:#fff;color:#374151}.calculator-th-highlighted{background:linear-gradient(135deg,#fff2c2);border-top:1px solid #d6c2a0;border-bottom:1px solid #e8ca97;transition:all .3s ease}.calculator-td-highlighted{background:#efe9d5;transition:all .3s ease}.calculator-td-highlighted:hover{background:#f5f5f5}.calculator-th-new{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border-top:1px solid #7DD3FC;border-bottom:1px solid #93C5FD;transition:all .3s ease}.calculator-td-new{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);transition:all .3s ease}.calculator-td-new:hover{background:#dbeafe}.calculator-th-calculated{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-top:1px solid #6EE7B7;border-bottom:1px solid #86EFAC;transition:all .3s ease}.calculator-td-calculated{background:linear-gradient(135deg,#ecfdf5,#d1fae5);transition:all .3s ease}.calculator-td-calculated:hover{background:#d1fae5}.calculator-readonly-cell{padding:.5rem .75rem;text-align:center;font-weight:600;color:#0284c7;font-variant-numeric:tabular-nums;background:#bae6fd4d;border-radius:.375rem;border:1px solid #BAE6FD;font-size:.875rem}.calculator-calculated-cell{padding:.5rem .75rem;text-align:center;font-weight:700;font-variant-numeric:tabular-nums;background:#a7f3d04d;border-radius:.375rem;border:1px solid #A7F3D0;font-size:.875rem}.calculator-calculated-value{display:inline-block;color:#047857;font-family:JetBrains Mono,monospace}.calculator-totals-row{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-weight:600}.calculator-totals-cell{background:#fefeff;vertical-align:middle;padding:1rem}.calculator-totals-value{font-size:1.1em;font-weight:700;color:#1e293b}.calculator-table-row{transition:background-color .15s ease;border-bottom:1px solid #f3f4f6;position:relative}.calculator-table-row:hover{background-color:#fafafa}.calculator-table-row:last-child{border-bottom:none}.calculator-table-td{padding:.75rem 1rem;vertical-align:middle;position:relative;overflow:visible!important}.calculator-cell-clickable{cursor:pointer;transition:background-color .2s ease}.calculator-cell-clickable:hover{background-color:#6366f10d}.calculator-cell-clickable:active{background-color:#6366f11a}.calculator-td-no{font-weight:600;color:#6b7280;font-variant-numeric:tabular-nums;text-align:center}.calculator-td-actions{text-align:center}.calculator-td-orientation{vertical-align:middle;padding:.5rem;min-width:70px}.calculator-orientation-wrapper{position:relative;width:100%}.calculator-table-cell-wrapper{position:relative;display:flex;align-items:center;gap:.5rem}.calculator-table-input{width:250px;padding:.5rem .75rem;background-color:transparent;border:1px solid transparent;border-radius:.5rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;color:#111827;outline:none;transition:all .2s ease}.calculator-table-input::placeholder{color:#9ca3af;font-weight:400}.calculator-table-input:hover{background-color:#f9fafb;border-color:#e5e7eb}.calculator-table-input:focus{background-color:#fff;border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.calculator-table-input-small{max-width:150px}.calculator-table-formula-icon{width:1rem;height:1rem;color:#7c3aed;stroke-width:2;flex-shrink:0;opacity:.8}.calculator-info-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.375rem;cursor:help;transition:all .2s ease;background-color:#fffc;border:1px solid #e5e7eb;opacity:.7;z-index:10}.calculator-info-icon-wrapper:hover{opacity:1;background-color:#fff;border-color:#c7d2fe;box-shadow:0 2px 4px #6366f11a;transform:scale(1.05)}.calculator-info-icon{width:1rem;height:1rem;color:#6b7280;stroke-width:2;transition:color .2s ease}.calculator-info-icon-wrapper:hover .calculator-info-icon{color:#6366f1}.calculator-td-actions{position:sticky;right:0;background:#fff;z-index:5;box-shadow:-2px 0 8px #0000000d}.calculator-table-row:hover .calculator-td-actions{background:#fafafa}.calculator-table-row .calculator-delete-button{opacity:0;padding:.5rem;color:#9ca3af;background:none;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.calculator-table-row:hover .calculator-delete-button{opacity:1}.calculator-table-row .calculator-delete-button:hover{color:#ef4444;background-color:#fee2e2;transform:scale(1.1)}.calculator-table-row .calculator-delete-button:active{transform:scale(.9)}.calculator-table-row .calculator-delete-button svg{width:1rem;height:1rem;stroke-width:2}.calculator-table-cell-wrapper .calculator-autocomplete{z-index:99999!important;position:absolute;left:0;right:0;max-width:600px}.calculator-table-cell-wrapper .calculator-autocomplete:not(.calculator-autocomplete-below){bottom:calc(100% + .5rem);top:auto}.calculator-table-cell-wrapper .calculator-autocomplete.calculator-autocomplete-below{bottom:auto;top:calc(100% + .5rem)}@media (max-width: 1280px){.calculator-table{font-size:.8125rem}.calculator-table-th,.calculator-table-td{padding:.625rem .75rem}.calculator-th-component{min-width:150px}.calculator-th-size,.calculator-th-quantity{min-width:250px}.calculator-th-weight-per-meter,.calculator-th-painting-cost{min-width:110px}.calculator-th-total-weight,.calculator-th-total-painting{min-width:130px}.calculator-th-ext-length,.calculator-th-requirements,.calculator-th-waste,.calculator-th-waste-pct{min-width:120px}.calculator-th-weight-raw,.calculator-th-pc-raw{min-width:160px}.calculator-th-bold{min-width:90px}.calculator-th-width-size,.calculator-th-height-size{min-width:130px}.calculator-th-width-raw,.calculator-th-height-raw{min-width:150px}.calculator-th-weight-kaca{min-width:130px}.calculator-readonly-cell,.calculator-calculated-cell{padding:.375rem .5rem;font-size:.8125rem}}@media (max-width: 768px){.calculator-table-wrapper{margin:0 -1rem;border-radius:0;border-left:none;border-right:none}.calculator-table-container{border-radius:0}.calculator-table{font-size:.75rem}.calculator-table-th,.calculator-table-td{padding:.5rem}.calculator-th-no{width:40px}.calculator-th-code{width:110px}.calculator-th-section{width:70px}.calculator-th-orientation{width:60px}.calculator-th-uom{width:70px}.calculator-th-actions{width:50px}.calculator-th-component,.calculator-th-size,.calculator-th-quantity{min-width:120px}.calculator-th-weight-per-meter,.calculator-th-painting-cost{min-width:100px}.calculator-th-total-weight,.calculator-th-total-painting{min-width:110px}.calculator-th-ext-length,.calculator-th-requirements,.calculator-th-waste,.calculator-th-waste-pct{min-width:100px}.calculator-th-weight-raw,.calculator-th-pc-raw{min-width:140px}.calculator-th-bold{min-width:80px}.calculator-th-width-size,.calculator-th-height-size{min-width:110px}.calculator-th-width-raw,.calculator-th-height-raw{min-width:130px}.calculator-th-weight-kaca{min-width:110px}.calculator-table-input{padding:.375rem .5rem;font-size:.75rem}.calculator-orientation-select{padding:.25rem;font-size:.7rem}.calculator-column-marker{width:.375rem;height:.375rem}.calculator-readonly-cell,.calculator-calculated-cell{padding:.375rem .5rem;font-size:.75rem}.calculator-scroll-indicator{opacity:.8}.calculator-table-container::-webkit-scrollbar{height:8px}.calculator-table-container::-webkit-scrollbar-thumb{border:1px solid #f5f5f5}}.calculator-modal-backdrop{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998;display:flex;align-items:center;justify-content:center;padding:2rem}.calculator-modal{position:relative;width:90%;max-width:900px;max-height:90vh;background:linear-gradient(to bottom right,#fff,#fafafa);border-radius:1.5rem;box-shadow:0 25px 50px #00000040;border:1px solid rgba(229,231,235,.5);z-index:9999;overflow-y:auto;display:flex;flex-direction:column}.calculator-modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom:1px solid rgba(255,255,255,.1)}.calculator-modal-header-content{display:flex;align-items:center;gap:1.25rem}.calculator-modal-icon-wrapper{padding:.875rem;background-color:#fff3;border-radius:1rem;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.calculator-modal-icon-wrapper svg{width:1.75rem;height:1.75rem;color:#fff;stroke-width:2}.calculator-modal-title{font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.calculator-modal-subtitle{color:#ffffffd9;font-size:.875rem;margin:.25rem 0 0;font-weight:300}.calculator-modal-close{padding:.625rem;background-color:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.calculator-modal-close:hover{background-color:#ffffff40;transform:scale(1.1)}.calculator-modal-close svg{width:1.25rem;height:1.25rem;stroke-width:2.5}.calculator-modal-body{padding:2rem;overflow-y:auto;flex:1}.calculator-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-bottom:2rem}.calculator-modal-card{padding:1.75rem;background:#fff;border-radius:1.25rem;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.calculator-modal-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-5px);border-color:#c7d2fe}.calculator-modal-card-icon{width:3rem;height:3rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.calculator-modal-card-icon svg{width:1.5rem;height:1.5rem;stroke-width:2}.calculator-modal-icon-blue{background-color:#6366f11a;color:#6366f1}.calculator-modal-icon-purple{background-color:#8b5cf61a;color:#8b5cf6}.calculator-modal-icon-pink{background-color:#ec48991a;color:#ec4899}.calculator-modal-icon-orange{background-color:#f59e0b1a;color:#f59e0b}.calculator-modal-icon-green{background-color:#10b9811a;color:#10b981}.calculator-modal-icon-cyan{background-color:#06b6d41a;color:#06b6d4}.calculator-modal-card-title{font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 .5rem;letter-spacing:-.01em}.calculator-modal-card-text{color:#6b7280;font-size:.875rem;line-height:1.6;margin:0;font-weight:400}.calculator-modal-footer{padding:1.5rem;background:linear-gradient(to right,#fef3c7,#fde68a);border-radius:1rem;border:1px solid #fbbf24}.calculator-modal-tip{display:flex;align-items:center;gap:.75rem;color:#92400e;font-weight:500;font-size:.9375rem}.calculator-modal-tip-icon{width:1.25rem;height:1.25rem;stroke-width:2;color:#f59e0b;flex-shrink:0}@media (max-width: 768px){.calculator-modal{width:95%;max-height:90vh;border-radius:1rem}.calculator-modal-header{padding:1.5rem}.calculator-modal-title{font-size:1.375rem}.calculator-modal-body{padding:1.5rem}.calculator-modal-grid{grid-template-columns:1fr;gap:1rem}.calculator-modal-card{padding:1.25rem}.calculator-modal-card-icon{width:2.5rem;height:2.5rem}.calculator-modal-footer{padding:1rem}.calculator-modal-tip{font-size:.875rem}}.calculator-modal-body::-webkit-scrollbar{width:8px}.calculator-modal-body::-webkit-scrollbar-track{background:#f9fafb;border-radius:4px}.calculator-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.calculator-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.calculator-status-display{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:.75rem;font-weight:700;font-size:.9375rem;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;border:2px solid transparent;min-height:48px}.calculator-status-aman{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-color:#86efac;box-shadow:0 4px 12px #22c55e33}.calculator-status-exceed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#fca5a5;box-shadow:0 4px 12px #ef444433}.calculator-status-text{font-family:Space Grotesk,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.1)}.calculator-section-accessories{margin-top:2rem;padding:1.5rem;background:#fffc;border-radius:.75rem;border:2px solid 1px solid rgba(229,231,235,.5);box-shadow:0 1px 3px #0000001a}.calculator-th{padding:.75rem 1rem;text-align:left;font-weight:700;font-size:.875rem;color:#1e293b;background:#fffc;border-bottom:2px solid rgba(206,187,192,.5);position:sticky;top:0;z-index:10;white-space:nowrap}.calculator-td{padding:.5rem 1rem;border-bottom:1px solid #eeebe2;background:#fff;transition:background-color .2s ease}tr:hover .calculator-td{background:#fffbeb}.calculator-row-dragging{opacity:.8;box-shadow:0 8px 24px #00000026}.calculator-row-dragging .calculator-td{background:#fef3c7}.calculator-th-drag{width:40px;padding:.5rem;text-align:center}.calculator-th-no{width:60px;text-align:center}.calculator-th-code{min-width:120px}.calculator-th-component{min-width:200px}.calculator-th-quantity{min-width:150px}.calculator-th-uom{min-width:100px}.calculator-th-text{min-width:150px}.calculator-th-image{min-width:100px;text-align:center}.calculator-td-drag{width:40px;padding:.5rem;text-align:center;cursor:grab}.calculator-td-drag:active{cursor:grabbing}.calculator-drag-handle{display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:color .2s ease}.calculator-td-drag:hover .calculator-drag-handle{color:#6366f1}.calculator-td-no{width:60px;text-align:center;font-weight:600;color:#64748b}.calculator-td-code{min-width:120px}.calculator-td-component{min-width:200px}.calculator-td-quantity{min-width:150px;position:relative}.calculator-td-uom{min-width:100px}.calculator-td-text{max-width:200px}.calculator-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.calculator-input-wrapper input{padding-right:2rem}.calculator-formula-indicator{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#8b5cf6;pointer-events:none;opacity:.7;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.calculator-display-cell{display:flex;align-items:center;gap:.5rem;padding:.5rem;min-height:38px;cursor:pointer;transition:all .2s ease;border-radius:.375rem}.calculator-display-cell:hover{background:#f8fafc}.calculator-formula-icon{width:14px;height:14px;color:#8b5cf6;flex-shrink:0}.calculator-result-value{font-weight:600;color:#10b981;font-family:Space Mono,monospace}.calculator-static-value{color:#64748b;font-family:Inter,sans-serif}.calculator-text-cell{display:flex;align-items:center;gap:.5rem}.calculator-text-truncate{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.calculator-btn-view{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #6366f133}.calculator-btn-view:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 8px #6366f14d;transform:translateY(-1px)}.calculator-btn-view:active{transform:translateY(0);box-shadow:0 2px 4px #6366f133}.calculator-text-input-wrapper{position:relative;display:flex;align-items:center;gap:.5rem;width:100%}.calculator-text-input-wrapper .calculator-table-input{flex:1;min-width:0}.calculator-text-input-wrapper .calculator-btn-view{flex-shrink:0;padding:.375rem .625rem;min-width:auto}.calculator-btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:.375rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease;background:transparent}.calculator-btn-icon:hover{transform:translateY(-1px)}.calculator-btn-icon:active{transform:translateY(0)}.calculator-btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef444433}.calculator-btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d}.calculator-btn-delete:active{box-shadow:0 2px 4px #ef444433}.calculator-td-image{min-width:100px;text-align:center}.calculator-th-actions{width:80px;text-align:center;position:sticky;right:0;background:linear-gradient(to bottom,#fef3c7,#fde68a);z-index:11;box-shadow:-2px 0 8px #fbbf241a}.calculator-section-accessories .calculator-td-actions{position:sticky;right:0;background:#fff;z-index:5;text-align:center;box-shadow:-2px 0 8px #0000000d}.calculator-section-accessories tr:hover .calculator-td-actions{background:#fffbeb}.calculator-image-cell{display:flex;align-items:center;justify-content:center;min-height:60px;padding:.5rem}.calculator-image-upload-label{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:.375rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #10b98133}.calculator-image-upload-label:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.calculator-image-upload-label:active{transform:translateY(0);box-shadow:0 2px 4px #10b98133}.calculator-image-upload-input{display:none}.calculator-image-preview-wrapper{position:relative;display:inline-block}.calculator-image-preview{width:60px;height:60px;object-fit:cover;border-radius:.375rem;border:2px solid #d1d5db;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.calculator-image-preview:hover{border-color:#818cf8;box-shadow:0 4px 8px #818cf84d;transform:scale(1.05)}.calculator-image-remove{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ef4444;color:#fff;border:2px solid white;border-radius:50%;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #ef44444d}.calculator-image-remove:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 4px 8px #ef444466}.calculator-image-zoom-backdrop{position:fixed;inset:0;background:#000000eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:pointer}.calculator-image-zoom-wrapper{position:relative;width:100%;max-width:1200px;max-height:90vh;background:linear-gradient(to bottom right,#fff,#f8fafc);border-radius:1.5rem;box-shadow:0 25px 60px #0006;border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column;cursor:default}.calculator-image-zoom-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom:1px solid rgba(255,255,255,.1)}.calculator-image-zoom-header-left{display:flex;align-items:center;gap:1rem}.calculator-image-zoom-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border-radius:.75rem;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.calculator-image-zoom-title{font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.calculator-image-zoom-close{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#ffffff26;border:none;border-radius:.625rem;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.calculator-image-zoom-close:hover{background:#ffffff40;box-shadow:0 4px 12px #00000026}.calculator-image-zoom-close:active{transform:scale(.95)}.calculator-image-zoom-controls{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.75rem;background:linear-gradient(to bottom,#fff,#f8fafc);border-bottom:1px solid #e2e8f0}.calculator-image-zoom-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff;border:none;border-radius:.625rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6366f140}.calculator-image-zoom-btn:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f159;transform:translateY(-2px)}.calculator-image-zoom-btn:active:not(:disabled){transform:translateY(0)}.calculator-image-zoom-btn:disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(135deg,#cbd5e1,#94a3b8);box-shadow:none}.calculator-image-zoom-level{display:flex;align-items:center;justify-content:center;min-width:80px;padding:.625rem 1.25rem;background:#fff;border:2px solid #e2e8f0;border-radius:.625rem;font-size:.938rem;font-weight:700;color:#475569;font-family:Space Mono,monospace;box-shadow:0 2px 4px #0000000d}.calculator-image-zoom-content{flex:1;position:relative;overflow:hidden;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;padding:2rem}.calculator-image-zoom-container{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;-webkit-user-select:none;user-select:none;touch-action:none}.calculator-image-zoom-img{max-width:100%;max-height:100%;height:auto;display:block;border-radius:.75rem;box-shadow:0 20px 50px #0000004d;pointer-events:none;-webkit-user-select:none;user-select:none}.calculator-image-zoom-footer{display:flex;align-items:center;justify-content:center;padding:1rem 1.75rem;background:linear-gradient(to top,#f8fafc,#fff);border-top:1px solid #e2e8f0}.calculator-image-zoom-tip{font-size:.875rem;color:#64748b;font-weight:500;text-align:center;margin:0}.calculator-text-modal{max-width:700px;width:92%;max-height:85vh}.calculator-text-modal-field{margin-bottom:0}.calculator-text-modal-label{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.938rem;font-weight:600;color:#1e293b;padding:.75rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:.75rem;border:1px solid #e2e8f0}.calculator-text-modal-label svg{width:1rem;height:1rem;color:#6366f1;stroke-width:2.5}.calculator-text-modal-textarea{width:100%;min-height:280px;max-height:450px;padding:1.25rem;border:2px solid #e2e8f0;border-radius:1rem;font-family:Inter,sans-serif;font-size:.938rem;line-height:1.7;color:#1e293b;background:#fff;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.calculator-text-modal-textarea:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 4px #818cf81f,0 4px 12px #00000014;background:#fefefe}.calculator-text-modal-textarea::placeholder{color:#94a3b8;font-style:italic}.calculator-text-modal-info{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding:.625rem 1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:.75rem;border:1px solid #e2e8f0;font-size:.813rem;font-weight:500;color:#64748b}.calculator-text-modal-info span{font-family:Space Mono,monospace;font-weight:600;color:#6366f1}.calculator-text-modal-actions{display:flex;gap:.875rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f1f5f9}.calculator-text-modal-actions .calculator-btn{min-width:120px;font-weight:600;font-size:.938rem;padding:.875rem 1.5rem;border-radius:.875rem;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.calculator-text-modal-actions .calculator-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;position:relative;overflow:hidden}.calculator-text-modal-actions .calculator-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#818cf8,#a78bfa);opacity:0;transition:opacity .3s ease}.calculator-text-modal-actions .calculator-btn-primary:hover:before{opacity:1}.calculator-text-modal-actions .calculator-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f159}.calculator-text-modal-actions .calculator-btn-primary svg,.calculator-text-modal-actions .calculator-btn-primary span{position:relative;z-index:1}.calculator-text-modal-actions .calculator-btn-secondary{background:#fff;color:#64748b;border:2px solid #e2e8f0}.calculator-text-modal-actions .calculator-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;color:#475569}.calculator-text-modal-textarea:focus-visible{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126,0 4px 12px #00000014}.calculator-text-modal-actions .calculator-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.calculator-text-modal-textarea:disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.calculator-text-modal-textarea::-webkit-scrollbar{width:10px}.calculator-text-modal-textarea::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.calculator-text-modal-textarea::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:10px;border:2px solid #f1f5f9}.calculator-text-modal-textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.calculator-find-replace-modal{max-width:600px}.calculator-find-replace-field{margin-bottom:1.25rem}.calculator-find-replace-label{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.875rem;color:#374151;margin-bottom:.5rem}.calculator-find-replace-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.9375rem;transition:all .2s ease;background:#fff;color:#1f2937}.calculator-find-replace-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.calculator-find-replace-input::placeholder{color:#9ca3af}.calculator-find-replace-options{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:.75rem}.calculator-find-replace-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none}.calculator-find-replace-checkbox input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:#6366f1}.calculator-find-replace-results{margin-bottom:1.5rem;border:2px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.calculator-find-replace-results-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f0fdf4;color:#166534;font-weight:500;font-size:.875rem;border-bottom:2px solid #e5e7eb}.calculator-find-replace-results-list{max-height:200px;overflow-y:auto}.calculator-find-replace-result-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease}.calculator-find-replace-result-item:hover{background:#f9fafb}.calculator-find-replace-result-item.active{background:#eff6ff;border-left:3px solid #3b82f6}.calculator-find-replace-result-section{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.calculator-find-replace-result-field{font-size:.875rem;color:#374151;font-weight:500}.calculator-find-replace-result-value{font-size:.8125rem;color:#6b7280;font-family:Monaco,Courier New,monospace;background:#f9fafb;padding:.25rem .5rem;border-radius:.375rem;align-self:flex-start}.calculator-find-replace-result-more{padding:.75rem 1rem;text-align:center;font-size:.875rem;color:#6b7280;font-style:italic}.calculator-find-replace-no-results{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:#6b7280;font-size:.875rem}.calculator-find-replace-actions{display:flex;gap:.75rem;flex-wrap:wrap}.calculator-find-replace-actions .calculator-btn{flex:1;min-width:140px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.75rem;font-weight:500;font-size:.875rem;transition:all .2s ease;border:none;cursor:pointer}.calculator-btn-primary{background:#6366f1;color:#fff}.calculator-btn-primary:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #6366f14d}.calculator-btn-secondary{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.calculator-btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.calculator-btn-warning{background:#fef3c7;color:#92400e;border:2px solid #fde68a}.calculator-btn-warning:hover:not(:disabled){background:#fde68a;border-color:#fcd34d;box-shadow:0 4px 12px #fbbf244d}.calculator-find-replace-actions .calculator-btn:disabled{opacity:.4;cursor:not-allowed}.calculator-btn-find{background:linear-gradient(to right,#6366f1,#8b5cf6);color:#fff}.calculator-btn-find:hover{background:linear-gradient(to right,#4f46e5,#7c3aed);box-shadow:0 4px 12px #6366f14d}.calculator-th-drag,.calculator-td-drag{width:40px;min-width:40px;max-width:40px;text-align:center;padding:.5rem!important}.calculator-drag-handle{display:flex;align-items:center;justify-content:center;cursor:grab;color:#9ca3af;transition:color .2s ease;padding:.25rem;border-radius:.375rem}.calculator-drag-handle:hover{color:#6366f1;background:#6366f11a}.calculator-drag-handle:active{cursor:grabbing}.calculator-row-dragging{background:#fff!important;box-shadow:0 8px 20px #0003!important;border:2px solid #6366f1!important;opacity:.95;transform:scale(1.02);z-index:1000}.calculator-row-dragging td{border-color:transparent!important}.calculator-table-row{transition:background-color .2s ease}.calculator-table tbody{position:relative}.calculator-table-input:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;opacity:.7;border-color:#e5e7eb}.calculator-locked-cell{background-color:#f9fafb;color:#6b7280;font-style:italic;padding:.5rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;min-height:2.5rem}.calculator-locked-cell:before{margin-right:.25rem;font-size:.75rem}@media (max-width: 1024px){.calculator-section-accessories{padding:1rem}.calculator-th,.calculator-td{padding:.5rem .75rem;font-size:.813rem}.calculator-th-code,.calculator-td-code{min-width:100px}.calculator-th-component,.calculator-td-component{min-width:150px}.calculator-th-quantity,.calculator-td-quantity,.calculator-th-text,.calculator-td-text{min-width:120px}.calculator-image-zoom-modal{padding:.5rem}.calculator-image-zoom-content-wrapper{max-width:95vw;max-height:95vh}.calculator-text-modal-content{width:95%}}@media (max-width: 768px){.calculator-section-accessories{padding:.75rem;margin-top:1.5rem}.calculator-th,.calculator-td{padding:.375rem .5rem;font-size:.75rem}.calculator-th-code,.calculator-td-code{min-width:80px}.calculator-th-component,.calculator-td-component{min-width:120px}.calculator-th-quantity,.calculator-td-quantity,.calculator-th-text,.calculator-td-text{min-width:100px}.calculator-th-drag,.calculator-td-drag{display:none}.calculator-image-preview{width:48px;height:48px}.calculator-btn-view{padding:.188rem .375rem;font-size:.688rem}.calculator-btn-icon{padding:.25rem}.calculator-image-zoom-backdrop{padding:1rem}.calculator-image-zoom-wrapper{max-height:95vh;border-radius:1rem}.calculator-image-zoom-header{padding:1rem}.calculator-image-zoom-icon-wrapper{width:36px;height:36px}.calculator-image-zoom-title{font-size:1.063rem}.calculator-image-zoom-close{width:34px;height:34px}.calculator-image-zoom-controls{padding:.875rem 1rem;gap:.75rem}.calculator-image-zoom-btn{width:36px;height:36px}.calculator-image-zoom-level{min-width:70px;padding:.5rem 1rem;font-size:.875rem}.calculator-image-zoom-content{padding:1.5rem}.calculator-image-zoom-footer{padding:.875rem 1rem}.calculator-image-zoom-tip{font-size:.813rem}.calculator-image-zoom-btn{padding:.375rem .75rem;font-size:.813rem}.calculator-text-modal{width:95%;max-width:600px;max-height:90vh}.calculator-text-modal-label{font-size:.875rem;padding:.625rem .875rem}.calculator-text-modal-textarea{min-height:220px;font-size:.875rem;padding:1rem}.calculator-text-modal-info{font-size:.75rem;padding:.5rem .75rem}.calculator-text-modal-actions{gap:.75rem;margin-top:1.25rem;padding-top:1.25rem}.calculator-text-modal-actions .calculator-btn{min-width:100px;font-size:.875rem;padding:.75rem 1.25rem}.calculator-autocomplete{font-size:.75rem;max-height:200px}.calculator-tooltip{font-size:.75rem;padding:.75rem 1rem;min-width:150px}}@media (max-width: 480px){.calculator-section-accessories{padding:.5rem;margin-top:1rem}.calculator-th,.calculator-td{padding:.25rem .375rem;font-size:.688rem}.calculator-th-no,.calculator-td-no{width:40px}.calculator-th-code,.calculator-td-code{min-width:70px}.calculator-th-component,.calculator-td-component{min-width:100px}.calculator-th-quantity,.calculator-td-quantity{min-width:80px}.calculator-th-uom,.calculator-td-uom{min-width:60px}.calculator-th-text,.calculator-td-text{min-width:80px}.calculator-th-image,.calculator-td-image{min-width:70px}.calculator-th-actions,.calculator-td-actions{width:50px}.calculator-text-truncate{max-width:60px}.calculator-image-preview{width:40px;height:40px}.calculator-btn-view{padding:.125rem .25rem;font-size:.625rem}.calculator-btn-icon{padding:.188rem}.calculator-table-input{font-size:.688rem;padding:.25rem .375rem}.calculator-image-zoom-content-wrapper{max-width:100vw;max-height:100vh;border-radius:0}.calculator-image-zoom-header{padding:.5rem .75rem}.calculator-image-zoom-title{font-size:.875rem}.calculator-image-zoom-controls{padding:.5rem .75rem}.calculator-image-zoom-btn{padding:.25rem .5rem;font-size:.75rem}.calculator-text-modal{width:100%;max-width:100vw;max-height:100vh;border-radius:0}.calculator-modal-body{padding:1rem}.calculator-text-modal-label{font-size:.813rem;padding:.5rem .75rem;gap:.375rem}.calculator-text-modal-label svg{width:.875rem;height:.875rem}.calculator-text-modal-textarea{min-height:200px;max-height:300px;font-size:.813rem;padding:.875rem;line-height:1.6}.calculator-text-modal-info{font-size:.688rem;padding:.5rem .75rem;flex-direction:column;gap:.25rem;align-items:flex-start}.calculator-text-modal-actions{flex-direction:column-reverse;gap:.625rem;margin-top:1rem;padding-top:1rem}.calculator-text-modal-actions .calculator-btn{width:100%;min-width:unset;font-size:.813rem;padding:.75rem 1rem;justify-content:center}.calculator-autocomplete{font-size:.688rem;max-height:180px}.calculator-autocomplete-item{padding:.375rem .5rem}}.calculator-save-modal{max-width:600px;width:90%;margin:0 auto}.calculator-save-modal .calculator-modal-body{padding:2rem;overflow-y:auto;max-height:60vh}.calculator-save-field{margin-bottom:1.75rem}.calculator-save-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.625rem}.calculator-save-label svg{width:1rem;height:1rem;color:#6366f1;stroke-width:2.5}.calculator-save-required{color:#ef4444;font-weight:700;margin-left:.125rem}.calculator-save-input,.calculator-save-select,.calculator-save-textarea{width:100%;padding:.875rem 1rem;font-size:.938rem;border:2px solid #e5e7eb;border-radius:.75rem;background-color:#fff;transition:all .2s ease;font-family:inherit;color:#1f2937}.calculator-save-input:focus,.calculator-save-select:focus,.calculator-save-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.calculator-save-input::placeholder,.calculator-save-textarea::placeholder{color:#9ca3af}.calculator-save-textarea{resize:vertical;min-height:80px;max-height:200px;line-height:1.6}.calculator-save-dropdown-wrapper{position:relative}.calculator-save-select{appearance:none;cursor:pointer;padding-right:3rem;font-weight:500}.calculator-save-select-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280}.calculator-save-hint{display:block;margin-top:.5rem;font-size:.813rem;color:#6b7280;font-style:italic}.calculator-save-info{display:flex;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-left:4px solid #3b82f6;border-radius:.75rem;margin-top:1.5rem}.calculator-save-info-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:#3b82f626;border-radius:.625rem;color:#3b82f6}.calculator-save-info-content{flex:1}.calculator-save-info-title{font-size:.875rem;font-weight:600;color:#1e40af;margin:0 0 .375rem}.calculator-save-info-text{font-size:.813rem;color:#1e3a8a;line-height:1.6;margin:0}@media (max-width: 640px){.calculator-save-modal{width:95%;max-height:95vh}.calculator-save-modal .calculator-modal-body{padding:1.5rem}.calculator-save-field{margin-bottom:1.5rem}.calculator-save-label{font-size:.813rem}.calculator-save-input,.calculator-save-select,.calculator-save-textarea{padding:.75rem .875rem;font-size:.875rem}.calculator-save-hint{font-size:.75rem}.calculator-save-info{padding:.875rem 1rem;gap:.75rem}.calculator-save-info-icon{width:2rem;height:2rem}.calculator-save-info-icon svg{width:1rem;height:1rem}.calculator-save-info-title{font-size:.813rem}.calculator-save-info-text{font-size:.75rem}}.calculator-share-modal{max-width:550px;width:90%}.calculator-share-actions{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem;background:#f9fafb;border-radius:6px;flex-wrap:wrap}.calculator-share-action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.813rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.calculator-share-action-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.calculator-share-count{margin-left:auto;font-size:.813rem;color:#6b7280;font-weight:500}.calculator-share-divisions-list{max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem;background:#f9fafb}.calculator-share-division-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease}.calculator-share-division-item:last-child{margin-bottom:0}.calculator-share-division-item:hover{border-color:#3b82f6;background:#eff6ff}.calculator-share-division-item.selected{border-color:#3b82f6;background:#dbeafe}.calculator-share-division-item.privileged{opacity:.6;cursor:default}.calculator-share-division-item.privileged:hover{border-color:#e5e7eb;background:#fff;transform:none}.calculator-share-division-checkbox{width:24px;height:24px;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.calculator-share-division-item.selected .calculator-share-division-checkbox{border-color:#3b82f6;background:#3b82f6;color:#fff}.calculator-share-division-info{flex:1}.calculator-share-division-name{font-size:.938rem;font-weight:500;color:#1f2937;display:flex;align-items:center;gap:.5rem}.calculator-share-division-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:12px;font-size:.688rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.calculator-share-modal .calculator-btn-primary:disabled{opacity:.5;cursor:not-allowed}.calculator-share-modal .calculator-btn-primary:disabled:hover{transform:none}.calculator-share-loading,.calculator-share-empty{padding:20px;text-align:center;color:#6b7280;font-size:.938rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}@media (prefers-color-scheme: dark){.calculator-share-actions{background:#1f2937}.calculator-share-action-btn{background:#111827;border-color:#374151;color:#f3f4f6}.calculator-share-action-btn:hover{background:#1e3a8a;border-color:#3b82f6;color:#60a5fa}.calculator-share-count{color:#9ca3af}.calculator-share-divisions-list{background:#1f2937;border-color:#374151}.calculator-share-division-item{background:#111827;border-color:#374151}.calculator-share-division-item:hover{background:#1e3a8a;border-color:#3b82f6}.calculator-share-division-item.selected{background:#1e3a8a}.calculator-share-division-name{color:#f3f4f6}.calculator-share-division-badge{background:#374151;border-color:#4b5563;color:#9ca3af}.calculator-share-loading,.calculator-share-empty{color:#9ca3af;background:#1f2937;border-color:#374151}}@media (max-width: 640px){.calculator-share-modal{width:95%;max-height:95vh}.calculator-share-divisions-list{max-height:200px}.calculator-share-division-item{padding:.75rem .875rem}.calculator-share-division-name{font-size:.875rem}}.calculator-section-total-loads{background-color:#ffffffe6}.total-loads-container{width:100%;overflow:visible!important}.total-loads-row{display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap;overflow:visible!important}.total-loads-formula-group{flex:2;min-width:300px;display:flex;flex-direction:column;gap:.5rem;overflow:visible;position:relative;z-index:10}.total-loads-result-group,.total-loads-status-group{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.5rem}.total-loads-label{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:#374151;margin-bottom:.25rem}.total-loads-label svg{width:1rem;height:1rem;color:#6366f1}.total-loads-input-wrapper{position:relative;width:100%;overflow:visible;z-index:10}.total-loads-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:.938rem;font-family:Roboto Mono,monospace;background-color:#fff;transition:all .2s ease;outline:none}.total-loads-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.total-loads-formula-input{padding-right:2.5rem}.total-loads-result-wrapper{display:flex;align-items:center;gap:.75rem;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;padding:.75rem 1rem;min-height:48px}.total-loads-result{flex:1;font-family:Roboto Mono,monospace;font-size:1.125rem;font-weight:600;color:#111827}.total-loads-result-value{display:inline-block}.total-loads-result-placeholder{color:#9ca3af;font-weight:400}.total-loads-unit{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.total-loads-status{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:.75rem;font-weight:600;font-size:.938rem;min-height:48px;transition:all .3s ease}.total-loads-status svg{width:1.25rem;height:1.25rem;flex-shrink:0}.total-loads-status-safe{background-color:#d1fae5;color:#065f46;border:2px solid #10b981}.total-loads-status-safe svg{color:#10b981}.total-loads-status-exceed{background-color:#fee2e2;color:#991b1b;border:2px solid #ef4444;animation:pulse-red 2s cubic-bezier(.4,0,.6,1) infinite}.total-loads-status-exceed svg{color:#ef4444}.total-loads-status-no-limit{background-color:#f3f4f6;color:#6b7280;border:2px solid #d1d5db}.total-loads-status-no-limit svg{color:#9ca3af}@keyframes pulse-red{0%,to{background-color:#fee2e2;box-shadow:0 0 #ef444466}50%{background-color:#fecaca;box-shadow:0 0 0 6px #ef444400}}.calculator-section-divider{padding-top:2rem;border-top:2px solid #e5e7eb;overflow:visible!important}.calculator-section-divider .calculator-section-header{margin-bottom:1.5rem;padding-bottom:0;border-bottom:none}@media (max-width: 1024px){.total-loads-row{flex-direction:column}.total-loads-formula-group,.total-loads-result-group,.total-loads-status-group{flex:1;width:100%}}.calculator-item-dropdown-wrapper{position:relative}.calculator-item-dropdown{position:absolute;top:calc(100% + .25rem);left:0;right:0;z-index:999999;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 20px 25px #00000026,0 10px 10px #0000000a;max-height:320px;overflow-y:auto;overflow-x:hidden}.calculator-item-dropdown-loading,.calculator-item-dropdown-error,.calculator-item-dropdown-empty{padding:1rem;text-align:center;color:#6b7280;font-size:.875rem}.calculator-item-dropdown-error{color:#ef4444}.calculator-item-dropdown-item{padding:.75rem 1rem;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid #f3f4f6}.calculator-item-dropdown-item:last-child{border-bottom:none}.calculator-item-dropdown-item:hover{background-color:#f9fafb}.calculator-item-dropdown-item-content{display:flex;flex-direction:column;gap:.25rem}.calculator-item-dropdown-item-main{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.calculator-item-dropdown-item-code{font-weight:600;color:#3b82f6;font-family:JetBrains Mono,monospace;font-size:.875rem}.calculator-item-dropdown-item-description{font-size:.875rem;color:#374151;flex:1}.calculator-item-dropdown-item-meta{font-size:.75rem;color:#9ca3af;display:flex;gap:.75rem;flex-wrap:wrap}.calculator-item-dropdown-item-meta span{display:inline-flex;align-items:center;gap:.25rem}.calculator-item-dropdown::-webkit-scrollbar{width:8px}.calculator-item-dropdown::-webkit-scrollbar-track{background:#f3f4f6;border-radius:0 .75rem .75rem 0}.calculator-item-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.calculator-item-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}.calculator-delete-confirm-modal{max-width:500px}.calculator-delete-info{display:flex;flex-direction:column;gap:1rem}.calculator-delete-warning{padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b;font-size:.875rem}.calculator-delete-row-info{padding:1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem}.calculator-delete-row-info p{margin:0;font-size:.875rem;color:#374151}.calculator-btn-danger{background-color:#dc2626;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.calculator-btn-danger:hover{background-color:#b91c1c;box-shadow:0 4px 6px #dc262633}.calculator-btn-danger:active{background-color:#991b1b}.sandbox-container{min-height:100vh;background:linear-gradient(to bottom right,#f0fdfa,#ccfbf1,#e0f2fe);padding:2rem}.sandbox-wrapper{max-width:1280px;margin:0 auto}.sandbox-header{margin-bottom:2rem}.sandbox-back-button{display:flex;align-items:center;gap:.5rem;color:#475569;font-weight:500;background:none;border:none;cursor:pointer;transition:color .2s ease;margin-bottom:1rem;padding:0;font-size:1rem}.sandbox-back-button:hover{color:#0d9488}.sandbox-back-button svg{width:1.25rem;height:1.25rem;stroke-width:2;transition:transform .2s ease}.sandbox-back-button:hover svg{transform:translate(-4px)}.sandbox-header-card{background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1rem;box-shadow:0 1px 2px #0000000d;border:1px solid rgba(226,232,240,.5);padding:2rem}.sandbox-header-content{display:flex;align-items:center;gap:1rem}.sandbox-icon-wrapper{padding:.75rem;background:linear-gradient(to bottom right,#14b8a6,#06b6d4);border-radius:.75rem}.sandbox-icon-wrapper svg{width:2rem;height:2rem;color:#fff;stroke-width:2}.sandbox-header-info h1{font-family:Space Grotesk,sans-serif;font-size:2.25rem;font-weight:700;color:#1e293b;letter-spacing:-.02em;margin-bottom:.25rem}.sandbox-header-info p{color:#64748b;margin:0;font-weight:300}.sandbox-content-card{background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1rem;box-shadow:0 1px 2px #0000000d;border:1px solid rgba(226,232,240,.5);padding:3rem;text-align:center}.sandbox-content-icon{display:inline-block;padding:1.5rem;background:linear-gradient(to bottom right,#ccfbf1,#a5f3fc);border-radius:1.5rem;margin-bottom:1.5rem}.sandbox-content-icon svg{width:5rem;height:5rem;color:#0d9488;stroke-width:1.5}.sandbox-content-title{font-family:Space Grotesk,sans-serif;font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.sandbox-content-description{font-size:1.125rem;color:#64748b;max-width:48rem;margin:0 auto;line-height:1.7;font-weight:300}@media (max-width: 768px){.sandbox-container{padding:1rem}.sandbox-header-card{padding:1.5rem}.sandbox-header-content{flex-direction:column;align-items:flex-start}.sandbox-header-info h1{font-size:1.75rem}.sandbox-content-card{padding:2rem 1.5rem}.sandbox-content-title{font-size:1.5rem}.sandbox-content-description{font-size:1rem}}@media (prefers-reduced-motion: reduce){.sandbox-back-button svg{transition:none}}.sandbox-back-button:focus-visible{outline:3px solid #0d9488;outline-offset:2px;border-radius:.25rem}.not-found-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f0f4f8,#d9e2ec);padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.not-found-card{position:relative;max-width:800px;width:100%;background:#fff;padding:3rem 2.5rem;border-radius:24px;box-shadow:0 20px 60px #0000001a;text-align:center;z-index:1}.error-code{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem;font-weight:900;font-size:5rem;line-height:1}.error-code span{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(102,126,234,.3)}.number-4,.number-0{animation:pulse-number 2s ease-in-out infinite}.number-4:first-child{animation-delay:0s}.number-0{animation-delay:.3s}.number-4:last-child{animation-delay:.6s}@keyframes pulse-number{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.not-found-image-wrapper{position:relative;display:inline-block;margin-bottom:2rem}.not-found-image{width:320px;height:auto;max-width:100%;object-fit:contain}.question-mark{position:absolute;font-size:3rem;font-weight:700;color:#667eea;pointer-events:none;text-shadow:0 2px 8px rgba(102,126,234,.3)}.question-mark.qm-1{top:10%;left:5%;font-size:2.5rem}.question-mark.qm-2{top:15%;right:5%;font-size:3rem}.question-mark.qm-3{top:5%;left:50%;transform:translate(-50%);font-size:2rem}.confused-particle{position:absolute;font-size:2rem;pointer-events:none}.confused-particle.cp-1{bottom:20%;left:10%}.confused-particle.cp-2{bottom:25%;right:10%}.not-found-content{margin-bottom:2.5rem}.not-found-title{font-size:2.25rem;font-weight:700;color:#1a202c;margin-bottom:1rem;line-height:1.2}.not-found-message{font-size:1.125rem;color:#4a5568;margin-bottom:.75rem;line-height:1.6}.not-found-submessage{font-size:1rem;color:#718096;line-height:1.6}.suggestions-box{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid rgba(102,126,234,.2);border-radius:16px;padding:1.75rem;margin-bottom:2rem;text-align:left}.suggestions-box h3{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:#667eea;margin-bottom:1rem}.suggestions-box ul{list-style:none;padding:0;margin:0}.suggestions-box li{color:#4a5568;font-size:.9375rem;padding:.625rem 0 .625rem 1.75rem;position:relative;line-height:1.5}.suggestions-box li:before{content:"→";position:absolute;left:.5rem;color:#667eea;font-weight:700;font-size:1.125rem}.suggestions-box li:not(:last-child){border-bottom:1px solid rgba(102,126,234,.1)}.not-found-actions{margin-bottom:2rem}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.action-button{display:inline-flex;align-items:center;gap:.625rem;padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-button.primary:hover{box-shadow:0 8px 24px #667eea4d}.action-button.secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.action-button.secondary:hover{box-shadow:0 8px 24px #3b82f64d}.action-button svg{flex-shrink:0}.support-section{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px solid #e2e8f0;border-radius:16px;padding:2rem}.support-content{display:flex;align-items:flex-start;gap:1.25rem;text-align:left}.support-icon{flex-shrink:0;color:#667eea;margin-top:.25rem}.support-text{flex:1}.support-title{font-size:1.0625rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.support-message{color:#4a5568;font-size:.9375rem;margin-bottom:1rem;line-height:1.6}.support-email{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #667eea;border-radius:10px;color:#667eea;font-weight:600;font-size:.9375rem;text-decoration:none;transition:all .3s ease}.support-email:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.support-email svg{flex-shrink:0}.decorative-circles.not-found{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.decorative-circles.not-found .circle{position:absolute;border-radius:50%}.decorative-circles.not-found .circle-1{width:400px;height:400px;top:-100px;right:-100px;background:radial-gradient(circle,rgba(102,126,234,.15) 0%,transparent 70%)}.decorative-circles.not-found .circle-2{width:350px;height:350px;bottom:-80px;left:-80px;background:radial-gradient(circle,rgba(118,75,162,.12) 0%,transparent 70%)}.decorative-circles.not-found .circle-3{width:250px;height:250px;top:40%;left:5%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%)}.floating-icon{position:absolute;top:5%;right:5%;color:#cbd5e0;opacity:.5;pointer-events:none}@media (max-width: 768px){.not-found-card{padding:2.5rem 2rem}.error-code{font-size:4rem;margin-bottom:1.5rem}.not-found-image{width:260px}.not-found-title{font-size:1.875rem}.not-found-message{font-size:1rem}.not-found-submessage{font-size:.9375rem}.question-mark.qm-1,.question-mark.qm-2{font-size:2rem}.question-mark.qm-3,.confused-particle{font-size:1.5rem}.suggestions-box{padding:1.5rem}.support-content{flex-direction:column;text-align:center}.support-icon{margin:0 auto}.support-text{text-align:center}.action-buttons{flex-direction:column}.action-button{width:100%;justify-content:center}}@media (max-width: 480px){.not-found-container{padding:1rem}.not-found-card{padding:2rem 1.5rem}.error-code{font-size:3rem}.not-found-image{width:200px}.not-found-title{font-size:1.5rem}.not-found-message{font-size:.9375rem}.question-mark.qm-1,.question-mark.qm-2{font-size:1.5rem}.question-mark.qm-3{font-size:1.25rem}.suggestions-box{padding:1.25rem}.suggestions-box h3{font-size:1rem}.suggestions-box li{font-size:.875rem;padding-left:1.5rem}.support-section{padding:1.5rem}.support-title{font-size:1rem}.support-message{font-size:.875rem}.support-email{width:100%;justify-content:center;padding:.75rem 1.25rem;font-size:.875rem}.decorative-circles.not-found .circle-1{width:250px;height:250px}.decorative-circles.not-found .circle-2{width:200px;height:200px}.decorative-circles.not-found .circle-3{width:150px;height:150px}.floating-icon{display:none}}.protected-route-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;gap:1.5rem}.loading-spinner{width:64px;height:64px;position:relative}.spinner-circle{width:100%;height:100%;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%}.protected-route-loading p{font-size:1rem;font-weight:500;opacity:.9;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:.9}50%{opacity:.5}}.user-profile-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.user-profile-wrapper{max-width:1000px;margin:0 auto}.user-profile-header{margin-bottom:2rem}.user-profile-back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.user-profile-back-button:hover{background:#fff3;transform:translate(-4px)}.user-profile-card{background:#fff;border-radius:24px;padding:3rem;box-shadow:0 20px 60px #0000004d}.user-profile-avatar-section{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #f1f5f9}.user-profile-avatar-wrapper{position:relative;display:inline-block;margin-bottom:1.5rem}.user-profile-avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid white;box-shadow:0 10px 30px #0003}.user-profile-avatar-badge{position:absolute;bottom:10px;right:10px;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:3px solid white;box-shadow:0 4px 12px #00000026}.user-profile-name{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.user-profile-email{font-size:1.1rem;color:#64748b}.user-profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.user-profile-info-card{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:1px solid #e2e8f0;transition:all .3s ease}.user-profile-info-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.user-profile-info-icon{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.user-profile-info-content{flex:1}.user-profile-info-content label{display:block;font-size:.85rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.user-profile-info-content p{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.user-profile-info-badge{display:inline-block;padding:.25rem .75rem;background:#e0e7ff;color:#4f46e5;border-radius:20px;font-size:.75rem;font-weight:600}.user-profile-info-badge.verified,.user-profile-info-badge.active{background:#dcfce7;color:#16a34a}.user-profile-info-badge.inactive{background:#fee2e2;color:#dc2626}.user-profile-stats{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:2rem;border:1px solid #e2e8f0}.user-profile-stat-card h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem}.user-profile-stat-items{display:flex;flex-direction:column;gap:1rem}.user-profile-stat-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.user-profile-stat-label{font-size:.95rem;color:#64748b;font-weight:500}.user-profile-stat-value{font-size:1rem;font-weight:600;color:#1e293b}.user-profile-loading,.user-profile-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-profile-loading p{margin-top:1rem;font-size:1.1rem}.user-profile-error h2{margin-bottom:1.5rem}.user-profile-back-btn{padding:.75rem 2rem;background:#fff;color:#667eea;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.user-profile-back-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}@media (max-width: 768px){.user-profile-container{padding:1rem}.user-profile-card{padding:2rem 1.5rem}.user-profile-name{font-size:1.5rem}.user-profile-info-grid{grid-template-columns:1fr}.user-profile-avatar{width:120px;height:120px}}/**
 * App Component Styles - Enterprise Edition v2.0
 *
 * Architecture:
 * - Component-specific utilities aligned with design system
 * - Glass morphism effects with performance optimization
 * - Micro-interactions for enhanced UX
 * - Advanced shadow system with GPU acceleration
 * - Smooth transitions using design tokens
 *
 * @version 2.0.0
 
 * @license MIT
 */.app-container{min-height:100dvh;width:100%;position:relative;overflow-x:hidden;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--neutral-100) 100%)}#root{min-height:100dvh;width:100%;isolation:isolate;position:relative}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-4)}.container-fluid{width:100%;padding:0 var(--space-4)}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--primary-100);border-top-color:var(--primary-500);border-radius:var(--radius-full);animation:spin .8s linear infinite;will-change:transform}.loading-spinner-lg{width:40px;height:40px;border-width:4px}.loading-spinner-sm{width:16px;height:16px;border-width:2px}.loading-dots{display:inline-flex;gap:var(--space-2);align-items:center}.loading-dots span{width:8px;height:8px;background:var(--primary-500);border-radius:var(--radius-full);animation:bounce 1.4s infinite ease-in-out both;will-change:transform}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}.skeleton{background:linear-gradient(90deg,var(--neutral-200) 0%,var(--neutral-100) 50%,var(--neutral-200) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md);will-change:background-position}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-circle{border-radius:var(--radius-full);width:48px;height:48px}.card{background:var(--neutral-0);border-radius:var(--radius-2xl);border:1px solid var(--neutral-200);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.card-hover{cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.card-hover:active{transform:translateY(-2px) scale(.99);transition-duration:var(--duration-fast)}.card-interactive{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.card-elevated{box-shadow:var(--shadow-md)}.card-flat{border:none;box-shadow:none}.card-primary{background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border-color:var(--primary-200)}.card-accent{background:linear-gradient(135deg,var(--accent-50) 0%,var(--accent-100) 100%);border-color:var(--accent-200)}.shadow-soft{box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f}.shadow-elevated{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a}.shadow-float{box-shadow:0 8px 24px #0000001f,0 4px 8px #0000000f}.shadow-dramatic{box-shadow:0 20px 40px #00000026,0 8px 16px #00000014}.shadow-colored-primary{box-shadow:0 10px 30px #6366f133,0 4px 12px #6366f126}.shadow-colored-accent{box-shadow:0 10px 30px #06b6d433,0 4px 12px #06b6d426}.shadow-inner-soft{box-shadow:inset 0 2px 4px #0000000a}.glass{background:#ffffffbf;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000014,inset 0 1px #fff9}.glass-dark{background:#1c1917bf;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;color:var(--neutral-50)}.glass-strong{backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%)}.glass-subtle{backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%)}.gradient-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%)}.gradient-primary-subtle{background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%)}.gradient-accent{background:linear-gradient(135deg,var(--accent-500) 0%,var(--accent-700) 100%)}.gradient-success{background:linear-gradient(135deg,var(--success-500) 0%,var(--success-600) 100%)}.gradient-warm{background:linear-gradient(135deg,var(--warning-500) 0%,var(--error-500) 100%)}.gradient-cool{background:linear-gradient(135deg,var(--info-500) 0%,var(--accent-500) 100%)}.gradient-text{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-animated{background-size:200% 200%;animation:gradient-shift 4s ease infinite;will-change:background-position}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;position:relative;overflow:hidden;border:none;cursor:pointer;-webkit-user-select:none;user-select:none}.btn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.btn:hover:before{opacity:1}.btn:active{transform:scale(.98);transition-duration:var(--duration-fast)}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:var(--neutral-0);box-shadow:0 4px 12px #6366f140}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);box-shadow:0 6px 16px #6366f159;transform:translateY(-2px)}.btn-secondary{background:var(--neutral-0);color:var(--neutral-700);border:1.5px solid var(--neutral-300);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--neutral-50);border-color:var(--neutral-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--neutral-700);box-shadow:none}.btn-ghost:hover{background:var(--neutral-100)}.btn-danger{background:linear-gradient(135deg,var(--error-500) 0%,var(--error-600) 100%);color:var(--neutral-0);box-shadow:0 4px 12px #ef444440}.btn-danger:hover{box-shadow:0 6px 16px #ef444459;transform:translateY(-2px)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn-icon{padding:var(--space-2);width:40px;height:40px;border-radius:var(--radius-lg)}.btn-icon-sm{width:32px;height:32px;padding:var(--space-1)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-family:var(--font-body);color:var(--neutral-900);background:var(--neutral-0);border:1.5px solid var(--neutral-300);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out);outline:none}.input::placeholder{color:var(--neutral-400)}.input:hover{border-color:var(--neutral-400)}.input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a}.input:disabled{background:var(--neutral-100);cursor:not-allowed;opacity:.6}.input-error{border-color:var(--error-500)}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-50);color:var(--success-700)}.badge-warning{background:var(--warning-50);color:var(--warning-700)}.badge-error{background:var(--error-50);color:var(--error-700)}.badge-neutral{background:var(--neutral-100);color:var(--neutral-700)}.tooltip{position:absolute;padding:var(--space-2) var(--space-3);background:var(--neutral-900);color:var(--neutral-0);font-size:var(--font-size-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-tooltip);pointer-events:none;white-space:nowrap}.tooltip:after{content:"";position:absolute;border:4px solid transparent}.tooltip-top:after{bottom:-8px;left:50%;transform:translate(-50%);border-top-color:var(--neutral-900)}.tooltip-bottom:after{top:-8px;left:50%;transform:translate(-50%);border-bottom-color:var(--neutral-900)}.divider{height:1px;background:var(--neutral-200);margin:var(--space-6) 0}.divider-vertical{width:1px;height:100%;background:var(--neutral-200);margin:0 var(--space-4)}.divider-thick{height:2px}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.pointer{cursor:pointer}.not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}@media (max-width: 767px){.btn{padding:var(--space-2.5) var(--space-5);font-size:var(--font-size-sm)}.card{padding:var(--space-4)}.container{padding:0 var(--space-3)}}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.focusable:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){.btn,.card-hover,.loading-spinner,.loading-dots span{animation:none!important;transition:none!important}.btn:hover,.card-hover:hover{transform:none!important}}