@charset "UTF-8";.skeleton{background-color:var(--border-color);background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-color) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 2s infinite ease-in-out;position:relative;overflow:hidden;border-radius:var(--radius-sm)}.skeleton-text{height:.75rem;margin-bottom:.5rem;border-radius:var(--radius-sm)}.skeleton-circular{border-radius:50%}.skeleton-rectangular{border-radius:0}.skeleton-rounded{border-radius:var(--radius-xl)}.skeleton-text-group{width:100%;display:flex;flex-direction:column}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.builder-skeleton-header{height:120px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.builder-skeleton-content{display:grid;grid-template-columns:250px 1fr 300px;gap:var(--space-6);padding:var(--space-6);height:calc(100vh - 120px)}.palette-skeleton{display:flex;flex-direction:column;gap:var(--space-4)}.canvas-skeleton{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-color);height:100%}.editor-skeleton{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-color);height:calc(100vh - 160px)}.dashboard-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6);width:100%}.card-skeleton{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--border-color);height:200px}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--breakpoint-4k: 2560px;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: clamp(.9375rem, .875rem + .3vw, 1rem);--text-xl: clamp(1rem, .9375rem + .4vw, 1.125rem);--text-2xl: clamp(1.125rem, 1rem + .5vw, 1.25rem);--text-3xl: clamp(1.25rem, 1.125rem + .8vw, 1.5rem);--text-4xl: clamp(1.5rem, 1.25rem + 1vw, 1.875rem);--text-5xl: clamp(1.875rem, 1.5rem + 1.5vw, 2.5rem);--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.125rem;--space-6: 1.25rem;--space-7: 1.5rem;--space-8: 1.75rem;--space-9: 2rem;--space-10: 2.25rem;--space-12: 2.75rem;--space-16: 3.5rem;--space-20: 4rem;--space-24: 5rem;--space-32: 6.5rem;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-backdrop: blur(10px);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .1);--primary-color: #4f46e5;--secondary-color: #667eea;--accent-color: #764ba2;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: var(--primary-color);--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary-color) 0%, var(--accent-color) 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-glass: rgba(255, 255, 255, .7);--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-inverse: #ffffff;--border-color: #e5e7eb;--border-color-light: rgba(255, 255, 255, .1);--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Courier New", monospace}body.dark-theme,[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #020617;--bg-tertiary: #1e293b;--bg-glass: rgba(15, 23, 42, .7);--glass-bg: rgba(15, 23, 42, .7);--glass-border: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--border-color: #1e293b;--border-color-light: rgba(255, 255, 255, .05);--gray-50: #1e293b;--gray-100: #0f172a;--gray-200: #1e293b;--gray-300: #334155;--gray-400: #475569;--gray-500: #64748b;--gray-600: #94a3b8;--gray-700: #cbd5e1;--gray-800: #f1f5f9;--gray-900: #f8fafc;color-scheme:dark}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26871a;border-radius:var(--radius-xl);transition:all var(--transition-base)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #1f268726}.gradient-primary{background:var(--gradient-primary)}.gradient-sunset{background:var(--gradient-sunset)}.gradient-ocean{background:var(--gradient-ocean)}.gradient-forest{background:var(--gradient-forest)}.gradient-fire{background:var(--gradient-fire)}.gradient-sky{background:var(--gradient-sky)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes slideInLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea66}50%{box-shadow:0 0 30px #667eea99}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-out}.animate-slideInRight{animation:slideInRight var(--transition-base) ease-out}.animate-slideInLeft{animation:slideInLeft var(--transition-base) ease-out}.animate-scaleIn{animation:scaleIn var(--transition-base) ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.modern-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--gray-200)}.modern-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-300)}.modern-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-200)}.modern-card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.modern-card-body{color:var(--text-secondary);line-height:1.6}.btn-modern{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.btn-modern:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-modern:hover:before{width:300px;height:300px}.btn-modern-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-modern-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-modern-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--gray-300)}.btn-modern-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-400)}.badge-modern{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b1a;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.badge-error{background:#ef44441a;color:var(--error);border:1px solid rgba(239,68,68,.3)}.badge-info{background:#3b82f61a;color:var(--info);border:1px solid rgba(59,130,246,.3)}.input-modern{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-base)}.input-modern:focus-visible{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px #0ea5e933}:focus-visible{outline:3px solid var(--primary-400);outline-offset:2px}.btn-modern:focus-visible{transform:scale(.98)}.input-modern::-moz-placeholder{color:var(--text-tertiary)}.input-modern::placeholder{color:var(--text-tertiary)}.h1,h1{font-size:var(--text-4xl);font-weight:700;line-height:var(--leading-tight);color:var(--text-primary);margin:0 0 var(--space-4) 0}.h2,h2{font-size:var(--text-3xl);font-weight:600;line-height:var(--leading-tight);color:var(--text-primary);margin:0 0 var(--space-3) 0}.h3,h3{font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-snug);color:var(--text-primary);margin:0 0 var(--space-3) 0}.h4,h4{font-size:var(--text-xl);font-weight:600;line-height:var(--leading-normal);color:var(--text-primary);margin:0 0 var(--space-2) 0}.h5,h5{font-size:var(--text-lg);font-weight:600;line-height:var(--leading-normal);color:var(--text-primary);margin:0 0 var(--space-2) 0}.h6,h6{font-size:var(--text-base);font-weight:600;line-height:var(--leading-normal);color:var(--text-primary);margin:0 0 var(--space-2) 0}.body-large{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-primary)}.body{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary)}.body-small{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary)}@media (max-width: 768px){.h1,h1{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.h2,h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.h3,h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}}.status-badge-clickable{cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none}.status-badge-clickable:hover{filter:brightness(.9);transform:scale(1.02)}.status-selection-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--z-popover);width:200px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);overflow:hidden}.status-selection-menu .menu-header{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.05em;border-bottom:1px solid var(--border-color);margin-bottom:var(--space-1)}.status-selection-menu .menu-item{display:flex;align-items:center;width:100%;padding:var(--space-2-5) var(--space-3);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left}.status-selection-menu .menu-item:hover{background:var(--bg-secondary);color:var(--primary-600)}.status-selection-menu .menu-item.active{background:var(--primary-50);color:var(--primary-700);font-weight:600}.animate-fadeInScale{animation:fadeInScale .2s cubic-bezier(.16,1,.3,1) forwards}.modern-content>*{max-width:100%;box-sizing:border-box}@media (max-width: 768px){.stats-grid,.metrics-grid,[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns: repeat(3"]{grid-template-columns:repeat(2,1fr)!important}.modern-card{padding:var(--space-4)}.scheduling-layout{flex-direction:column!important;display:flex}.scheduling-main,.scheduling-sidebar{width:100%!important;min-width:0!important}.page-header-actions,.header-actions{flex-wrap:wrap;gap:var(--space-2)}.table-responsive,.modern-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:500px}}@media (max-width: 480px){.stats-grid,.metrics-grid,[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns: repeat(3"],[style*="grid-template-columns: repeat(2"]{grid-template-columns:1fr!important}.page-header-actions-primary{flex-direction:column;width:100%}.page-header-actions-primary>*{width:100%;justify-content:center}.modern-card{padding:var(--space-3);border-radius:var(--radius-lg)}}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:clamp(1rem,5vw,2rem);padding-right:clamp(1rem,5vw,2rem)}.container-fluid{width:100%;padding-left:clamp(1rem,5vw,2rem);padding-right:clamp(1rem,5vw,2rem)}.hidden-xs{display:none}@media (min-width: 480px){.hidden-xs{display:initial}}.visible-xs{display:initial}@media (min-width: 480px){.visible-xs{display:none}}.hidden-md-down{display:none}@media (min-width: 768px){.hidden-md-down{display:initial}}.visible-md-down{display:initial}@media (min-width: 768px){.visible-md-down{display:none}}.hidden-lg-down{display:none}@media (min-width: 1024px){.hidden-lg-down{display:initial}}.grid{display:grid;gap:var(--space-4)}.grid-cols-1,.grid-cols-sm-2{grid-template-columns:repeat(1,1fr)}@media (min-width: 480px){.grid-cols-sm-2{grid-template-columns:repeat(2,1fr)}}.grid-cols-md-3{grid-template-columns:repeat(1,1fr)}@media (min-width: 768px){.grid-cols-md-3{grid-template-columns:repeat(3,1fr)}}.grid-cols-lg-4{grid-template-columns:repeat(1,1fr)}@media (min-width: 1024px){.grid-cols-lg-4{grid-template-columns:repeat(4,1fr)}}.grid-cols-xl-6{grid-template-columns:repeat(2,1fr)}@media (min-width: 1280px){.grid-cols-xl-6{grid-template-columns:repeat(6,1fr)}}.flex-col,.flex-col-md-row{flex-direction:column}@media (min-width: 768px){.flex-col-md-row{flex-direction:row}}.gap-responsive{gap:clamp(.5rem,2vw,2rem)}.text-responsive{font-size:var(--text-base)}.heading-responsive{font-size:var(--text-2xl);line-height:var(--leading-tight)}@media (min-width: 768px){.heading-responsive{font-size:var(--text-3xl)}}@media (min-width: 1024px){.heading-responsive{font-size:var(--text-4xl)}}.p-responsive{padding:clamp(1rem,5vw,3rem)}.px-responsive{padding-left:clamp(1rem,5vw,3rem);padding-right:clamp(1rem,5vw,3rem)}.py-responsive{padding-top:clamp(1rem,5vw,3rem);padding-bottom:clamp(1rem,5vw,3rem)}.m-responsive{margin:clamp(1rem,5vw,3rem)}.mx-responsive{margin-left:clamp(1rem,5vw,3rem);margin-right:clamp(1rem,5vw,3rem)}.my-responsive{margin-top:clamp(1rem,5vw,3rem);margin-bottom:clamp(1rem,5vw,3rem)}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.touch-target-mobile{min-width:44px;min-height:44px}@media (min-width: 1024px){.touch-target-mobile{min-width:36px;min-height:36px}}@media (hover: hover){.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}}.aspect-video{aspect-ratio:16 / 9}.aspect-4-3{aspect-ratio:4 / 3}@supports not (aspect-ratio: 1 / 1){.aspect-square{position:relative;padding-bottom:100%}.aspect-video{position:relative;padding-bottom:56.25%}.aspect-4-3{position:relative;padding-bottom:75%}.aspect-square>*,.aspect-video>*,.aspect-4-3>*{position:absolute;top:0;left:0;width:100%;height:100%}}.max-w-prose{max-width:65ch}.max-w-screen-sm{max-width:640px}.max-w-screen-md{max-width:768px}.max-w-screen-lg{max-width:1024px}.max-w-screen-xl{max-width:1280px}.max-w-screen-2xl{max-width:1536px}@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape){.scheduling-layout{grid-template-columns:1fr clamp(280px,30vw,350px)}.calendar-wrapper .rbc-calendar{min-width:100%}}@media (max-width: 767px) and (orientation: landscape){.modern-content{padding-top:var(--space-4);padding-bottom:var(--space-4)}.modal-content{max-height:95vh}.page-header-top{flex-direction:row;align-items:center}.calendar-wrapper .rbc-calendar{min-height:300px}}@media print{.no-print{display:none!important}.print-only{display:block!important}}.print-only{display:none}[dir=rtl]{text-align:right}[dir=rtl] body{direction:rtl}[dir=rtl] .flex-row{flex-direction:row-reverse}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}[dir=rtl] .mr-auto{margin-right:0;margin-left:auto}[dir=rtl] .modern-sidebar{left:auto;right:0}[dir=rtl] .modern-sidebar.collapsed{transform:translate(100%)}[dir=rtl] .sidebar-toggle,[dir=rtl] .nav-indicator{left:0;right:auto}[dir=rtl] .icon-flip,[dir=rtl] .chevron-left,[dir=rtl] .chevron-right,[dir=rtl] .arrow-left,[dir=rtl] .arrow-right{transform:scaleX(-1)}[dir=rtl] .dropdown-menu{left:auto;right:0}[dir=rtl] input[type=checkbox],[dir=rtl] input[type=radio]{margin-left:8px;margin-right:0}[dir=rtl] .form-group label{text-align:right}[dir=rtl] table{direction:rtl}[dir=rtl] th,[dir=rtl] td,[dir=rtl] th:first-child,[dir=rtl] td:first-child{text-align:right}[dir=rtl] .btn svg{margin-left:8px;margin-right:0}[dir=rtl] .btn svg:first-child{margin-left:0;margin-right:8px}[dir=rtl] .card,[dir=rtl] .modal-header{text-align:right}[dir=rtl] .modal-footer,[dir=rtl] .breadcrumb{flex-direction:row-reverse}[dir=rtl] .pagination{flex-direction:row-reverse}[dir=rtl] .tooltip,[dir=rtl] .notification{text-align:right}[dir=rtl] .notification-icon{margin-left:12px;margin-right:0}[dir=rtl] .progress-bar{transform-origin:right}[dir=rtl] .tabs{flex-direction:row-reverse}[dir=rtl] .search-input{padding-left:16px;padding-right:40px}[dir=rtl] .search-icon{left:auto;right:12px}[dir=rtl] .close-btn,[dir=rtl] .modal-close{left:16px;right:auto}[dir=rtl] .badge{margin-left:8px;margin-right:0}[dir=rtl] ul,[dir=rtl] ol{padding-left:0;padding-right:20px}[dir=rtl] .calendar{direction:rtl}[dir=rtl] .calendar-header{flex-direction:row-reverse}[dir=rtl] .work-order-card,[dir=rtl] .invoice-header{text-align:right}[dir=rtl] .invoice-total{text-align:left}[dir=rtl] .stat-card{text-align:right}[dir=rtl] .stat-icon{margin-left:16px;margin-right:0}[dir=rtl] .mobile-menu-btn{left:auto;right:16px}[dir=rtl] .mobile-overlay{left:0;right:auto}[dir=rtl] .data-grid{direction:rtl}[dir=rtl] .grid-cell{text-align:right}[dir=rtl] .auth-container{direction:rtl}[dir=rtl] .auth-card{text-align:right}[dir=rtl] .hero-content{flex-direction:row-reverse}[dir=rtl] .feature-card{text-align:right}[dir=rtl] input[type=number],[dir=rtl] input[type=tel],[dir=rtl] .number-input,[dir=rtl] input[type=email],[dir=rtl] .email-input,[dir=rtl] input[type=url],[dir=rtl] .url-input,[dir=rtl] code,[dir=rtl] pre{direction:ltr;text-align:left}@keyframes slideInRight-rtl{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInLeft-rtl{0%{transform:translate(100%)}to{transform:translate(0)}}[dir=rtl] .slide-in-right{animation:slideInRight-rtl .3s ease}[dir=rtl] .slide-in-left{animation:slideInLeft-rtl .3s ease}[dir=rtl] ::-webkit-scrollbar{left:0;right:auto}@media print{[dir=rtl]{direction:rtl}[dir=rtl] .invoice,[dir=rtl] .contract,[dir=rtl] .report{text-align:right}}.admin-mode .modern-sidebar{background:#0f172a!important;border-right:1px solid #1e293b}.admin-mode .nav-item{color:#94a3b8;transition:all .2s ease}.admin-mode .nav-item:hover{background:#ffffff0d;color:#f8fafc}.admin-mode .nav-item.active{background:#38bdf81a!important;color:#38bdf8!important}.admin-mode .nav-indicator{background:#38bdf8!important}.admin-mode .modern-content{background:#f8fafc!important}.badge-success{background:#10b9811a;color:#10b981}.badge-danger{background:#ef44441a;color:#ef4444}.badge-warning{background:#f59e0b1a;color:#f59e0b}.badge-info{background:#3b82f61a;color:#3b82f6}.stat-card{transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.activity-item:last-child{border-bottom:none}.activity-marker{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0}.activity-marker.success{background:#10b981}.activity-marker.warning{background:#f59e0b}.activity-marker.info{background:#3b82f6}.activity-info{display:flex;flex-direction:column}.activity-text{font-size:13px;color:var(--text-secondary)}.activity-time{font-size:12px;color:var(--text-tertiary);margin-top:2px}.profile-hero{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff}.profile-hero .chip{color:#94a3b8}.profile-hero h2{color:#f8fafc}.tab-btn{border-bottom:2px solid transparent!important}.tab-btn.active{border-bottom:2px solid #38bdf8!important;color:#38bdf8!important}.tab-btn:after{display:none!important}.accept-invite{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.accept-invite-container{background:#fff;border-radius:12px;padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.status-icon{margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.status-icon.success{color:#10b981}.status-icon.error{color:#ef4444}.accept-invite-container h1{margin:0 0 16px;color:#1f2937;font-size:28px}.accept-invite-container p{color:#6b7280;margin:0 0 24px;line-height:1.6}.success-message{color:#10b981;font-weight:500}.error-message{color:#ef4444;font-weight:500}.form-info{background:#f9fafb;border-radius:8px;padding:20px;margin:24px 0}.form-info h3{margin:0 0 8px;color:#1f2937}.form-info p{margin:0;color:#6b7280;font-size:14px}.actions{margin-top:24px}.account-settings{min-height:100vh;background-color:#f9fafb;padding-bottom:40px}.account-settings *{text-align:left}.settings-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 0;margin-bottom:30px}.header-content h1{font-size:24px;color:#1f2937;margin:0}.container{max-width:900px;margin:0 auto;padding:0 20px}.account-settings .settings-section{background:#fff;border-radius:12px;padding:32px;margin-bottom:24px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.account-settings .section-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.account-settings .section-header svg{color:#8b5cf6;flex-shrink:0;margin-top:0;stroke-width:1.5;width:24px;height:24px;align-self:flex-start}.account-settings .section-header>div{flex:1;min-width:0}.account-settings .section-header h2{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 6px;line-height:1.2}.account-settings .section-header p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.account-settings .section-content{display:flex;flex-direction:column;gap:16px}.account-settings .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:0}.account-settings .form-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;display:block}.account-settings .form-group .input,.account-settings .form-group input.input,.account-settings .form-group select.input{padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s;background-color:#fff;width:100%;box-sizing:border-box}.account-settings .form-group .input::-moz-placeholder,.account-settings .form-group input.input::-moz-placeholder{color:#9ca3af}.account-settings .form-group .input::placeholder,.account-settings .form-group input.input::placeholder{color:#9ca3af}.account-settings .form-group .input:focus,.account-settings .form-group input.input:focus,.account-settings .form-group select.input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.account-settings .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.account-settings .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.account-settings .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.status-badge{display:inline-block}.status{display:inline-block;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500}.status.active{background-color:#d1fae5;color:#065f46}.status.inactive{background-color:#fee2e2;color:#991b1b}.status.pending{background-color:#fef3c7;color:#92400e}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.btn-primary{background-color:#4f46e5;color:#fff}.btn-primary:hover:not(:disabled){background-color:#4338ca}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover{background-color:#e5e7eb}@media (max-width: 768px){.account-settings .form-row{grid-template-columns:1fr}.account-settings .section-header{flex-direction:column;gap:12px}}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e2e8f0;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 3px #0000001a}input:checked+.slider{background-color:#4f46e5}input:focus+.slider{box-shadow:0 0 1px #4f46e5}input:checked+.slider:before{transform:translate(20px)}.analytics-page{min-height:100vh;background-color:#f5f5f5}.analytics-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 0;margin-bottom:30px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.metric-card{background:#fff;border-radius:8px;padding:24px;display:flex;align-items:center;gap:16px;border:1px solid #e5e7eb;transition:all .2s}.metric-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.metric-content h3{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 4px}.metric-content p{font-size:14px;color:#6b7280;margin:0}.chart-section{background:#fff;border-radius:8px;padding:24px;margin-bottom:30px;border:1px solid #e5e7eb}.chart-section h2{font-size:20px;color:#1f2937;margin:0 0 20px}.chart-container{min-height:300px}.bar-chart{display:flex;align-items:flex-end;gap:12px;height:300px;padding:20px}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.bar{width:100%;background:linear-gradient(to top,#4f46e5,#6366f1);border-radius:4px 4px 0 0;min-height:4px;transition:all .3s;cursor:pointer}.bar:hover{opacity:.8}.bar-label{font-size:12px;color:#6b7280;text-align:center;transform:rotate(-45deg);white-space:nowrap}.bar-value{font-size:14px;font-weight:600;color:#1f2937}.no-data{text-align:center;color:#6b7280;padding:60px 20px}.field-stats-section{background:#fff;border-radius:8px;padding:24px;border:1px solid #e5e7eb}.field-stats-section h2{font-size:20px;color:#1f2937;margin:0 0 20px}.field-stats-list{display:flex;flex-direction:column;gap:16px}.field-stat-item{padding:16px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.field-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.field-name{font-weight:500;color:#1f2937}.field-rate{font-weight:600;color:#4f46e5}.progress-fill{height:100%;background:linear-gradient(to right,#4f46e5,#6366f1);border-radius:4px;transition:width .3s}.field-stat-meta{font-size:12px;color:#6b7280}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr}.bar-chart{flex-direction:column;height:auto}.bar-item{flex-direction:row;width:100%}.bar{height:40px;width:auto;flex:1}}.app-customization-container{padding:30px;max-width:1400px;margin:0 auto}.customization-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.customization-header h1{color:#1f2937;font-size:32px;margin:0 0 8px}.customization-header p{color:#6b7280;margin:0}.message{padding:12px 16px;border-radius:6px;margin-bottom:24px;display:flex;align-items:center;gap:8px;font-size:14px}.message.success{background:#d1fae5;color:#065f46}.message.error{background:#fee2e2;color:#dc2626}.customization-sections{display:flex;flex-direction:column;gap:32px}.customization-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px}.section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.section-header svg{color:#4f46e5;flex-shrink:0}.section-header h2{margin:0 0 4px;color:#1f2937;font-size:20px}.section-header p{margin:0;color:#6b7280;font-size:14px}.section-content{margin-top:24px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s;font-family:inherit}.color-input-group{display:flex;gap:12px;align-items:center}.color-picker{width:60px;height:40px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:0}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.color-input-group .input{flex:1}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.feature-toggle{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.feature-toggle:hover{background:#f9fafb;border-color:#d1d5db}.feature-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer}.feature-toggle span{font-size:14px;color:#374151;font-weight:500}.checkbox-label{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.checkbox-label:hover{background:#f9fafb;border-color:#d1d5db}.checkbox-label span{font-size:14px;color:#374151;font-weight:500}.api-key-section{margin-top:12px}.api-key-section small{display:block;margin-top:8px;color:#6b7280;font-size:12px}.btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.app-customization-container{padding:20px}.customization-header{flex-direction:column;gap:16px}.customization-section{padding:24px}.form-grid,.features-grid{grid-template-columns:1fr}}.breadcrumb{margin-bottom:var(--space-4)}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base);display:flex;align-items:center;gap:var(--space-1)}.breadcrumb-link:hover{color:var(--primary-600);text-decoration:underline}.breadcrumb-link:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.breadcrumb-current{color:var(--text-primary);font-weight:500}.breadcrumb-separator{color:var(--text-tertiary);flex-shrink:0}.breadcrumb-icon,.breadcrumb-home-icon{color:var(--text-secondary);flex-shrink:0}.breadcrumb-home-icon{margin-right:var(--space-1)}@media (max-width: 767px){.breadcrumb{margin-bottom:var(--space-3)}.breadcrumb-item{font-size:var(--text-xs)}.breadcrumb-item:not(:first-child):not(:last-child){display:none}.breadcrumb-item:not(:last-child):after{content:"…";color:var(--text-tertiary);margin:0 var(--space-1)}}[dir=rtl] .breadcrumb-separator{transform:scaleX(-1)}[dir=rtl] .breadcrumb-home-icon{margin-right:0;margin-left:var(--space-1)}.business-approvals-container{max-width:1400px;margin:0 auto;padding:24px}.approvals-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:16px;flex-wrap:wrap}.approvals-header h1{margin:0;font-size:28px;color:#111827}.approvals-header p{margin:4px 0 0;color:#6b7280;font-size:14px}.approvals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:24px}.approval-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.approval-card:hover{box-shadow:0 4px 6px #0000001a}.approval-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.business-logo-section{display:flex;gap:16px;align-items:center;flex:1}.business-logo{width:64px;height:64px;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:1px solid #e5e7eb}.business-logo-placeholder{width:64px;height:64px;border-radius:8px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;border:1px solid #e5e7eb}.business-logo-section h3{margin:0 0 8px;font-size:20px;color:#111827}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.pending{background:#fef3c7;color:#92400e}.submission-date{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:12px}.approval-card-body,.info-section{margin-bottom:20px}.info-section:last-child{margin-bottom:0}.info-section h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.info-grid{display:flex;flex-direction:column;gap:8px}.info-item{display:flex;align-items:center;gap:8px;color:#4b5563;font-size:14px}.info-item strong{color:#111827;margin-right:4px}.approval-card-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb}.rejection-form{width:100%}.btn-success{background:#10b981;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.btn-success:hover:not(:disabled){background:#059669}.btn-success:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.empty-state h2{margin:16px 0 8px;color:#111827}.empty-state p{color:#6b7280;margin:0}@media (max-width: 768px){.approvals-grid{grid-template-columns:1fr}.approval-card-header{flex-direction:column;gap:12px}.approval-card-actions{flex-direction:column}.approval-card-actions button{width:100%}}.business-permissions-page{padding:24px;max-width:1600px;margin:0 auto}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.page-header h1{display:flex;align-items:center;gap:12px;margin:0;font-size:28px;color:#1f2937}.page-header p{margin:4px 0 0;color:#6b7280;font-size:14px}.permissions-layout{display:grid;grid-template-columns:350px 1fr;gap:24px;margin-top:24px}.businesses-panel,.permissions-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 200px)}.panel-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.panel-header h2{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;color:#1f2937}.panel-header .subtitle{margin:4px 0 0;color:#6b7280;font-size:12px}.search-box{padding:16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:8px;background:#fff}.search-box input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.search-box input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.businesses-list{flex:1;overflow-y:auto;padding:8px}.business-card{padding:16px;margin-bottom:8px;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s;background:#fff;display:flex;align-items:center;gap:8px}.business-card:hover{border-color:#4f46e5;background:#f9fafb}.business-card.active{border-color:#4f46e5;background:#eef2ff}.business-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:15px;color:#1f2937}.business-card-meta{display:flex;align-items:center;gap:8px;font-size:12px}.status-badge{padding:4px 8px;border-radius:4px;font-weight:600;text-transform:capitalize;font-size:11px}.status-badge.status-active{background:#d1fae5;color:#065f46}.status-badge.status-pending-review{background:#fef3c7;color:#92400e}.status-badge.status-rejected{background:#fee2e2;color:#991b1b}.business-id{color:#6b7280;font-family:monospace}.permissions-panel{padding:0}.admins-list{padding:20px;overflow-y:auto;flex:1}.admin-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:24px}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.admin-info{display:flex;flex-direction:column;gap:4px}.admin-info strong{font-size:16px;color:#1f2937}.admin-email{font-size:13px;color:#6b7280}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;margin-top:4px}.badge-primary{background:#dbeafe;color:#1e40af}.permission-category{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6b7280}.empty-state h3{margin:16px 0 8px;color:#374151}.empty-state p{margin:0;font-size:14px}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:8px}@media (max-width: 1200px){.permissions-layout{grid-template-columns:300px 1fr}.permissions-grid{grid-template-columns:1fr}}@media (max-width: 768px){.permissions-layout{grid-template-columns:1fr}.businesses-panel{max-height:300px}}.spinner{animation:spin 1s linear infinite}.business-registration-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.business-registration-card{background:#fff;border-radius:12px;padding:40px;width:100%;max-width:1200px;box-shadow:0 10px 25px #0003}.registration-header{text-align:center;margin-bottom:30px}.registration-header h1{color:#1f2937;font-size:28px;margin:0}.steps-indicator{display:flex;justify-content:space-between;margin-bottom:40px;position:relative}.steps-indicator:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:#e5e7eb;z-index:0}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;flex:1}.step-number{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:8px;transition:all .3s}.step.active .step-number{background:#4f46e5;color:#fff}.step.completed .step-number{background:#10b981;color:#fff}.step-label{font-size:14px;color:#6b7280;text-align:center}.step.active .step-label{color:#4f46e5;font-weight:500}.step.completed .step-label{color:#10b981}.registration-step{margin-bottom:30px}.registration-step h2{color:#1f2937;font-size:24px;margin-bottom:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.form-column{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.required{color:#ef4444}.input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s}.input-with-icon{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.input-with-icon .input{padding-left:40px}.input-with-icon select{padding-left:40px;-webkit-appearance:none;-moz-appearance:none;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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.logo-upload-section{margin-top:8px}.features-checkbox-group{display:flex;flex-direction:column;gap:12px;margin-top:8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.step-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:30px;border-top:1px solid #e5e7eb}.spacer{flex:1}.btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:#4338ca}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn:disabled{opacity:.6;cursor:not-allowed}.success-card{text-align:center;padding:60px 40px}.success-icon{color:#10b981;margin:0 auto 20px}.success-card h2{color:#1f2937;font-size:24px;margin-bottom:12px}.success-card p{color:#6b7280;font-size:16px;margin:8px 0}@media (max-width: 768px){.business-registration-container{padding:20px 10px}.business-registration-card{padding:24px}.form-grid{grid-template-columns:1fr;gap:20px}.steps-indicator{margin-bottom:30px}.step-label{font-size:12px}.step-number{width:32px;height:32px;font-size:14px}}.btn{position:relative;font-family:var(--font-primary);font-weight:500;line-height:1.5;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm);border:none}@media (hover: hover){.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:#fff;color:var(--primary-600);border:1px solid var(--border-color);box-shadow:var(--shadow-xs)}@media (hover: hover){.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-600);box-shadow:var(--shadow-sm)}}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid transparent}@media (hover: hover){.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}}.btn-outline{background:transparent;color:var(--primary-600);border:1px solid var(--primary-600)}@media (hover: hover){.btn-outline:hover:not(:disabled){background:var(--primary-600);color:#fff}}.btn-danger{background:var(--color-error);color:#fff;border:none;box-shadow:var(--shadow-sm)}@media (hover: hover){.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn:disabled,.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;transform:none!important;pointer-events:none}.btn-loading{color:transparent;pointer-events:none}.btn-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:spin .8s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.btn-sm{padding:.4rem .75rem;min-height:38px;font-size:.75rem;gap:var(--space-1)}@media (min-width: 1024px){.btn-sm{min-height:32px;padding:.3rem .625rem}}.btn-md{padding:.5rem 1rem;min-height:40px;font-size:.8125rem;gap:var(--space-1-5)}@media (min-width: 1024px){.btn-md{padding:.4rem .875rem;min-height:34px;font-size:.875rem}}.btn-lg{padding:.75rem 1.25rem;min-height:48px;font-size:1rem;gap:var(--space-2)}@media (min-width: 1024px){.btn-lg{min-height:42px;padding:.6rem 1.125rem}}.btn-full-width{width:100%}.btn-icon-left,.btn-icon-right{display:inline-flex;align-items:center;flex-shrink:0}.btn-icon-left{margin-right:var(--space-1)}.btn-icon-right{margin-left:var(--space-1)}.btn-content{display:inline-flex;align-items:center}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn:focus:not(:focus-visible){outline:none}[dir=rtl] .btn-icon-left{margin-right:0;margin-left:var(--space-1)}[dir=rtl] .btn-icon-right{margin-left:0;margin-right:var(--space-1)}.crew-tracking{padding:2rem;max-width:1400px;margin:0 auto}.crew-tracking.fullscreen{padding:0;max-width:100%;height:100vh}.crew-tracking-header{margin-bottom:2rem}.crew-tracking-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.crew-tracking-header p{color:#6b7280;font-size:1rem}.crew-tracking-loading,.crew-tracking-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:3rem}.crew-tracking-empty h2{margin-top:1rem;font-size:1.5rem;color:#374151}.crew-tracking-empty p{color:#6b7280;margin-top:.5rem}.work-order-selector{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.work-order-selector label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.crew-tracking-content{display:grid;grid-template-columns:380px 1fr;gap:1.5rem;height:calc(100vh - 200px)}.crew-tracking.fullscreen .crew-tracking-content{grid-template-columns:1fr;height:100vh}.crew-info-panel{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.info-card,.eta-card,.crew-members-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.info-card h3,.crew-members-card h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.info-item:last-child{border-bottom:none}.info-item strong{color:#6b7280;font-size:.875rem}.info-item span{color:#1f2937;font-weight:500}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.scheduled{background:#dbeafe;color:#1e40af}.status-badge.in-progress{background:#fef3c7;color:#92400e}.status-badge.completed{background:#d1fae5;color:#065f46}.eta-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;gap:1.5rem}.eta-icon{background:#fff3;padding:1rem;border-radius:12px;display:flex;align-items:center;justify-content:center}.eta-content h3{color:#fff;font-size:.875rem;font-weight:500;margin-bottom:.5rem;opacity:.9}.eta-time{font-size:2rem;font-weight:700;margin-bottom:.5rem}.eta-distance{display:flex;align-items:center;gap:.5rem;font-size:.875rem;opacity:.9;margin-bottom:.25rem}.eta-arrival{font-size:.875rem;opacity:.8}.crew-list{display:flex;flex-direction:column;gap:1rem}.crew-member{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px}.crew-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.crew-details{flex:1}.crew-name{font-weight:600;color:#1f2937;margin-bottom:.25rem}.crew-update{font-size:.75rem;color:#6b7280}.crew-status{display:flex;align-items:center}.no-crew{text-align:center;color:#9ca3af;padding:2rem;font-size:.875rem}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.quick-actions .btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem}.map-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;height:100%}.map-container.fullscreen{border-radius:0;box-shadow:none}@media (max-width: 1024px){.crew-tracking-content{grid-template-columns:1fr;height:auto}.crew-info-panel{max-height:none}.map-container{height:500px}}@media (max-width: 640px){.crew-tracking{padding:1rem}.quick-actions{grid-template-columns:1fr}.eta-card{flex-direction:column;text-align:center}.eta-time{font-size:1.5rem}}.spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.alert{padding:1rem;border-radius:8px;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert-info{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.chat-floating-bubble{position:fixed;bottom:32px;right:32px;width:60px;height:60px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 8px 24px #0003;z-index:var(--z-fixed);transition:all var(--transition-base)}.chat-floating-bubble:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 32px #0000004d}.chat-floating-wrapper{position:fixed;bottom:100px;right:32px;width:380px;height:500px;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;z-index:var(--z-fixed);border:1px solid var(--border-color);animation:slideInUpChat .3s cubic-bezier(.175,.885,.32,1.1)}.chat-inline-wrapper{width:100%;height:100%;min-height:500px;background:var(--bg-primary);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color)}@keyframes slideInUpChat{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{background:var(--gradient-primary);padding:var(--space-4);color:#fff;display:flex;align-items:center;justify-content:space-between}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:#fff3;display:flex;align-items:center;justify-content:center}.chat-title{font-weight:700;font-size:15px}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:12px;background:#f8fafc;scroll-behavior:smooth}.message-container{display:flex;flex-direction:column;max-width:80%;position:relative}.message-bubble{padding:10px 16px;border-radius:18px;font-size:14px;line-height:1.5;position:relative;word-break:break-word;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.message-incoming{align-self:flex-start;background:#fff;color:var(--text-primary);border-bottom-left-radius:4px;border:1px solid #e2e8f0}.message-outgoing{align-self:flex-end;background:var(--primary-600);color:#fff;border-bottom-right-radius:4px}.message-outgoing .message-timestamp{color:#ffffffb3}.message-actions{position:absolute;top:-24px;right:0;display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;opacity:0;transition:opacity .2s ease;z-index:10;border:1px solid #e2e8f0}.message-container:hover .message-actions{opacity:1}.action-btn{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;color:#64748b;transition:all .2s}.action-btn:hover{background:#f1f5f9}.action-btn.delete:hover{color:#ef4444;background:#fef2f2}.message-timestamp{font-size:10px;opacity:.6;margin-top:4px;text-align:right}.chat-input-area{padding:var(--space-3);background:#fff;border-top:1px solid var(--border-color);display:flex;gap:8px;align-items:center}.chat-input{flex:1;border:1px solid var(--border-color);padding:10px 14px;border-radius:var(--radius-full);outline:none;font-size:14px}.chat-input:focus{border-color:var(--primary-color)}.chat-send-btn{width:36px;height:36px;border-radius:var(--radius-full);background:var(--primary-color);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.chat-send-btn:hover{transform:scale(1.1)}.portal-container{max-width:1200px;margin:0 auto;padding:var(--space-6)}.portal-welcome{margin-bottom:var(--space-8);background:var(--gradient-primary);padding:48px;border-radius:var(--radius-3xl);color:#fff;position:relative;overflow:hidden}.portal-welcome:after{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:#ffffff1a;border-radius:50%}.portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.client-portal{min-height:100vh;background:var(--bg-secondary);font-family:var(--font-primary)}.client-portal-header{background:var(--bg-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000014;position:sticky;top:0;z-index:var(--z-sticky);border-bottom:1px solid rgba(0,0,0,.05)}.header-content{max-width:var(--container-xl);margin:0 auto;padding:var(--space-5) var(--space-6);display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.header-content{padding:var(--space-4)}}.brand{display:flex;align-items:center;gap:var(--space-4)}.brand-icon{color:var(--primary-500)}.brand-text h1{margin:0;font-size:var(--text-2xl);font-weight:800;color:var(--primary-600);font-family:var(--font-display);letter-spacing:-.5px}.portal-badge{background:var(--primary-100);color:var(--primary-700);padding:2px 8px;border-radius:var(--radius-md);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.brand-text h1{font-size:var(--text-xl)}}.brand-text p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.header-actions{display:flex;gap:var(--space-3)}.btn-icon{position:relative;width:40px;height:40px;min-height:40px;border-radius:var(--radius-full);border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-icon:active{transform:translateY(0)}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--color-error);color:#fff;border-radius:var(--radius-full);padding:var(--space-0-5) var(--space-2);font-size:var(--text-xs);font-weight:600;min-width:18px;text-align:center}.client-portal-nav{background:var(--bg-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);position:sticky;top:80px;z-index:calc(var(--z-sticky) - 1);box-shadow:0 4px 12px #0000000d;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6);display:flex;gap:var(--space-2);overflow-x:auto}@media (max-width: 768px){.client-portal-nav{padding:0 var(--space-4)}}.client-portal .nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border:none;background:none;cursor:pointer;border-bottom:3px solid transparent;transition:all var(--transition-base);white-space:nowrap}.client-portal .nav-item span{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;transition:color var(--transition-base)}.client-portal .nav-item svg{color:var(--text-secondary);transition:all var(--transition-base)}.client-portal .nav-item:hover span,.client-portal .nav-item.active span{color:var(--primary-600)}.client-portal .nav-item:hover svg,.client-portal .nav-item.active svg{color:var(--primary-600)}.client-portal .nav-item:hover{background:#0ea5e90d}.client-portal .nav-item.active{border-bottom-color:var(--primary-600);background:#0ea5e914}.client-portal-main{max-width:var(--container-xl);margin:0 auto;padding:var(--space-8) var(--space-6)}@media (max-width: 768px){.client-portal-main{padding:var(--space-6) var(--space-4)}}.notification-bell{position:relative;background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:all .2s}.notification-bell:hover{background:var(--bg-secondary);color:var(--primary-600)}.notification-badge{position:absolute;top:0;right:0;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid white}.notifications-overlay-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;justify-content:flex-end;padding:80px 20px 20px}.notifications-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001a}.notifications-panel{position:relative;width:100%;max-width:400px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;max-height:80vh;animation:slideInRight .3s ease-out}.notifications-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.notifications-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.notifications-actions{display:flex;gap:12px;align-items:center}.btn-text{background:none;border:none;color:var(--primary-600);font-size:13px;font-weight:600;cursor:pointer}.btn-text:hover{text-decoration:underline}.notifications-list{flex:1;overflow-y:auto;padding:10px 0}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-tertiary);text-align:center}.muted-icon{opacity:.3;margin-bottom:12px}.notification-item{padding:16px 20px;display:flex;gap:14px;cursor:pointer;transition:background .2s;position:relative}.notification-item:hover{background:var(--bg-secondary)}.notification-item.unread{background:#0ea5e908}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-500)}.notification-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.success{background:#10b9811a;color:#059669}.notification-icon.warning{background:#f59e0b1a;color:#d97706}.notification-icon.error{background:#ef44441a;color:#dc2626}.notification-icon.info{background:#0ea5e91a;color:#0284c7}.notification-content{flex:1}.notification-title{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--text-primary)}.notification-message{margin:0 0 6px;font-size:13px;color:var(--text-secondary);line-height:1.4}.notification-time{margin:0;font-size:11px;color:var(--text-tertiary)}.unread-dot{width:8px;height:8px;background:var(--primary-500);border-radius:50%;margin-top:6px}.client-portal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:var(--text-primary);gap:var(--space-4)}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-500);border-radius:var(--radius-full);animation:spin 1s linear infinite}.alert{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.alert-error{background:#ef44441a;color:#991b1b;border:1px solid rgba(239,68,68,.3)}.alert-success{background:#10b9811a;color:#065f46;border:1px solid rgba(16,185,129,.3)}.dashboard-view{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);animation:fadeIn var(--transition-base) ease-out}@media (max-width: 768px){.dashboard-view{padding:var(--space-6)}}.dashboard-view h2{margin:0 0 var(--space-6) 0;font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);font-family:var(--font-display)}@media (max-width: 768px){.dashboard-view h2{font-size:var(--text-2xl)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-5);margin-bottom:var(--space-8)}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr;gap:var(--space-4)}}.stat-card{background:var(--gradient-primary);border-radius:var(--radius-xl);padding:var(--space-6);color:#fff;display:flex;gap:var(--space-4);transition:all var(--transition-base);box-shadow:var(--shadow-md);animation:slideInRight var(--transition-base) ease-out}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-card.balance{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.appointments{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card.services{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-card.documents{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-icon{opacity:.9;flex-shrink:0}.stat-content h3{margin:0 0 var(--space-1) 0;font-size:var(--text-4xl);font-weight:700;line-height:var(--leading-tight)}.stat-content p{margin:0;font-size:var(--text-sm);opacity:.9}.btn-link{background:none;border:none;color:#fff;text-decoration:underline;cursor:pointer;margin-top:var(--space-2);font-size:var(--text-sm);padding:0;transition:opacity var(--transition-base)}.btn-link:hover{opacity:.8}.quick-actions{margin-bottom:var(--space-8)}.quick-actions h3{margin:0 0 var(--space-4) 0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.action-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap}@media (max-width: 768px){.action-buttons{flex-direction:column}}.action-buttons .btn-modern{flex:1;min-width:200px;padding:var(--space-5) var(--space-6);font-size:var(--text-base);justify-content:center}@media (max-width: 768px){.action-buttons .btn-modern{min-width:100%}}.activity-timeline h3{margin:0 0 var(--space-4) 0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.timeline-list{display:flex;flex-direction:column;gap:var(--space-3)}.timeline-item{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border-left:3px solid var(--primary-500);transition:all var(--transition-base)}.timeline-item:hover{background:var(--bg-tertiary);transform:translate(4px)}.timeline-icon{width:32px;height:32px;border-radius:var(--radius-full);background:var(--primary-100);color:var(--primary-500);display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-content{flex:1}.timeline-title{margin:0 0 var(--space-1) 0;font-weight:500;color:var(--text-primary);font-size:var(--text-sm)}.timeline-date{margin:0;font-size:var(--text-xs);color:var(--text-secondary)}.invoice-list,.service-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}@media (max-width: 768px){.invoice-list,.service-list{grid-template-columns:1fr}}.invoice-card,.service-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--border-color);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.invoice-card:hover,.service-card:hover{border-color:var(--primary-500);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.invoice-header h3{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.status-badge.paid{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.status-badge.unpaid{background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.invoice-details p{margin:var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-sm)}.request-form,.message-composer{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--text-primary);font-size:var(--text-sm)}.form-control{width:100%;padding:var(--space-3) var(--space-4);min-height:44px;font-size:16px;font-family:var(--font-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-base)}.form-control:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a}.form-control:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}textarea.form-control{min-height:120px;resize:vertical}.message-thread{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4);max-height:500px;overflow-y:auto}.message{margin-bottom:var(--space-4);max-width:70%;animation:fadeIn var(--transition-base) ease-out}.message.sent{margin-left:auto;text-align:right}.message.received{margin-right:auto}.message-text{background:var(--bg-secondary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);margin:0 0 var(--space-1) 0;font-size:var(--text-sm);line-height:var(--leading-normal)}.message.sent .message-text{background:var(--gradient-primary);color:#fff}.message-time{font-size:var(--text-xs);color:var(--text-tertiary)}.message-composer{display:flex;gap:var(--space-3);padding:var(--space-4)}.message-composer input{flex:1}.profile-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.profile-field{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-color)}.profile-field:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.profile-field label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.profile-field p{margin:0;font-size:var(--text-base);color:var(--text-primary)}.empty-state{text-align:center;padding:var(--space-16) var(--space-5);color:var(--text-tertiary)}@media (max-width: 768px){.empty-state{padding:var(--space-12) var(--space-4)}}.empty-state h2{margin:var(--space-5) 0 var(--space-2);color:var(--text-primary);font-size:var(--text-2xl)}.empty-state p{margin:0 0 var(--space-6);font-size:var(--text-base)}@media (max-width: 768px){.message{max-width:85%}.stat-content h3{font-size:var(--text-3xl)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.contracts-view{padding:var(--space-6)}.contracts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.contract-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all .2s}.contract-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.contract-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color)}.contract-header h3{margin:0;font-size:var(--text-lg);color:var(--text-primary)}.contract-date{margin:var(--space-2) 0 0 0;font-size:var(--text-sm);color:var(--text-secondary)}.contract-description{color:var(--text-secondary);margin:var(--space-3) 0;line-height:1.6}.contract-value{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--primary-600);margin:var(--space-4) 0}.contract-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap}.signed-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--success-600);margin:0;background:#10b9811a;padding:8px 12px;border-radius:var(--radius-md)}.btn-modern-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);font-weight:500;transition:all .2s;cursor:pointer}.btn-modern-outline:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge-draft{background:var(--gray-100);color:var(--gray-700)}.status-badge-pending{background:var(--warning-100);color:var(--warning-700)}.status-badge-signed{background:var(--success-100);color:var(--success-700)}.status-badge-expired{background:var(--error-100);color:var(--error-700)}.contract-details{margin-top:var(--space-5)}.detail-row{display:flex;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border-color)}.detail-row label{font-weight:600;color:var(--text-secondary)}.detail-row span{color:var(--text-primary)}.detail-section{margin:var(--space-5) 0}.detail-section label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.detail-section p{color:var(--text-secondary);line-height:1.6}.contract-terms{background:var(--bg-secondary);padding:var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border-color);max-height:400px;overflow-y:auto}.contract-terms p{margin:var(--space-3) 0;line-height:1.8}.contract-terms ul,.contract-terms ol{margin:var(--space-3) 0;padding-left:var(--space-6)}.contract-terms li{margin:var(--space-2) 0;line-height:1.6}.signature-input{margin:var(--space-5) 0}.signature-input label{display:block;font-weight:600;margin-bottom:var(--space-3);color:var(--text-primary)}.signature-display{background:var(--bg-secondary);padding:var(--space-5);border-radius:var(--radius-md);border:2px dashed var(--border-color);text-align:center}.signature-text{font-family:Brush Script MT,cursive;font-size:var(--text-3xl);color:var(--primary-600);margin:0}.signature-info{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}.signature-preview{margin-top:var(--space-5)}.signature-preview label{display:block;font-weight:600;margin-bottom:var(--space-3);color:var(--text-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:var(--text-xl);color:var(--text-primary)}.modal-close{background:none;border:none;font-size:var(--text-3xl);color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--border-color);justify-content:flex-end}@media (max-width: 768px){.contracts-grid{grid-template-columns:1fr}.contract-actions{flex-direction:column}.contract-actions button{width:100%}.modal-content{max-height:95vh}}.client-submissions-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px 20px}.client-submissions-container{max-width:1200px;margin:0 auto}.client-submissions-header{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 4px 6px #0000001a}.back-link{display:inline-flex;align-items:center;gap:8px;color:#667eea;text-decoration:none;font-weight:500;margin-bottom:20px;transition:color .2s}.back-link:hover{color:#764ba2}.client-submissions-header h1{margin:0 0 10px;font-size:32px;color:#1f2937}.form-title-display{margin:0;font-size:18px;color:#6b7280}.no-submissions{background:#fff;border-radius:12px;padding:60px 30px;text-align:center;box-shadow:0 4px 6px #0000001a}.no-submissions svg{color:#9ca3af;margin-bottom:20px}.no-submissions h2{margin:0 0 10px;color:#1f2937}.no-submissions p{margin:0 0 30px;color:#6b7280}.submissions-list{display:grid;gap:20px}.submission-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s}.submission-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.submission-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid #e5e7eb;margin-bottom:20px}.submission-number{display:flex;align-items:center;gap:8px;font-weight:600;color:#1f2937;font-size:18px}.submission-number svg{color:#667eea}.submission-date{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}.submission-date svg{color:#9ca3af}.submission-content{display:grid;gap:16px}.submission-field{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:12px;background:#f9fafb;border-radius:8px}.submission-field strong{color:#374151;font-weight:600}.submission-field span{color:#1f2937;word-break:break-word}@media (max-width: 768px){.client-submissions-header h1{font-size:24px}.submission-header{flex-direction:column;align-items:flex-start;gap:12px}.submission-field{grid-template-columns:1fr;gap:8px}}.command-palette-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;justify-content:center;padding-top:15vh;animation:fadeIn .2s ease-out}.command-palette-container{width:100%;max-width:650px;background:#1e1e2df2;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 24px 48px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .3s cubic-bezier(.16,1,.3,1)}.command-palette-search{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);gap:12px}.command-palette-search .search-icon{color:#fff6}.command-palette-search input{flex:1;background:none;border:none;color:#fff;font-size:16px;outline:none;font-family:inherit}.search-esc{font-size:10px;font-weight:700;color:#ffffff4d;padding:2px 6px;border:1px solid rgba(255,255,255,.2);border-radius:4px}.command-palette-results{max-height:400px;overflow-y:auto;padding:8px}.command-palette-results::-webkit-scrollbar{width:6px}.command-palette-results::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.no-results{padding:40px;text-align:center;color:#fff6}.result-item{display:flex;align-items:center;padding:10px 12px;gap:12px;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-bottom:2px}.result-item.active{background:#ffffff1a}.result-icon-wrapper{width:32px;height:32px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ffffffb3}.result-item.active .result-icon-wrapper{background:#6366f133;color:#818cf8}.result-info{flex:1;display:flex;flex-direction:column}.result-label{color:#ffffffe6;font-size:14px;font-weight:500}.result-category{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.result-action{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffff4d}.command-palette-footer{display:flex;padding:12px 20px;background:#0003;border-top:1px solid rgba(255,255,255,.05);gap:20px}.footer-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#fff6}.footer-item kbd{background:#ffffff1a;padding:2px 4px;border-radius:4px;font-family:monospace;color:#fff9}@keyframes slideDown{0%{transform:translateY(-20px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.conditional-logic-modal{max-width:700px}.conditional-logic-content{padding:20px 0}.help-text{color:#6b7280;margin-bottom:20px;font-size:14px}.logic-rule{border:1px solid #e5e7eb;border-radius:6px;padding:15px;margin-bottom:15px;background:#f9fafb}.rule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-weight:600;color:#374151}.rule-conditions{display:grid;grid-template-columns:1fr;gap:15px}.modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.crew-mobile{padding:1rem;max-width:100%;background:#f9fafb;min-height:100vh}.crew-mobile-header{text-align:center;margin-bottom:1.5rem}.crew-mobile-header h1{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.crew-mobile-header p{color:#6b7280;font-size:.875rem}.status-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;text-align:center}.status-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.status-text{font-size:1.125rem;font-weight:600}.status-text.active{color:#10b981}.status-text.inactive{color:#ef4444}.tracking-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%;max-width:300px;margin:0 auto}.tracking-btn.start{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.tracking-btn.start:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.tracking-btn.stop{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.tracking-btn.stop:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.location-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.info-box{background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:flex-start;gap:1rem}.info-content{flex:1}.info-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.info-value{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.info-sub{font-size:.875rem;color:#9ca3af}.crew-map-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;height:400px;margin-bottom:1.5rem}.instructions-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.instructions-card h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.instructions-card ul{list-style:none;padding:0;margin:0}.instructions-card li{border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:.875rem;padding:.75rem 0 .75rem 1.5rem;position:relative}.instructions-card li:last-child{border-bottom:none}.instructions-card li:before{content:"•";position:absolute;left:0;color:#3b82f6;font-size:1.5rem;line-height:1}.alert{padding:1rem;border-radius:8px;display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.job-schedule{margin-bottom:2rem}.job-schedule h2{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.job-list{display:flex;flex-direction:column;gap:1rem}.job-card{background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #3b82f6;transition:transform .2s}.job-card:active{transform:scale(.98)}.job-card.in-progress{border-left-color:#f59e0b;background:#fffbeb}.job-card.completed{border-left-color:#10b981;opacity:.8}.job-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.job-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0}.job-status-badge{font-size:.75rem;font-weight:800;padding:2px 8px;border-radius:999px;text-transform:uppercase}.job-status-badge.scheduled{background:#dbeafe;color:#1e40af}.job-status-badge.in_progress{background:#fef3c7;color:#92400e}.job-status-badge.completed{background:#d1fae5;color:#065f46}.job-details{margin-bottom:1rem}.job-detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563;margin-bottom:.25rem}.job-detail-item svg{flex-shrink:0}.job-actions{display:flex;gap:.75rem}.job-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:none;border-radius:8px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s}.job-btn-primary{background:#3b82f6;color:#fff}.job-btn-success{background:#10b981;color:#fff}.job-btn-disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.clock-timer{font-family:monospace;font-size:.875rem;font-weight:700;color:#92400e;background:#fff;padding:2px 6px;border-radius:4px;border:1px solid #fcd34d}@media (max-width: 640px){.job-card{padding:1rem}.job-title{font-size:1rem}}@media (max-width: 896px) and (orientation: landscape){.crew-map-container{height:250px}}@media (min-width: 641px) and (max-width: 1024px){.location-info-grid{grid-template-columns:repeat(2,1fr)}}.dashboard{width:100%;display:flex;flex-direction:column}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:10px 0;margin-bottom:12px}@media (min-width: 480px){.dashboard-header{padding:12px 0;margin-bottom:16px}}@media (min-width: 768px){.dashboard-header{padding:12px 0;margin-bottom:20px}}.header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;gap:15px}@media (min-width: 480px){.header-content{flex-direction:row;align-items:center;flex-wrap:wrap}}.dashboard-brand{display:flex;align-items:center;gap:8px}@media (min-width: 768px){.dashboard-brand{gap:12px}}.brand-logo{width:32px;height:32px;flex-shrink:0;-o-object-fit:contain;object-fit:contain}@media (min-width: 480px){.brand-logo{width:36px;height:36px}}@media (min-width: 768px){.brand-logo{width:40px;height:40px}}.brand-text{display:flex;flex-direction:column;gap:4px}.brand-title{font-size:16px;font-weight:700;color:#4f46e5;margin:0;padding:0;line-height:1.2}@media (min-width: 480px){.brand-title{font-size:18px}}@media (min-width: 768px){.brand-title{font-size:20px}}.brand-subtitle{font-size:12px;color:#6b7280;font-weight:400}@media (min-width: 480px){.brand-subtitle{font-size:14px}}.header-content h1{font-size:20px;color:#1f2937}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;justify-content:space-between}@media (min-width: 480px){.header-actions{width:auto;justify-content:flex-start}}@media (min-width: 768px){.header-actions{gap:15px}}.header-actions .btn{padding:8px 12px;font-size:13px;flex:1;min-width:0;justify-content:center}@media (min-width: 480px){.header-actions .btn{flex:0;min-width:auto}}@media (min-width: 768px){.header-actions .btn{padding:10px 16px;font-size:14px}}.user-name{color:#6b7280;font-size:14px;display:none}@media (min-width: 480px){.user-name{display:block}}.dashboard-actions{margin-bottom:20px}@media (min-width: 768px){.dashboard-actions{margin-bottom:30px}}.create-form-btn{display:flex;align-items:center;gap:8px;width:100%;justify-content:center}@media (min-width: 640px){.create-form-btn{width:auto}}.empty-state{text-align:center;padding:40px 15px;background:#fff;border-radius:8px}@media (min-width: 480px){.empty-state{padding:60px 20px}}@media (min-width: 768px){.empty-state{padding:80px 20px}}.empty-state h2{margin:20px 0 10px;color:#1f2937;font-size:20px}@media (min-width: 480px){.empty-state h2{font-size:24px}}.empty-state p{color:#6b7280;margin-bottom:30px;font-size:14px}@media (min-width: 480px){.empty-state p{font-size:16px}}.forms-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 640px){.forms-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (min-width: 768px){.forms-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width: 1024px){.forms-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}}.form-card{background:#fff;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s;border:1px solid #e5e7eb}@media (min-width: 768px){.form-card{padding:15px}}@media (min-width: 1024px){.form-card{padding:20px}}.form-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.form-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.form-card-actions{display:flex;gap:4px}@media (min-width: 480px){.form-card-actions{gap:8px}}.icon-btn{background:none;border:none;padding:4px;cursor:pointer;color:#6b7280;border-radius:4px;transition:all .2s;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}@media (min-width: 480px){.icon-btn{padding:6px;min-height:auto;min-width:auto}}.form-card h3{margin-bottom:8px;color:#1f2937;font-size:16px}@media (min-width: 768px){.form-card h3{font-size:18px}}.form-meta{color:#6b7280;font-size:13px;margin-bottom:15px}@media (min-width: 768px){.form-meta{font-size:14px}}.form-card-footer{display:flex;gap:8px;flex-direction:column}@media (min-width: 480px){.form-card-footer{flex-direction:row;flex-wrap:wrap}}.form-card-footer .btn{width:100%;justify-content:center;min-height:44px}@media (min-width: 480px){.form-card-footer .btn{width:auto;min-height:auto}}.btn-sm{padding:6px 12px;font-size:12px}.template-library{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:24px;box-shadow:0 8px 24px #0f172a0d}@media (min-width: 768px){.template-library{padding:24px;margin-bottom:32px}}.template-library-header h2{margin:0 0 8px;font-size:18px}@media (min-width: 768px){.template-library-header h2{font-size:22px}}.template-library-header p{margin:0;color:#6b7280;font-size:14px}.template-grid{margin-top:16px;display:grid;grid-template-columns:1fr;gap:15px}@media (min-width: 640px){.template-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:24px}}.template-card{border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#fff,#fdf4ff);border-top:4px solid #4f46e5}@media (min-width: 768px){.template-card{padding:20px}}.template-card-body h3{margin:4px 0 8px;font-size:16px;color:#111827}@media (min-width: 768px){.template-card-body h3{font-size:18px}}.template-description{color:#4b5563;font-size:14px;margin:0 0 12px}.template-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.template-meta{font-size:13px;color:#6b7280;margin:0}.template-card-actions{display:flex;justify-content:flex-end;margin-top:12px}.template-card-actions .btn{width:100%;justify-content:center}@media (min-width: 640px){.template-card-actions .btn{width:auto}}.header-settings-dropdown{min-width:220px;transform-origin:top right;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;overflow:hidden}.header-settings-dropdown button,.header-settings-dropdown label{width:100%;text-align:left;border:none;background:transparent;display:flex!important;align-items:center;gap:12px;padding:10px 16px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease}.header-settings-dropdown button:hover,.header-settings-dropdown label:hover{background:#f3f4f6;color:#4f46e5;padding-left:20px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fadeInScale{animation:fadeInScale .2s ease-out forwards}.modern-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;margin-top:10px!important}.modern-table thead th{padding:16px 24px!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#64748b!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;white-space:nowrap!important}.modern-table tbody td{padding:16px 24px!important;vertical-align:middle!important;border-bottom:1px solid #f1f5f9!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;max-width:500px;margin:0 auto}.empty-state-icon{color:var(--text-tertiary);margin-bottom:var(--space-6);opacity:.6}.empty-state-title{margin:0 0 var(--space-3) 0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary);line-height:var(--leading-tight)}.empty-state-description{margin:0 0 var(--space-6) 0;font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:400px}.empty-state-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}@media (max-width: 767px){.empty-state{padding:var(--space-8) var(--space-4)}.empty-state-icon{margin-bottom:var(--space-4)}.empty-state-icon svg{width:48px;height:48px}.empty-state-title{font-size:var(--text-lg)}.empty-state-description{font-size:var(--text-sm)}.empty-state-actions{flex-direction:column;width:100%}.empty-state-actions>*{width:100%}}.field-editor{background:var(--bg-primary);height:100%;display:flex;flex-direction:column}.field-editor-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);background:var(--bg-primary);position:sticky;top:0;z-index:10}.field-editor-header h3{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.field-editor-content{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);overflow-y:auto;flex:1}.options-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3);max-height:400px;overflow-y:auto;padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.option-item{display:flex;gap:8px;align-items:center}.option-item .input{flex:1}.option-item .btn{min-width:40px;padding:8px 12px;font-size:18px;line-height:1}.no-options-text{color:#9ca3af;font-size:14px;font-style:italic;padding:10px;text-align:center}.help-text{display:block;margin-top:6px;color:#6b7280;font-size:12px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.field-renderer{width:100%}.field-label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.required{color:#ef4444;margin-left:4px}.field-input,.field-textarea,.field-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit}.field-input:focus,.field-textarea:focus,.field-select:focus{outline:none;border-color:#4f46e5}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:10px}.radio-label,.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-label input,.checkbox-label input{width:auto;cursor:pointer}.rating-group{display:flex;gap:4px}.rating-star{background:none;border:none;font-size:24px;color:#d1d5db;cursor:pointer;padding:0;transition:color .2s}.rating-star.filled,.rating-star:hover{color:#fbbf24}.field-description{margin-top:6px;font-size:12px;color:#6b7280}.field-placeholder{padding:20px;border:2px dashed #d1d5db;border-radius:6px;text-align:center;color:#9ca3af}@media (max-width: 1024px){.field-editor{padding:15px}.field-editor-header{padding-bottom:12px;margin-bottom:15px}.field-editor-header h3{font-size:16px}}@media (max-width: 768px){.field-editor{padding:12px}.field-editor-content{gap:12px}.options-list{max-height:200px;padding:6px}}@media (max-width: 480px){.field-editor{padding:10px}.field-editor-header h3{font-size:14px}.field-editor-content{gap:10px}.options-list{max-height:150px;gap:6px}.option-item{flex-wrap:wrap}.option-item .btn{min-width:35px;padding:6px 10px;font-size:16px}}.field-palette{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-5);height:calc(100vh - 160px);overflow-y:auto;position:sticky;top:80px;z-index:2;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}@media (max-width: 1024px){.field-palette{position:relative;top:0;max-height:400px;z-index:2;margin-bottom:15px;flex-shrink:0}}@media (max-width: 768px){.field-palette{padding:15px;max-height:350px;margin-bottom:15px;flex-shrink:0}}@media (max-width: 480px){.field-palette{padding:12px;max-height:300px;margin-bottom:12px;flex-shrink:0}.field-palette h3{font-size:14px}}.field-palette h3{margin-bottom:15px;color:#1f2937;font-size:16px;font-weight:600}.field-palette-categories{display:flex;flex-direction:column;gap:12px}.field-category{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.category-header{display:flex;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--transition-base);border-bottom:1px solid var(--border-color)}.category-header:hover{background:var(--bg-tertiary)}.category-header.expanded{background:var(--bg-primary)}.category-name{font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase}.category-chevron{color:var(--text-tertiary);transition:transform var(--transition-base)}.category-chevron.rotate{transform:rotate(90deg);color:var(--primary-500)}.field-palette-list{display:flex;flex-direction:column;gap:4px;padding:8px}.field-palette-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:grab;transition:all var(--transition-base);background:var(--bg-primary);position:relative;overflow:hidden}.field-palette-item:hover{background:var(--bg-secondary);border-color:var(--primary-500);transform:translateY(-2px);box-shadow:var(--shadow-md)}.field-icon-container{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-base)}.field-palette-item:hover .field-icon-container{background:var(--primary-50);color:var(--primary-600)}.field-palette-label{flex:1;font-size:14px;font-weight:500;color:var(--text-primary)}.field-add-icon{opacity:0;transform:scale(.5);transition:all var(--transition-base);color:var(--primary-500)}.field-palette-item:hover .field-add-icon{opacity:1;transform:scale(1)}.field-palette-item.dragging{opacity:.5}.field-palette-item span{font-size:14px;color:#374151}@media (max-width: 768px){.field-palette-item{padding:10px}.field-palette-item span{font-size:13px}}@media (max-width: 480px){.field-palette-item{padding:8px}.field-palette-item span{font-size:12px}.category-header{padding:8px 10px}.category-name{font-size:11px}.field-palette-list{padding:6px;gap:3px}}.field-renderer{margin-bottom:var(--field-spacing, 20px)}.field-label{display:block;margin-bottom:8px;font-weight:500;color:inherit;font-size:inherit;font-family:inherit}.field-input,.field-textarea,.field-select{width:100%;border-radius:var(--border-radius, 8px);border:1px solid var(--border-color, #d1d5db);padding:10px 12px;font-size:inherit;font-family:inherit;color:inherit;transition:all .2s;background-color:#fff}.field-input:focus,.field-textarea:focus,.field-select:focus{outline:none;border-color:var(--primary-color, #4f46e5);box-shadow:0 0 0 3px #4f46e51a}.field-paragraph{padding:15px;background:#f9fafb;border-radius:var(--border-radius, 6px);color:inherit;line-height:1.6;font-family:inherit;font-size:inherit}.field-heading{margin:20px 0;font-weight:600}.full-name-wrapper,.address-wrapper,.appointment-wrapper{display:flex;flex-direction:column}.file-upload-wrapper{display:flex;flex-direction:column;gap:10px}.file-preview{display:flex;flex-wrap:wrap;gap:8px}.file-name{padding:6px 12px;background:#f3f4f6;border-radius:4px;font-size:12px;color:#6b7280}.image-upload-wrapper{display:flex;flex-direction:column;gap:10px}.image-preview{max-width:100%;max-height:300px;border-radius:6px;border:1px solid #e5e7eb}.signature-wrapper{display:flex;flex-direction:column;align-items:flex-start}.signature-wrapper canvas{background:#fff}.fill-blank-wrapper{display:flex;flex-direction:column;gap:8px;padding:15px;background:#f9fafb;border-radius:8px}.fill-blank-item{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.fill-blank-item span{color:#374151;font-size:inherit}.fill-blank-input{border-bottom:2px solid #4f46e5;border-top:none;border-left:none;border-right:none;border-radius:0;text-align:center;background:transparent}.fill-blank-input:focus{border-bottom:2px solid #4338ca;outline:none}.fill-blank-correct{font-size:12px;color:#10b981;font-weight:500;margin-left:5px}.product-list-wrapper{display:flex;flex-direction:column;gap:12px;border:1px solid #e5e7eb;border-radius:6px;padding:15px}.product-item{display:flex;align-items:center;gap:10px;padding:10px;background:#f9fafb;border-radius:4px}.product-total{margin-top:10px;padding-top:10px;border-top:1px solid #e5e7eb;font-weight:600;font-size:16px;color:#1f2937}.input-table-wrapper{overflow-x:auto}.input-table{width:100%;border-collapse:collapse;border:1px solid #e5e7eb}.input-table th,.input-table td{padding:10px;border:1px solid #e5e7eb;text-align:left}.input-table th{background:#f9fafb;font-weight:600;color:#374151}.table-input{width:100%;border:none;padding:6px;font-size:14px}.table-input:focus{outline:1px solid #4f46e5}.scale-rating-wrapper{display:flex;flex-direction:column;gap:10px}.scale-labels{display:flex;justify-content:space-between;font-size:12px;color:#6b7280}.scale-slider{width:100%;height:8px;border-radius:4px;background:#e5e7eb;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.scale-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4f46e5;cursor:pointer}.scale-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4f46e5;cursor:pointer;border:none}.scale-value{text-align:center;font-weight:600;color:#4f46e5}.field-divider{margin:30px 0}.section-collapse-wrapper{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.section-collapse-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f9fafb;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:background .2s}.section-collapse-header:hover{background:#f3f4f6}.section-collapse-content{padding:15px;background:#fff}.page-break{display:flex;align-items:center;gap:15px;margin:40px 0}.page-break-line{flex:1;height:1px;background:#e5e7eb}.page-break-label{color:#9ca3af;font-size:12px;font-weight:500}.captcha-wrapper{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.captcha-display{padding:15px 25px;background:#f3f4f6;border:2px dashed #9ca3af;border-radius:6px;font-size:24px;font-weight:600;letter-spacing:5px;color:#1f2937;font-family:monospace}.spinner-wrapper{display:flex;align-items:center;gap:10px;padding:20px}.spinner{width:20px;height:20px;border:3px solid #f3f4f6;border-top:3px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.field-transparent .field-input,.field-transparent .field-textarea,.field-transparent .field-select,.field-transparent .full-name-wrapper input,.field-transparent .address-wrapper input,.field-transparent .appointment-wrapper input{background-color:transparent!important;border:1px dashed rgba(79,70,229,.2);padding:4px 8px;min-height:unset}.field-transparent .field-input:focus,.field-transparent .field-textarea:focus,.field-transparent .field-select:focus,.field-transparent .full-name-wrapper input:focus,.field-transparent .address-wrapper input:focus,.field-transparent .appointment-wrapper input:focus{background-color:#fffc!important;border:1px solid var(--primary-color, #4f46e5);box-shadow:0 0 0 2px #4f46e51a}.field-transparent .signature-wrapper canvas{background-color:#fff6;border:1px dashed rgba(79,70,229,.3)!important}.field-transparent.field-renderer{margin-bottom:0}.form-builder{min-height:100vh;background-color:var(--bg-secondary);font-family:var(--font-primary)}.builder-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.builder-header-top{max-width:1600px;margin:0 auto;padding:var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:var(--bg-primary)}.builder-header-top-left{display:flex;align-items:center;gap:var(--space-6)}.btn-back{flex-shrink:0}.builder-header-title-section{max-width:1400px;margin:0 auto;padding:16px 20px;background:linear-gradient(135deg,#f9fafb,#fff);display:flex;flex-direction:column;gap:8px}.form-title-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1024px){.builder-header-top{padding:10px 15px}.builder-header-title-section{padding:14px 15px}}@media (max-width: 768px){.builder-header-top{padding:8px 12px;gap:10px}.builder-header-title-section{padding:12px;gap:6px}.form-title-label{font-size:11px}}@media (max-width: 640px){.builder-header-top{flex-direction:column;align-items:stretch}.builder-header-top-left{width:100%;justify-content:space-between;flex-wrap:nowrap}.builder-brand{width:auto;flex:1;min-width:0}.btn-back{margin-right:10px;flex-shrink:0}}.builder-brand{display:flex;align-items:center;gap:12px}.brand-logo{width:36px;height:36px;flex-shrink:0;-o-object-fit:contain;object-fit:contain}@media (max-width: 768px){.brand-logo{width:32px;height:32px}.builder-brand{gap:10px}}@media (max-width: 480px){.brand-logo{width:28px;height:28px}.builder-brand{gap:8px}}.brand-title{font-size:20px;font-weight:700;color:#4f46e5;margin:0;padding:0;white-space:nowrap}@media (max-width: 768px){.brand-title{font-size:18px}}@media (max-width: 480px){.brand-title{font-size:16px;white-space:normal}}.form-title-input{width:100%;font-size:24px;font-weight:700;padding:12px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;transition:all .2s}.form-title-input::-moz-placeholder{color:#9ca3af;font-weight:400}.form-title-input::placeholder{color:#9ca3af;font-weight:400}.form-title-input:hover{border-color:#d1d5db}.form-title-input:focus{outline:none;background:#fff;border:2px solid #4f46e5;box-shadow:0 0 0 3px #4f46e51a}@media (max-width: 768px){.form-title-input{font-size:20px;padding:10px 14px}}@media (max-width: 480px){.form-title-input{font-size:18px;padding:8px 12px}}.builder-actions{display:flex;gap:var(--space-3);align-items:center}.action-group{display:flex;gap:var(--space-2);padding:0 var(--space-2);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.action-dropdown-container{position:relative}.action-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;display:none;flex-direction:column;overflow:hidden;z-index:var(--z-dropdown)}.action-dropdown-container:hover .action-dropdown-menu,.action-dropdown-container:focus-within .action-dropdown-menu{display:flex}.action-dropdown-menu button{width:100%;padding:var(--space-3) var(--space-4);border:none;background:transparent;text-align:left;font-size:var(--text-sm);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:background var(--transition-fast)}.action-dropdown-menu button:hover{background:var(--bg-secondary)}.dropdown-divider{height:1px;background:var(--border-color)}.btn-icon-only{padding:var(--space-2)!important;width:40px;height:40px;justify-content:center}@media (max-width: 1024px){.builder-actions{gap:8px}.builder-actions .btn{padding:8px 12px;font-size:13px}}@media (max-width: 768px){.builder-actions{gap:6px}.builder-actions .btn{padding:6px 10px;font-size:12px}.builder-actions .btn span,.builder-actions .btn svg{display:none}.builder-actions .btn:before{content:attr(data-icon)}}@media (max-width: 640px){.builder-header-top{flex-direction:column;align-items:stretch}.builder-header-top-left{width:100%;justify-content:space-between}.builder-actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px}.builder-actions .btn{flex:1;min-width:0;padding:8px 6px;font-size:11px}}.builder-actions .btn{display:flex;align-items:center;gap:6px}.builder-content{max-width:1600px;margin:0 auto;padding:var(--space-6);display:grid;grid-template-columns:280px 1fr 340px;gap:var(--space-6);height:calc(100vh - 160px)}@media (max-width: 1200px){.builder-content{grid-template-columns:220px 1fr 280px;gap:15px}}@media (max-width: 1024px){.builder-content{grid-template-columns:200px 1fr;gap:15px}.field-editor-sidebar{position:fixed;top:70px;right:-320px;width:300px;max-height:calc(100vh - 80px);transition:right .3s ease;z-index:200;box-shadow:-2px 0 8px #0000001a}.field-editor-sidebar.open{right:0}}@media (max-width: 768px){.builder-content{grid-template-columns:1fr;padding:15px;gap:15px}.builder-left-panel{order:2}.form-canvas-container{order:1}.field-editor-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:299;transition:opacity .3s ease}.field-editor-sidebar{position:fixed!important;top:0!important;right:-100%!important;left:auto!important;width:100%!important;max-width:100%!important;max-height:100vh!important;height:100vh!important;z-index:300!important;border-radius:0!important;box-shadow:-4px 0 12px #00000026!important;overflow-y:auto!important;transition:right .3s ease!important}.field-editor-sidebar.open{right:0!important}}@media (max-width: 480px){.builder-content{padding:10px;gap:10px}.field-editor-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:299;transition:opacity .3s ease}.field-editor-sidebar{position:fixed!important;top:0!important;right:-100%!important;width:100%!important;max-width:100%!important;max-height:100vh!important;height:100vh!important;z-index:300!important;border-radius:0!important;transition:right .3s ease!important}.field-editor-sidebar.open{right:0!important}}.builder-left-panel{display:flex;flex-direction:column;gap:20px;position:relative;align-items:stretch;min-height:0;overflow:visible}@media (max-width: 1024px){.builder-left-panel{gap:15px}}@media (max-width: 768px){.builder-left-panel{gap:15px}}@media (max-width: 480px){.builder-left-panel{gap:12px}}.field-editor-sidebar{background:#fff;border-radius:8px;padding:0;border:1px solid #e5e7eb;max-height:calc(100vh - 120px);overflow-y:auto;position:sticky;top:80px}.field-editor-backdrop{display:none}@media (max-width: 768px){.field-editor-sidebar:not(.open){display:none!important}}.form-canvas-container{display:flex;flex-direction:column;gap:20px}.form-canvas{background:var(--bg-primary);border-radius:var(--radius-2xl);padding:var(--space-10);min-height:500px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}@media (max-width: 768px){.form-canvas{padding:var(--space-6);min-height:300px}}@media (max-width: 480px){.form-canvas{padding:var(--space-4);min-height:250px}}.empty-canvas{text-align:center;padding:var(--space-20) var(--space-6);color:var(--text-tertiary);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.empty-canvas p{margin-bottom:0;font-size:var(--text-lg);font-weight:500;color:var(--text-secondary)}.empty-canvas .hint{font-size:var(--text-base);color:var(--text-tertiary);max-width:300px}@media (max-width: 768px){.empty-canvas{padding:50px 15px}.empty-canvas p{font-size:14px}.empty-canvas .hint{font-size:13px}}@media (max-width: 480px){.empty-canvas{padding:40px 10px}.empty-canvas p{font-size:13px}.empty-canvas .hint{font-size:12px}}.fields-list{display:flex;flex-direction:column;gap:20px}@media (max-width: 768px){.fields-list{gap:15px}}@media (max-width: 480px){.fields-list{gap:12px}}.fields-list.drag-over{background:#f0f9ff;border:2px dashed #4f46e5;border-radius:8px;padding:10px}.form-entry-page{min-height:100vh;background:#f3f4f6}.form-entry-header{background:#111827;color:#fff;padding:32px 0}.form-entry-header .header-content{display:flex;align-items:center;gap:24px;max-width:960px;margin:0 auto;padding:0 24px}.form-entry-header h1{margin:0 0 8px;font-size:28px}.form-entry-header p{margin:0;opacity:.85}.form-entry-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0f172a14;padding:32px;margin:-40px auto 40px;max-width:960px}.form-entry-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e5e7eb;padding-bottom:16px;margin-bottom:24px}.form-entry-card-header .badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#e0e7ff;color:#312e81;font-weight:600;font-size:13px}.success-banner{background:#ecfdf5;border:1px solid #34d399;color:#065f46;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.entry-field{margin-bottom:24px}.entry-label{font-weight:600;display:block;margin-bottom:8px;color:#111827}.entry-label .required{color:#dc2626;margin-left:6px}.entry-error{color:#dc2626;font-size:13px;margin-top:6px}.entry-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.empty-message{color:#6b7280;font-style:italic}.form-field-wrapper{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border:2px solid transparent;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);background:var(--bg-secondary);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-field-wrapper:active{cursor:grabbing}.form-field-wrapper:hover{background:var(--bg-primary);border-color:var(--border-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-field-wrapper.selected{border-color:var(--primary-500);background:var(--bg-primary);box-shadow:var(--shadow-lg);z-index:10}.form-field-wrapper.dragging{opacity:.4;transform:rotate(2deg);box-shadow:0 8px 16px #0003}.form-field-wrapper.drag-over{border-color:#4f46e5;border-style:dashed}.field-handle{cursor:grab;color:#9ca3af;padding:8px 4px;display:flex;align-items:center;pointer-events:auto;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none;flex-shrink:0}.field-handle:active{cursor:grabbing}.field-handle:hover{color:#4f46e5;background:#f3f4f6;border-radius:4px}.field-content{flex:1;pointer-events:none}.field-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s;pointer-events:auto}.form-field-wrapper:hover .field-actions{opacity:1}.icon-btn{background:var(--bg-primary);border:1px solid var(--border-color);padding:var(--space-2);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.icon-btn:hover{background:var(--bg-secondary);color:var(--primary-600);border-color:var(--primary-400);transform:scale(1.1)}.icon-btn.danger:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.preview-modal{max-width:700px;width:90%;max-height:90vh;overflow-y:auto}.preview-content{padding:20px 0}.preview-title{margin-bottom:30px;color:#1f2937;font-size:24px}.preview-form{display:flex;flex-direction:column;gap:25px}.form-actions{display:flex;gap:10px;margin-top:20px}.submission-success{padding:40px;text-align:center;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;color:#166534}.submission-success p{font-size:16px;margin:0}.settings-modal{max-width:600px;z-index:2000}.settings-content{padding:20px 0}.settings-actions{margin-top:30px;display:flex;justify-content:flex-end}.settings-section-divider{margin:30px 0 20px;padding-top:20px;border-top:2px solid #e5e7eb}.settings-section-divider h3{margin:0;color:#1f2937;font-size:18px;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.image-upload-component{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.upload-mode-selector{display:flex;gap:8px;margin-bottom:12px}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;color:#6b7280;transition:all .2s}.mode-btn:hover{background:#f9fafb;border-color:#9ca3af}.mode-btn.active{background:#eef2ff;border-color:#4f46e5;color:#4f46e5}.upload-section,.url-section{display:flex;flex-direction:column;gap:12px}.file-upload-area{position:relative}.file-input{position:absolute;width:0;height:0;opacity:0}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb;cursor:pointer;transition:all .2s;text-align:center}.file-upload-label:hover{border-color:#4f46e5;background:#f3f4f6}.file-upload-label span{font-size:14px;color:#374151;font-weight:500}.file-upload-label small{font-size:12px;color:#6b7280}.image-preview-container{position:relative;display:inline-block;max-width:100%}.image-preview{max-width:100%;max-height:200px;border-radius:6px;border:1px solid #e5e7eb;-o-object-fit:contain;object-fit:contain}.remove-image-btn{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.remove-image-btn:hover{background:#000000e6}.upload-error{margin-top:8px;padding:8px 12px;background:#fee2e2;color:#dc2626;border-radius:6px;font-size:12px}.language-switcher{position:relative;display:inline-block}.language-button,.language-button-compact{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;font-family:inherit;color:inherit;cursor:pointer;display:flex;align-items:center}.language-button{gap:8px;padding:8px 12px;background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:13px;font-weight:500;color:#ffffffe6;min-width:100px;justify-content:center}.language-button:hover{background:#ffffff1a;border-color:#fff3;color:#fff;box-shadow:0 0 20px #4f46e526}.language-button:active{transform:scale(.97)}.current-lang{display:flex;align-items:center;gap:6px}.lang-flag{font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.lang-name{white-space:nowrap}.dropdown-arrow{transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.5;display:flex;align-items:center}.dropdown-arrow.open{transform:rotate(180deg);opacity:.8}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#171725e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 15px 35px #0006,0 0 0 1px #ffffff08,inset 0 1px 1px #ffffff0d;z-index:10000;overflow:hidden;padding:6px;animation:dropdown-pop-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes dropdown-pop-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.language-switcher.up .language-dropdown,.language-switcher-compact.up .language-dropdown{top:auto!important;bottom:calc(100% + 10px)!important;left:0!important;right:auto!important;animation:dropdown-pop-up .3s cubic-bezier(.34,1.56,.64,1)}@keyframes dropdown-pop-up{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{padding:10px 12px 6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#ffffff4d}.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#ffffffb3;margin-bottom:2px;border:none;font-family:inherit;text-align:left}.language-option:last-child{margin-bottom:0}.language-option:hover{background:#ffffff0f;color:#fff}.language-option.active{background:#4f46e526;color:#a5b4fc}.lang-info{display:flex;flex-direction:column;flex:1}.lang-native{font-weight:600;font-size:13px}.lang-english{font-size:10px;opacity:.4}.check-icon{color:#818cf8;flex-shrink:0}.language-switcher-compact .language-button-compact{width:40px;height:40px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);justify-content:center;transition:all .3s ease;color:#fff}.language-button-compact i{display:flex;align-items:center;justify-content:center}.language-switcher-compact .language-button-compact:hover{background:#ffffff1a;border-color:#fff3;transform:scale(1.05)}.current-lang-code{position:absolute;bottom:2px;right:2px;font-size:7px;font-weight:800;background:#4f46e5;color:#fff;padding:1px 3px;border-radius:2px;text-transform:uppercase}.auth-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:30px 10px 10px}@media (min-width: 480px){.auth-container{padding:40px 15px 15px}}@media (min-width: 768px){.auth-container{padding:20px;align-items:center}}.auth-card{background:#fff;border-radius:8px;padding:20px;width:100%;max-width:100%;box-shadow:0 10px 25px #0003}@media (min-width: 480px){.auth-card{padding:24px;border-radius:10px}}@media (min-width: 768px){.auth-card{padding:30px;border-radius:12px;max-width:400px}}@media (min-width: 1024px){.auth-card{padding:40px}}.auth-card h1{text-align:center;margin-bottom:8px;color:#1f2937;font-size:20px}@media (min-width: 480px){.auth-card h1{font-size:22px}}@media (min-width: 768px){.auth-card h1{font-size:24px}}@media (min-width: 1024px){.auth-card h1{font-size:28px}}.auth-subtitle{text-align:center;color:#6b7280;margin-bottom:24px;font-size:14px}@media (min-width: 768px){.auth-subtitle{margin-bottom:30px}}.error-message{background:#fee2e2;color:#dc2626;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.auth-footer{text-align:center;margin-top:20px;color:#6b7280;font-size:14px}.auth-footer a{color:#4f46e5;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:#9ca3af;font-size:14px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.auth-divider span{padding:0 15px}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#374151;border:1px solid #d1d5db;padding:12px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;min-height:44px}@media (min-width: 768px){.btn-google{padding:10px 20px;min-height:auto}}.btn-google:hover{background:#f9fafb;border-color:#9ca3af}.btn-google:disabled{opacity:.6;cursor:not-allowed}.success-message{text-align:center;padding:20px}.success-message h2{margin:10px 0;color:#1f2937;font-size:18px}@media (min-width: 768px){.success-message h2{font-size:20px}}.success-message p{color:#6b7280;margin:8px 0;line-height:1.6;font-size:14px}.success-message strong{color:#1f2937}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-around;z-index:var(--z-fixed);box-shadow:0 -2px 10px #0000001a;padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 1024px){.mobile-bottom-nav{display:none}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);flex:1;padding:var(--space-2);background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);min-height:64px;-webkit-tap-highlight-color:transparent;position:relative}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-icon{transition:all var(--transition-base)}.mobile-nav-label{font-size:var(--text-xs);font-weight:500;transition:all var(--transition-base)}.mobile-nav-item.active{color:var(--primary-600)}.mobile-nav-item.active .mobile-nav-icon{transform:scale(1.1)}.mobile-nav-item.active .mobile-nav-label{font-weight:600}.mobile-nav-item.active:before{content:"";position:absolute;top:6px;width:4px;height:4px;background:var(--primary-600);border-radius:50%}@media (hover: hover){.mobile-nav-item:hover:not(.active){color:var(--text-primary);background:var(--bg-secondary)}}.mobile-nav-item:focus-visible{outline:2px solid var(--primary-500);outline-offset:-2px;border-radius:var(--radius-md)}@media (max-width: 1023px){.modern-content{padding-bottom:80px!important}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4);animation:fadeIn .2s ease-out;overflow-y:auto}.modal-overlay.modal-entering{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:100%;max-height:90vh;display:flex;flex-direction:column;position:relative;animation:slideUp .3s ease-out;outline:none}.modal-content.modal-entering{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-sm{max-width:400px}.modal-md{max-width:550px}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-full{max-width:95vw;max-height:95vh}@media (max-width: 767px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:90vh;animation:slideUpMobile .3s ease-out}.modal-content.modal-entering{animation:slideUpMobile .3s ease-out}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-sm,.modal-md,.modal-lg,.modal-xl{max-width:100%}.modal-body{padding:var(--space-4);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-header,.modal-footer{padding:var(--space-4)}}@media (max-width: 374px){.modal-content{max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-header{padding:var(--space-3)}.modal-title{font-size:var(--text-lg)}.modal-body{padding:var(--space-3);font-size:var(--text-sm)}.modal-footer{padding:var(--space-3);flex-direction:column;gap:var(--space-2)}.modal-footer>*{width:100%;min-height:44px}.modal-body .input,.modal-body input,.modal-body textarea,.modal-body select{font-size:16px;min-height:44px;width:100%;box-sizing:border-box}.modal-body{position:relative}.modal-body:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(to left,var(--bg-primary) 0%,transparent 100%);pointer-events:none;opacity:0;transition:opacity var(--transition-base)}.modal-body:has(>*:not(:last-child)):after{opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-title{margin:0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary);line-height:var(--leading-tight)}.modal-close{background:none;border:none;padding:var(--space-2);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-close:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.modal-body{padding:var(--space-6);overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.modal-body>*{max-width:100%;overflow-x:auto}.modal-body table{display:block;overflow-x:auto;white-space:nowrap}.modal-footer{padding:var(--space-6);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}@media (max-width: 767px){.modal-footer{flex-direction:column-reverse}.modal-footer>*{width:100%}}[dir=rtl] .modal-header,[dir=rtl] .modal-footer{flex-direction:row-reverse}@media (max-width: 767px){[dir=rtl] .modal-footer{flex-direction:column-reverse}}.modal-content:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.modern-layout{min-height:100vh;background:var(--bg-secondary);position:relative;overflow-x:hidden}.modern-sidebar{position:fixed;left:0;top:0;height:100vh;width:220px;background:linear-gradient(180deg,var(--primary-color) 0%,var(--accent-color) 100%);color:#fff;display:flex;flex-direction:column;padding:0;transition:width var(--transition-slow),transform var(--transition-slow);z-index:var(--z-fixed);overflow:hidden;box-shadow:var(--shadow-2xl)}.sidebar-scroll-container::-webkit-scrollbar{width:6px}.sidebar-scroll-container::-webkit-scrollbar-track{background:transparent}.sidebar-scroll-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.sidebar-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}.modern-sidebar.collapsed{width:80px}.sidebar-logo{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);margin-bottom:var(--space-1-5);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.2);transition:all var(--transition-base)}.sidebar-logo.collapsed{justify-content:center}.logo-image{width:36px;height:36px;border-radius:var(--radius-lg);background:#fff;padding:3px;box-shadow:var(--shadow-md);transition:all var(--transition-base);-o-object-fit:contain;object-fit:contain}.sidebar-logo:hover .logo-image{transform:rotate(5deg) scale(1.05)}.logo-text{display:flex;flex-direction:column;gap:var(--space-1)}.logo-title{font-family:var(--font-display);font-size:18px;font-weight:800;margin:0;background:linear-gradient(135deg,#fff,#f0f9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-profile{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-bottom:.75rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2);transition:all var(--transition-base);cursor:pointer}.sidebar-profile:hover{background:#fff3;transform:translateY(-2px)}.sidebar-profile.collapsed{justify-content:center;padding:var(--space-2)}.profile-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff3;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.3);color:#fff!important;transition:all var(--transition-base)}.profile-name{font-size:14px;font-weight:600;color:#fff;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:0;padding:0 6px}.nav-section{display:flex;flex-direction:column;gap:0;margin-bottom:.125rem}.nav-section-title{font-size:11px;font-weight:700;color:#fff!important;text-transform:uppercase;letter-spacing:.5px;margin-bottom:0;margin-top:4px;padding:6px 12px;border-radius:8px;transition:all .2s ease;width:100%;display:flex;justify-content:space-between;align-items:center}.nav-section-title svg{color:#fff!important;opacity:1!important}.nav-section-title:hover{background:#ffffff0d;color:#fffc}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:.625rem;color:#ffffffe6;font-family:var(--font-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:left;width:100%;margin-bottom:.125rem}.nav-item.collapsed{justify-content:center;padding:.75rem;gap:0}.nav-item:hover{background:#ffffff26;transform:translate(4px);box-shadow:0 4px 12px #00000026;border-color:#fff3;color:#fff}.nav-item.collapsed:hover{transform:scale(1.05)}.nav-item.active{background:#fff3;color:#fff;font-weight:600;box-shadow:0 4px 15px #0003;border-color:#ffffff4d}.nav-icon{flex-shrink:0;width:20px;height:20px;color:#fff!important;transition:transform var(--transition-base)}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:#fff;border-radius:var(--radius-full)}.nav-section.dragging{background:#ffffff1a!important;border:1px dashed rgba(255,255,255,.3)!important;box-shadow:0 12px 28px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000}.nav-hide-btn{opacity:.6;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;color:#fff;background:none;border:none}.nav-hide-btn:hover{opacity:1;background:#ffffff1a;transform:scale(1.1)}.nav-item.is-hidden{opacity:.4!important;filter:grayscale(.5);background:#ffffff05!important}.nav-item.is-hidden:hover{opacity:.6!important}.sidebar-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.2)}.sidebar-toggle{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);z-index:10;border:none;cursor:pointer}.footer-tools-expanded{overflow:visible;padding-top:4px;animation:slideDown .3s ease-out}.mobile-menu-btn{display:none;position:fixed;top:var(--space-4);left:var(--space-4);z-index:100;width:48px;height:48px;background:#764ba2;border-radius:8px;color:#fff;border:none}@media (max-width: 768px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.modern-sidebar{transform:translate(-100%);width:240px}.modern-sidebar.mobile{transform:translate(0)}}.modern-content{margin-left:220px;padding:var(--space-5);transition:margin-left .3s ease;min-height:100vh;width:calc(100% - 220px);box-sizing:border-box}.modern-content.expanded{margin-left:80px;width:calc(100% - 80px)}@media (min-width: 769px) and (max-width: 1024px){.modern-sidebar{width:200px}.modern-sidebar.collapsed{width:64px}.modern-content{margin-left:200px;padding:var(--space-5);width:calc(100% - 200px)}.modern-content.expanded{margin-left:64px;width:calc(100% - 64px)}.logo-title{font-size:16px}}@media (max-width: 768px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center;cursor:pointer}.modern-sidebar{transform:translate(-100%);width:240px}.modern-sidebar.mobile{transform:translate(0)}.modern-content{margin-left:0!important;width:100%!important;padding:var(--space-4);padding-top:80px;box-sizing:border-box}.modern-content.expanded{margin-left:0!important;width:100%!important}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--z-fixed) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.sidebar-search-trigger{display:flex;align-items:center;gap:12px;padding:8px 12px;margin:0 12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff9;cursor:pointer;transition:all .2s ease}.sidebar-search-trigger:hover{background:#ffffff26;color:#fff;border-color:#fff3}.sidebar-search-trigger span{font-size:14px;font-weight:500;flex:1}.search-shortcut{font-size:10px;background:#ffffff26;padding:2px 4px;border-radius:4px;color:#fffc;font-family:monospace}.tour-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:fadeIn .3s ease-out}.tour-highlight{position:relative;z-index:calc(var(--z-modal-backdrop) + 1)!important;outline:3px solid var(--primary-500)!important;outline-offset:4px;border-radius:var(--radius-lg);box-shadow:0 0 0 9999px #000000b3,0 0 20px #0ea5e980!important;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 9999px #000000b3,0 0 20px #0ea5e980}50%{box-shadow:0 0 0 9999px #000000b3,0 0 30px #0ea5e9cc}}.tour-tooltip{position:fixed;background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:var(--space-6);max-width:400px;width:calc(100% - var(--space-8));z-index:calc(var(--z-modal-backdrop) + 2);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tour-tooltip[data-position=bottom]{bottom:var(--space-6);left:50%;transform:translate(-50%)}.tour-tooltip[data-position=right]{right:var(--space-6);top:50%;transform:translateY(-50%)}.tour-tooltip[data-position=left]{left:var(--space-6);top:50%;transform:translateY(-50%)}.tour-tooltip[data-position=top]{top:var(--space-6);left:50%;transform:translate(-50%)}.tour-progress{height:4px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.tour-progress-bar{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .3s ease-out}.tour-tooltip-header{margin-bottom:var(--space-4)}.tour-tooltip-title{margin:0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.tour-tooltip-content{margin:0 0 var(--space-6) 0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.tour-tooltip-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.tour-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2-5) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;border:none;cursor:pointer;transition:all var(--transition-base);min-height:40px}.tour-btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.tour-btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.tour-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.tour-btn-secondary:hover{background:var(--bg-tertiary)}.tour-btn-skip{background:transparent;color:var(--text-secondary);padding:var(--space-2)}.tour-btn-skip:hover{color:var(--text-primary)}.tour-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.tour-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.tour-step-indicator{text-align:center;margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}@media (max-width: 767px){.tour-tooltip{max-width:none;width:calc(100% - var(--space-4));padding:var(--space-4)}.tour-tooltip[data-position=right],.tour-tooltip[data-position=left]{right:var(--space-4);left:var(--space-4);top:auto;bottom:var(--space-4);transform:none}.tour-tooltip-footer{flex-direction:column}.tour-tooltip-footer>div{width:100%;display:flex;gap:var(--space-2)}.tour-btn{flex:1}}.page-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.page-header-top{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 768px){.page-header-top{flex-direction:row;align-items:flex-start;justify-content:space-between}}.page-header-title-section{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.page-header-icon{flex-shrink:0;color:var(--primary-600)}.page-header-text{min-width:0}.page-header-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;line-height:var(--leading-tight)}.page-header-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1) 0 0 0;line-height:var(--leading-normal)}.page-header-actions-wrapper{display:flex;align-items:center;gap:var(--space-4)}@media (max-width: 767px){.page-header-actions-wrapper{width:100%;justify-content:space-between}}.page-header-actions{display:flex;flex-direction:column;gap:var(--space-2)}@media (min-width: 768px){.page-header-actions{flex-direction:row;width:auto;flex-shrink:0}}.page-header-actions-primary{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;width:100%}@media (min-width: 768px){.page-header-actions-primary{width:auto;flex-wrap:nowrap}}@media (max-width: 480px){.page-header-actions-primary{flex-direction:column}.page-header-actions-primary>*{width:100%}.page-header-actions-primary button,.page-header-actions-primary .btn-modern{width:100%;justify-content:center}}.page-header-actions-primary .btn-group{display:flex;gap:var(--space-1);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-1);background:var(--bg-primary)}.page-header-actions-overflow{display:none}@media (max-width: 767px){.page-header-actions-overflow{display:block}.page-header-actions-secondary{display:none}}@media (min-width: 768px){.page-header-actions-overflow{display:none}.page-header-actions-secondary{display:flex;gap:var(--space-2);align-items:center}}.page-header-breadcrumbs{margin-bottom:var(--space-2)}.page-header-actions button,.page-header-actions .btn-modern{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:44px}@media (min-width: 768px){.page-header-actions button,.page-header-actions .btn-modern{min-width:auto}}.page-manager{background:#fff;border-radius:8px;padding:10px;border:1px solid #e5e7eb;margin-bottom:12px;position:relative;top:0;z-index:1;flex-shrink:0;visibility:visible;opacity:1;height:auto;max-height:none;overflow:visible}@media (min-width: 768px){.page-manager{padding:12px;margin-bottom:15px}}@media (min-width: 1024px){.page-manager{padding:16px;margin-bottom:20px;position:sticky;top:495px;z-index:3;max-height:calc(50vh - 20px);overflow-y:auto}}@media (min-width: 1280px){.page-manager{top:calc(50vh + 100px)}}.page-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}@media (min-width: 768px){.page-manager-header{flex-wrap:nowrap;gap:0}}.page-manager-header h3{font-size:13px;font-weight:600;color:#1f2937;margin:0}@media (min-width: 768px){.page-manager-header h3{font-size:14px}}@media (min-width: 1024px){.page-manager-header h3{font-size:16px}}.page-manager-header .btn{font-size:12px;padding:6px 10px;min-height:36px}@media (min-width: 768px){.page-manager-header .btn{font-size:13px;padding:8px 12px}}@media (min-width: 1024px){.page-manager-header .btn{font-size:14px;padding:10px 16px;min-height:auto}}.pages-list{display:flex;flex-direction:column;gap:8px}.page-item{display:flex;justify-content:space-between;align-items:stretch;padding:8px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb;flex-direction:column;gap:8px}@media (min-width: 640px){.page-item{flex-direction:row;align-items:center;padding:8px 10px}}@media (min-width: 1024px){.page-item{padding:10px 12px}}.page-info{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap;width:100%}@media (min-width: 640px){.page-info{gap:10px;width:auto;flex-wrap:nowrap}}.page-number{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#4f46e5;color:#fff;border-radius:50%;font-size:11px;font-weight:600;flex-shrink:0}@media (min-width: 640px){.page-number{width:22px;height:22px;font-size:12px}}@media (min-width: 1024px){.page-number{width:24px;height:24px}}.page-name{font-weight:500;color:#1f2937;font-size:13px}@media (min-width: 640px){.page-name{font-size:14px}}.page-fields-count{font-size:11px;color:#6b7280}@media (min-width: 640px){.page-fields-count{font-size:12px}}.page-edit{display:flex;align-items:center;gap:8px;flex:1}.page-edit .input{flex:1;padding:6px 10px;font-size:14px;min-height:36px}.page-actions{display:flex;gap:6px;width:100%;justify-content:flex-end;margin-top:8px}@media (min-width: 640px){.page-actions{width:auto;margin-top:0}}.icon-btn{background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;min-width:36px;min-height:36px}@media (min-width: 768px){.icon-btn{padding:6px;min-width:auto;min-height:auto}}@media (min-width: 1024px){.icon-btn{padding:4px}}.icon-btn:hover{background:#f3f4f6;color:#374151}.permission-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.permission-selector-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a}.permission-selector-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb;border-radius:12px 12px 0 0}.permission-selector-header h2{margin:0;font-size:20px;color:#1f2937}.btn-close{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.btn-close:hover{background:#e5e7eb;color:#1f2937}.permission-selector-content{flex:1;overflow-y:auto;padding:24px}.permission-selector-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.selected-count{font-size:14px;color:#6b7280;font-weight:500}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.permission-category{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.category-header h4{margin:0;font-size:14px;font-weight:600;color:#374151}.permissions-list{display:flex;flex-direction:column;gap:8px}.permission-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;background:#fff}.permission-item:hover{background:#f9fafb;border-color:#4f46e5}.permission-item.selected{background:#eef2ff;border-color:#4f46e5}.permission-item input[type=checkbox]{margin-top:2px;cursor:pointer;width:18px;height:18px;accent-color:#4f46e5}.permission-content{flex:1;display:flex;flex-direction:column;gap:4px}.permission-content strong{font-size:13px;color:#1f2937}.permission-content span{font-size:12px;color:#6b7280}.permission-selector-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#f9fafb;border-radius:0 0 12px 12px}@media (max-width: 768px){.permissions-grid{grid-template-columns:1fr}.permission-selector-modal{max-width:100%;max-height:100vh;border-radius:0}}.public-form-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 10px;display:flex;justify-content:center;align-items:flex-start;position:relative}@media (min-width: 480px){.public-form-page{padding:30px 15px}}@media (min-width: 768px){.public-form-page{padding:40px 20px}}.public-form-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.1;z-index:0}.public-form-container{width:100%;max-width:700px;position:relative;z-index:1;transition:max-width .4s ease-in-out}.public-form-container.document-mode-active{max-width:1100px}.public-form-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 10px 25px #0003;width:100%}@media (min-width: 480px){.public-form-card{padding:24px;border-radius:10px}}@media (min-width: 768px){.public-form-card{padding:30px;border-radius:12px}}@media (min-width: 1024px){.public-form-card{padding:40px}}.public-form{display:flex;flex-direction:column;gap:20px;font-family:inherit;font-size:inherit;color:inherit}@media (min-width: 768px){.public-form{gap:var(--field-spacing, 25px)}}.form-title{margin-bottom:20px;color:#1f2937;font-size:20px;text-align:center}@media (min-width: 480px){.form-title{font-size:22px;margin-bottom:25px}}@media (min-width: 768px){.form-title{font-size:24px}}@media (min-width: 1024px){.form-title{font-size:28px;margin-bottom:30px}}.form-actions{margin-top:20px;display:flex;gap:10px;flex-direction:column}@media (min-width: 480px){.form-actions{flex-direction:row;flex-wrap:wrap}}@media (min-width: 768px){.form-actions{gap:12px}}.form-actions .btn{width:100%;min-width:0;min-height:44px;justify-content:center}@media (min-width: 480px){.form-actions .btn{flex:1;min-width:120px}}@media (min-width: 768px){.form-actions .btn{width:auto;flex:0}}.btn-large{width:100%;padding:14px;font-size:16px;min-height:48px}.submission-success{text-align:center;padding:30px 15px}@media (min-width: 480px){.submission-success{padding:40px 20px}}.success-icon{width:60px;height:60px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 20px}@media (min-width: 480px){.success-icon{width:70px;height:70px;font-size:35px}}@media (min-width: 768px){.success-icon{width:80px;height:80px;font-size:40px}}.submission-success h2{color:#1f2937;margin-bottom:10px;font-size:20px}@media (min-width: 768px){.submission-success h2{font-size:24px}}.submission-success p{color:#6b7280;font-size:14px}@media (min-width: 768px){.submission-success p{font-size:16px}}.error-message{text-align:center;padding:30px 20px;color:#dc2626;font-size:16px}@media (min-width: 768px){.error-message{padding:40px;font-size:18px}}.form-logo-header{text-align:center;margin-bottom:20px}.form-header-logo{max-width:150px;max-height:80px;-o-object-fit:contain;object-fit:contain}@media (min-width: 768px){.form-header-logo{max-width:200px;max-height:100px}}.form-preview-section{margin-top:20px;padding:15px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}@media (min-width: 768px){.form-preview-section{margin-top:30px;padding:20px}}.form-preview-section h3{margin-bottom:15px;color:#1f2937;font-size:16px}@media (min-width: 768px){.form-preview-section h3{font-size:18px}}.preview-content{display:flex;flex-direction:column;gap:12px}.preview-item{display:flex;flex-direction:column;gap:4px;padding:8px;background:#fff;border-radius:6px}@media (min-width: 768px){.preview-item{padding:10px}}.preview-item strong{color:#374151;font-size:13px}@media (min-width: 768px){.preview-item strong{font-size:14px}}.preview-item span{color:#1f2937;font-size:14px}.logo-wrapper{display:flex;justify-content:center;align-items:center;padding:15px}@media (min-width: 768px){.logo-wrapper{padding:20px}}.logo-placeholder{width:150px;height:80px;border:2px dashed #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:12px}@media (min-width: 768px){.logo-placeholder{width:200px;height:100px;font-size:14px}}.form-logo{max-width:100%;height:auto}.form-progress{margin:12px 0;padding:10px;background:#f9fafb;border-radius:8px}@media (min-width: 480px){.form-progress{margin:15px 0;padding:12px}}@media (min-width: 768px){.form-progress{margin:20px 0;padding:16px}}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(to right,var(--primary-color, #4f46e5),var(--secondary-color, #6366f1));border-radius:4px;transition:width .3s}.progress-text{text-align:center;font-size:12px;color:#6b7280;font-weight:500}@media (min-width: 480px){.progress-text{font-size:13px}}@media (min-width: 768px){.progress-text{font-size:14px}}.start-page{display:flex;flex-direction:column;gap:24px;padding:15px 0;text-align:center}@media (min-width: 768px){.start-page{gap:30px;padding:20px 0}}.start-page-content{display:flex;flex-direction:column;gap:20px}.start-page-title{font-size:24px;font-weight:700;color:#1f2937;margin:0}@media (min-width: 480px){.start-page-title{font-size:26px}}@media (min-width: 768px){.start-page-title{font-size:28px}}@media (min-width: 1024px){.start-page-title{font-size:32px}}.start-page-description{font-size:14px;line-height:1.6;color:#6b7280;text-align:left;max-width:600px;margin:0 auto}@media (min-width: 480px){.start-page-description{font-size:15px}}@media (min-width: 768px){.start-page-description{font-size:16px}}.start-page-description p{margin:0 0 16px}.start-page-description p:last-child{margin-bottom:0}.start-page-actions{display:flex;justify-content:center;margin-top:20px}.start-page-actions .btn{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;width:100%;justify-content:center;max-width:300px}@media (min-width: 640px){.start-page-actions .btn{width:auto;padding:14px 32px;font-size:16px}}.reports-page{min-height:100vh;background-color:#f5f5f5}.reports-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 0;margin-bottom:30px}.reports-controls{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px}.report-content{background:#fff;border-radius:8px;padding:30px}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.report-header h2{margin:0;color:#1f2937}.report-stats{display:flex;gap:20px}.stat-item{display:flex;flex-direction:column;align-items:flex-end}.stat-label{font-size:12px;color:#6b7280;margin-bottom:4px}.stat-value{font-size:24px;font-weight:600;color:#1f2937}.report-chart{margin-top:30px}.report-chart h3{margin-bottom:20px;color:#374151;font-size:18px}.bar-chart,.rating-chart{display:flex;flex-direction:column;gap:15px}.bar-item,.rating-bar-item{display:flex;align-items:center;gap:15px}.bar-label,.rating-label{min-width:150px;font-size:14px;color:#374151}.bar-container{flex:1;height:30px;background:#f3f4f6;border-radius:4px;overflow:hidden;position:relative}.bar-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:flex-end;padding:0 10px;transition:width .3s ease}.bar-value{color:#fff;font-size:12px;font-weight:600}.report-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:30px}.stat-card{display:flex;align-items:center;gap:15px;padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.stat-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#eef2ff;border-radius:8px;color:#4f46e5}.stat-content{flex:1}.stat-value-large{font-size:28px;font-weight:700;color:#1f2937;margin-top:4px}.report-info{padding:20px;background:#f9fafb;border-radius:6px;color:#6b7280}.responsive-image-container{position:relative;width:100%;overflow:hidden}.responsive-image{display:block;max-width:100%;height:auto;transition:opacity var(--transition-base);opacity:0}.responsive-image.loaded{opacity:1}.responsive-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.responsive-image-skeleton{width:100%;height:100%;background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.responsive-image-error{display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-tertiary);font-size:var(--text-sm);min-height:100px;border:1px dashed var(--border-color);border-radius:var(--radius-md)}.responsive-image-container[style*=aspect-ratio]{position:relative}.responsive-image-container[style*=aspect-ratio] img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.responsive-image-square{aspect-ratio:1 / 1}.responsive-image-video{aspect-ratio:16 / 9}.responsive-image-4-3{aspect-ratio:4 / 3}.responsive-table-mobile{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2)}.responsive-table-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.responsive-table-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200)}.responsive-table-card.clickable{cursor:pointer}.responsive-table-card.clickable:active{transform:scale(.98)}.responsive-table-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.responsive-table-card-primary{flex:1;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.responsive-table-card-field{display:flex;flex-direction:column;gap:var(--space-1)}.responsive-table-card-label{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.responsive-table-card-value{font-size:var(--text-sm);color:var(--text-primary);word-break:break-word;line-height:var(--leading-relaxed)}.responsive-table-card-toggle{background:none;border:none;padding:var(--space-2);cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--radius-md);transition:all var(--transition-base);flex-shrink:0}.responsive-table-card-toggle:hover{background:var(--bg-secondary);color:var(--text-primary)}.responsive-table-card-toggle svg{transition:transform var(--transition-base)}.responsive-table-card-toggle svg.expanded{transform:rotate(90deg)}.responsive-table-card-details{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-3);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.responsive-table-card.expanded{border-color:var(--primary-300);box-shadow:var(--shadow-md)}.responsive-table-wrapper{position:relative;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.responsive-table-wrapper.scrollable{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary-300) transparent}.responsive-table-wrapper.scrollable::-webkit-scrollbar{height:8px}.responsive-table-wrapper.scrollable::-webkit-scrollbar-track{background:var(--bg-secondary)}.responsive-table-wrapper.scrollable::-webkit-scrollbar-thumb{background:var(--primary-300);border-radius:var(--radius-full)}.responsive-table-wrapper.scrollable::-webkit-scrollbar-thumb:hover{background:var(--primary-400)}.responsive-table-scroll-indicator{position:absolute;top:0;bottom:0;width:40px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10;opacity:0;transition:opacity var(--transition-base);background:linear-gradient(to right,var(--bg-primary) 0%,rgba(255,255,255,.8) 50%,transparent 100%)}.responsive-table-scroll-indicator.left{left:0;background:linear-gradient(to right,var(--bg-primary) 0%,rgba(255,255,255,.8) 50%,transparent 100%)}.responsive-table-scroll-indicator.right{right:0;background:linear-gradient(to left,var(--bg-primary) 0%,rgba(255,255,255,.8) 50%,transparent 100%)}.responsive-table-wrapper.scrollable:hover .responsive-table-scroll-indicator{opacity:1}.scroll-indicator-arrow{font-size:var(--text-lg);color:var(--text-secondary);font-weight:700}.responsive-table{width:100%;border-collapse:collapse;min-width:600px}.responsive-table-header{background:var(--bg-secondary);padding:var(--space-4);text-align:left;font-weight:600;font-size:var(--text-sm);color:var(--text-primary);border-bottom:2px solid var(--border-color);white-space:nowrap;position:sticky;top:0;z-index:5}.responsive-table-cell{padding:var(--space-4);border-bottom:1px solid var(--border-color);font-size:var(--text-sm);color:var(--text-primary);vertical-align:middle}.responsive-table tbody tr{transition:background-color var(--transition-base)}.responsive-table tbody tr:hover{background:var(--bg-secondary)}.responsive-table tbody tr.clickable{cursor:pointer}.responsive-table tbody tr.clickable:active{background:var(--primary-50)}.responsive-table tbody tr:last-child td{border-bottom:none}@media (max-width: 640px){.responsive-table-header[data-priority="4"],.responsive-table-header[data-priority="5"],.responsive-table-cell[data-priority="4"],.responsive-table-cell[data-priority="5"]{display:none}}.responsive-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-4);color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-secondary);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}.responsive-table-empty{padding:var(--space-12);text-align:center;color:var(--text-secondary);font-size:var(--text-base)}@media (min-width: 768px) and (max-width: 1023px){.responsive-table-card{padding:var(--space-5)}.responsive-table-card-primary{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.responsive-table-card-field{flex:1;min-width:200px}}@media (min-width: 1024px){.responsive-table-wrapper{box-shadow:var(--shadow-sm)}.responsive-table-header,.responsive-table-cell{padding:var(--space-5);font-size:var(--text-base)}}@media (min-width: 1920px){.responsive-table-wrapper{max-width:1800px;margin:0 auto}}.service-category-selector{display:flex;flex-direction:column;gap:20px;padding:16px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.service-category-field,.service-services-field,.service-universal-tier-field{display:flex;flex-direction:column;gap:8px}.service-category-add-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.service-category-add-btn{padding:10px 14px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s,opacity .2s}.service-category-add-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.service-category-cards{display:flex;flex-direction:column;gap:16px}.service-category-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:16px;box-shadow:0 1px 2px #0000000a}.service-category-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.service-category-card-title{font-size:16px;font-weight:600;color:#111827;margin:0}.service-category-card-subtitle{font-size:13px;color:#6b7280;margin:0}.service-category-remove-btn{background:transparent;border:1px solid #f87171;color:#b91c1c;border-radius:6px;padding:6px 10px;font-size:13px;cursor:pointer;transition:all .2s}.service-category-remove-btn:hover:not(:disabled){background-color:#fee2e2}.service-category-remove-btn:disabled{opacity:.5;cursor:not-allowed}.service-category-empty-state{border:1px dashed #cbd5f5;border-radius:8px;padding:16px;text-align:center;background-color:#f1f5f9;color:#475569;font-size:14px}.service-field-label{font-weight:600;font-size:14px;color:#374151;display:flex;align-items:center;gap:4px}.service-field-label .required{color:#ef4444}.service-category-dropdown,.service-universal-tier-dropdown{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#111827;cursor:pointer;transition:border-color .2s}.service-category-dropdown:hover,.service-universal-tier-dropdown:hover{border-color:#9ca3af}.service-category-dropdown:focus,.service-universal-tier-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.service-checkboxes{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.service-checkbox-item{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:4px;transition:background-color .2s}.service-checkbox-item:hover{background-color:#f3f4f6}.service-checkbox-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.service-checkbox{margin-top:2px;cursor:pointer;width:18px;height:18px;flex-shrink:0}.service-checkbox-text{font-size:14px;color:#374151;line-height:1.5}.service-options-row{margin-left:26px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.service-complexity-dropdown{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;background:#fff;color:#111827;cursor:pointer;min-width:150px;max-width:300px;transition:border-color .2s}.service-complexity-dropdown:hover{border-color:#9ca3af}.service-complexity-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.service-rate-field{display:flex;align-items:center;gap:6px}.service-rate-label{font-size:13px;font-weight:500;color:#6b7280;white-space:nowrap}.service-rate-input{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;background:#fff;color:#111827;width:100px;transition:border-color .2s}.service-rate-input:hover{border-color:#9ca3af}.service-rate-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.service-rate-input::-moz-placeholder{color:#9ca3af}.service-rate-input::placeholder{color:#9ca3af}.service-label-field{display:flex;flex-direction:column;gap:4px}.service-custom-group{margin-top:12px;padding-top:12px;border-top:1px dashed #e5e7eb;display:flex;flex-direction:column;gap:10px}.custom-service-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:8px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb}.service-custom-add{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.service-field-help{font-size:12px;color:#6b7280;margin:0;font-style:italic}.service-checkboxes::-webkit-scrollbar{width:8px}.service-checkboxes::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.service-checkboxes::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.service-checkboxes::-webkit-scrollbar-thumb:hover{background:#94a3b8}.submissions-page{min-height:100vh;background-color:#f5f5f5}.submissions-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 0;margin-bottom:15px}@media (min-width: 480px){.submissions-header{padding:15px 0;margin-bottom:20px}}@media (min-width: 768px){.submissions-header{padding:20px 0;margin-bottom:30px}}.header-content{display:flex;align-items:stretch;gap:12px;flex-direction:column}@media (min-width: 480px){.header-content{flex-direction:row;align-items:center;gap:15px;flex-wrap:wrap}}@media (min-width: 768px){.header-content{gap:20px}}.header-content h1{flex:1;font-size:18px;color:#1f2937;min-width:0;width:100%}@media (min-width: 480px){.header-content h1{font-size:20px;width:auto;min-width:200px}}@media (min-width: 768px){.header-content h1{font-size:24px}}.header-content>div{width:100%;display:flex;flex-direction:column;gap:10px}@media (min-width: 480px){.header-content>div{width:auto;flex-direction:row}}.header-content>div .btn{width:100%;min-height:44px;justify-content:center}@media (min-width: 480px){.header-content>div .btn{width:auto;min-height:auto}}.submissions-list{display:flex;flex-direction:column;gap:15px}@media (min-width: 768px){.submissions-list{gap:20px}}.submission-card{background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000001a}@media (min-width: 480px){.submission-card{padding:15px}}@media (min-width: 768px){.submission-card{padding:20px}}.submission-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #e5e7eb;flex-direction:column;gap:12px}@media (min-width: 640px){.submission-header{flex-direction:row;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px}}.submission-header h3{margin:0;color:#1f2937;font-size:16px}@media (min-width: 640px){.submission-header h3{font-size:18px}}.submission-meta{display:flex;align-items:flex-start;gap:12px;flex-direction:column;width:100%}@media (min-width: 480px){.submission-meta{flex-direction:row;align-items:center;gap:15px;width:auto}}@media (min-width: 640px){.submission-meta{justify-content:space-between}}.submission-meta span{color:#6b7280;font-size:13px}@media (min-width: 640px){.submission-meta span{font-size:14px}}.submission-meta .btn{width:100%;min-height:44px;justify-content:center}@media (min-width: 480px){.submission-meta .btn{width:auto;min-height:auto}}.submission-data{display:flex;flex-direction:column;gap:12px}@media (min-width: 768px){.submission-data{gap:15px}}.submission-field{display:flex;flex-direction:column;gap:6px}.submission-field label{font-weight:500;color:#374151;font-size:13px}@media (min-width: 640px){.submission-field label{font-size:14px}}.field-value{color:#1f2937;padding:8px;background:#f9fafb;border-radius:6px;font-size:13px;word-break:break-word}@media (min-width: 640px){.field-value{padding:10px;font-size:14px}}.empty-state{text-align:center;padding:40px 20px;background:#fff;border-radius:8px;color:#6b7280}@media (min-width: 640px){.empty-state{padding:50px 30px}}@media (min-width: 768px){.empty-state{padding:60px 40px}}.empty-state p{margin-bottom:10px;font-size:14px}@media (min-width: 640px){.empty-state p{font-size:16px}}.empty-state .hint{color:#9ca3af;font-size:13px}@media (min-width: 640px){.empty-state .hint{font-size:14px}}.table-view-page{min-height:100vh;background-color:#f5f5f5}.table-view-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 0;margin-bottom:30px}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.search-box{display:flex;align-items:center;gap:10px;flex:1;max-width:400px;padding:10px 15px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.search-input{flex:1;border:none;outline:none;font-size:14px}.table-stats{color:#6b7280;font-size:14px}.table-wrapper{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#f9fafb;padding:12px 15px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;position:sticky;top:0;z-index:10}.data-table td{padding:12px 15px;border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:14px}.data-table tbody tr:hover{background:#f9fafb}.data-table tbody tr:last-child td{border-bottom:none}.team-collaboration{min-height:100vh;background-color:#f5f5f5}.team-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 0;margin-bottom:30px}.header-content{display:flex;align-items:center;gap:15px}.header-content h1{flex:1;font-size:24px;color:#1f2937;margin:0}.container{max-width:1000px;margin:0 auto;padding:0 20px}.message{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px}.message.success{background-color:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.team-section{background:#fff;border-radius:8px;padding:24px;margin-bottom:24px;border:1px solid #e5e7eb}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.section-header svg{color:#4f46e5}.section-header h2{font-size:20px;color:#1f2937;margin:0}.members-list,.invites-list{display:flex;flex-direction:column;gap:12px}.member-card,.invite-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.member-info,.invite-info{display:flex;align-items:center;gap:12px;flex:1}.member-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.member-name{font-weight:500;color:#1f2937;margin-bottom:2px}.member-email,.invite-email{font-size:14px;color:#6b7280}.invite-role{font-size:12px;color:#9ca3af;margin-top:4px}.invite-date{font-size:12px;color:#9ca3af;margin-top:2px}.member-actions{display:flex;align-items:center;gap:10px}.role-select{width:150px;padding:6px 10px;font-size:14px}.permissions-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.permission-item{padding:16px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.permission-role{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#1f2937}.permission-item ul{margin:0;padding-left:20px;color:#6b7280;font-size:14px}.permission-item li{margin-bottom:6px}.empty-state{text-align:center;padding:40px 20px;color:#6b7280}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.invite-modal{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:20px;color:#1f2937}.close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-btn:hover{background:#f3f4f6}.modal-content{padding:20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:16px;color:#6b7280}@media (max-width: 768px){.member-card,.invite-card{flex-direction:column;align-items:flex-start;gap:12px}.member-actions{width:100%;justify-content:space-between}.permissions-info{grid-template-columns:1fr}}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--space-3);max-width:400px;width:calc(100% - var(--space-8));pointer-events:none}@media (max-width: 767px){.toast-container{top:var(--space-4);left:var(--space-4);right:var(--space-4);max-width:none;width:calc(100% - var(--space-8))}}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);pointer-events:auto;animation:slideInRight .3s ease-out;position:relative;overflow:hidden}.toast-exiting{animation:slideOutRight .3s ease-in forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width: 767px){.toast{animation:slideInTop .3s ease-out}.toast-exiting{animation:slideOutTop .3s ease-in forwards}@keyframes slideInTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left:4px solid var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}.toast-icon{flex-shrink:0;margin-top:2px}.toast-content{flex:1;min-width:0}.toast-message{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary);word-wrap:break-word}.toast-close{background:none;border:none;padding:var(--space-1);cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;flex-shrink:0;transition:all var(--transition-base);-webkit-tap-highlight-color:transparent}.toast-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.toast-close:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}[dir=rtl] .toast-container{right:auto;left:var(--space-4)}[dir=rtl] .toast{animation:slideInLeft .3s ease-out}[dir=rtl] .toast-exiting{animation:slideOutLeft .3s ease-in forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.user-management-container{padding:15px;max-width:1400px;margin:0 auto}@media (min-width: 768px){.user-management-container{padding:20px}}@media (min-width: 1024px){.user-management-container{padding:30px}}.user-management-header{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}@media (min-width: 768px){.user-management-header{flex-direction:row;gap:0;margin-bottom:30px}}.user-management-header h1{color:#1f2937;font-size:24px;margin:0 0 8px}@media (min-width: 768px){.user-management-header h1{font-size:28px}}@media (min-width: 1024px){.user-management-header h1{font-size:32px}}.user-management-header p{color:#6b7280;margin:0;font-size:14px}.search-bar{position:relative;margin-bottom:20px}@media (min-width: 768px){.search-bar{margin-bottom:30px}}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:12px 16px 12px 48px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:all .2s;min-height:44px}.search-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.members-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 640px){.members-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}}@media (min-width: 1024px){.members-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}}.member-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s}@media (min-width: 768px){.member-card{padding:20px}}@media (min-width: 1024px){.member-card{padding:24px}}.member-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#d1d5db}.member-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}@media (min-width: 768px){.member-header{gap:16px}}.member-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0}@media (min-width: 768px){.member-avatar{width:48px;height:48px}}.member-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}@media (min-width: 768px){.avatar-placeholder{font-size:18px}}.member-info{flex:1;min-width:0}.member-info h3{margin:0 0 4px;color:#1f2937;font-size:15px;font-weight:600}@media (min-width: 768px){.member-info h3{font-size:16px}}.member-email{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:13px;margin:0;word-break:break-all}@media (min-width: 768px){.member-email{font-size:14px;word-break:normal}}.member-actions{display:flex;gap:6px}@media (min-width: 768px){.member-actions{gap:8px}}.icon-btn{width:44px;height:44px;border:none;background:#f3f4f6;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280}@media (min-width: 768px){.icon-btn{width:36px;height:36px}}.icon-btn:hover{background:#e5e7eb;color:#374151}.icon-btn.danger:hover{background:#fee2e2;color:#dc2626}.member-details{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.member-role{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.role-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.role-owner{background:#fef3c7;color:#92400e}.role-admin{background:#dbeafe;color:#1e40af}.role-manager{background:#d1fae5;color:#065f46}.role-member{background:#f3f4f6;color:#374151}.member-permissions{display:flex;flex-direction:column;gap:8px}.permissions-label{font-size:12px;font-weight:500;color:#6b7280}.permissions-list{display:flex;flex-wrap:wrap;gap:6px}.permission-tag{padding:2px 8px;background:#f3f4f6;border-radius:4px;font-size:11px;color:#374151}.member-meta{color:#9ca3af;font-size:12px}.empty-state{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#6b7280}@media (min-width: 768px){.empty-state{padding:60px 20px}}.empty-state svg{margin-bottom:16px;color:#d1d5db}.empty-state h3{margin:0 0 8px;color:#374151;font-size:18px}@media (min-width: 768px){.empty-state h3{font-size:20px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}@media (min-width: 768px){.modal-overlay{padding:20px}}.modal-content{background:#fff;border-radius:12px;padding:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}@media (min-width: 768px){.modal-content{padding:24px}}@media (min-width: 1024px){.modal-content{padding:32px}}.modal-content h2{margin:0 0 20px;color:#1f2937;font-size:20px}@media (min-width: 768px){.modal-content h2{margin:0 0 24px;font-size:24px}}.form-group{margin-bottom:16px}@media (min-width: 768px){.form-group{margin-bottom:20px}}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.form-group .required{color:#ef4444}.form-group small{display:block;margin-top:6px;color:#6b7280;font-size:12px}.input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:16px;transition:all .2s;min-height:44px}.input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.input:disabled{background:#f3f4f6;color:#6b7280}.permissions-checkbox-group{display:flex;flex-direction:column;gap:12px;margin-top:8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151;min-height:44px}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;flex-direction:column}@media (min-width: 640px){.modal-actions{flex-direction:row;margin-top:24px}}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-height:44px;width:100%}@media (min-width: 640px){.btn{width:auto;padding:10px 20px;min-height:auto}}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb}.workflows-page{min-height:100vh;background-color:#f5f5f5}.workflows-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 0;margin-bottom:30px}.header-content{display:flex;align-items:center;gap:20px}.header-content h1{flex:1;font-size:24px;color:#1f2937}.workflows-intro{background:#fff;padding:30px;border-radius:8px;margin-bottom:30px}.workflows-intro h2{margin-bottom:10px;color:#1f2937}.workflows-intro p{color:#6b7280;line-height:1.6}.workflows-list{display:flex;flex-direction:column;gap:20px}.workflow-card{background:#fff;border-radius:8px;padding:25px;box-shadow:0 1px 3px #0000001a}.workflow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.workflow-title-section{display:flex;align-items:center;gap:15px;flex:1}.workflow-name-input{flex:1;font-size:18px;font-weight:600;border:none;padding:8px 12px;background:#f9fafb;border-radius:6px}.workflow-name-input:focus{outline:none;background:#fff;border:1px solid #4f46e5}.workflow-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.workflow-toggle input[type=checkbox]{width:auto;cursor:pointer}.workflow-content{display:flex;flex-direction:column;gap:20px}.workflow-actions{margin-top:20px}.actions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.actions-header h3{margin:0;font-size:16px;color:#374151}.action-item{display:flex;align-items:flex-start;gap:10px;padding:15px;background:#f9fafb;border-radius:6px;margin-bottom:10px}.action-type{min-width:150px}.action-config{flex:1;display:flex;flex-direction:column;gap:10px}.add-workflow-btn{width:100%;padding:20px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{box-sizing:border-box;height:100%;display:flex;flex-direction:column;align-items:stretch}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:flex;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width: 767px){.rbc-toolbar{flex-direction:column}}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;box-sizing:border-box;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:flex;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:flex;flex-direction:column;flex:1 0 0;width:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:flex;flex-direction:row}.rbc-month-row{display:flex;position:relative;flex-direction:column;flex:1 0 0;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:flex;flex-direction:row;flex:1 0 0;overflow:hidden;right:1px}.rbc-day-bg{flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:flex;flex-direction:column;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:flex;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:flex;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;position:absolute;right:0;margin-right:10px;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:flex;max-height:100%;min-height:20px;flex-flow:column wrap;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;flex:1 0 0;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;flex:1 1 0;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:flex;flex-direction:column;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{box-sizing:border-box;min-height:20px}.rbc-time-header{display:flex;flex:0 0 auto;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{flex:1;display:flex;min-width:0;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;flex-shrink:0}.rbc-time-content{display:flex;flex:1 0 0%;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.rbc-resource-grouping.rbc-time-header-content{display:flex;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%;--radius: .5rem}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 217.2 91.2% 59.8%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 224.3 76.3% 48%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.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}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-2{right:.5rem}.right-4{right:1rem}.top-1\/2{top:50%}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.col-span-2{grid-column:span 2 / span 2}.col-span-full{grid-column:1 / -1}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mb-px{margin-bottom:-1px}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-8{margin-left:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.block{display:block}.inline-block{display:inline-block}.\!inline{display:inline!important}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-40{max-height:10rem}.max-h-\[--radix-select-content-available-height\]{max-height:var(--radix-select-content-available-height)}.max-h-\[40vh\]{max-height:40vh}.max-h-\[60vh\]{max-height:60vh}.min-h-\[100px\]{min-height:100px}.min-h-\[60px\]{min-height:60px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-full{min-width:100%}.max-w-7xl{max-width:80rem}.max-w-\[250px\]{max-width:250px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-\[2\]{flex:2}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.origin-\[--radix-select-content-transform-origin\]{transform-origin:var(--radix-select-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.place-content-center{place-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-2{row-gap:.5rem}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-amber-100{--tw-border-opacity: 1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-500\/20{border-color:#3b82f633}.border-blue-500\/50{border-color:#3b82f680}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-emerald-500\/20{border-color:#10b98133}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-gray-800\/50{border-color:#1f293780}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-500\/20{border-color:#22c55e33}.border-input{border-color:hsl(var(--input))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-primary{border-color:hsl(var(--primary))}.border-red-100{--tw-border-opacity: 1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-500\/20{border-color:#ef444433}.border-rose-500\/10{border-color:#f43f5e1a}.border-rose-500\/20{border-color:#f43f5e33}.border-transparent{border-color:transparent}.border-white\/30{border-color:#ffffff4d}.border-yellow-500\/20{border-color:#eab30833}.border-b-gray-100{--tw-border-opacity: 1;border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-l-amber-500{--tw-border-opacity: 1;border-left-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.border-l-rose-500{--tw-border-opacity: 1;border-left-color:rgb(244 63 94 / var(--tw-border-opacity, 1))}.border-t-blue-500{--tw-border-opacity: 1;border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-500\/5{background-color:#f59e0b0d}.bg-background{background-color:hsl(var(--background))}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-500\/5{background-color:#10b9810d}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-50\/50{background-color:#f9fafb80}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-800\/10{background-color:#1f29371a}.bg-gray-800\/20{background-color:#1f293733}.bg-gray-800\/5{background-color:#1f29370d}.bg-gray-800\/50{background-color:#1f293780}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-gray-900\/30{background-color:#1118274d}.bg-gray-900\/50{background-color:#11182780}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-muted{background-color:hsl(var(--muted))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-900\/10{background-color:#7f1d1d1a}.bg-rose-500\/5{background-color:#f43f5e0d}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/10{background-color:#eab3081a}.bg-yellow-500\/20{background-color:#eab30833}.fill-primary{fill:hsl(var(--primary))}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-500\/70{color:#10b981b3}.text-foreground{color:hsl(var(--foreground))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-muted{color:hsl(var(--muted))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-pink-500{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-rose-500\/70{color:#f43f5eb3}.text-secondary{color:hsl(var(--secondary))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-blue-900\/20{--tw-shadow-color: rgb(30 58 138 / .2);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);line-height:var(--leading-normal);font-size:.875rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}*:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-600);color:#fff;padding:var(--space-2) var(--space-4);text-decoration:none;z-index:10000;border-radius:0 0 var(--radius-md) 0}.skip-link:focus{top:0}@media (min-width: 768px){body{font-size:.9375rem}}.container{width:100%;max-width:100%;margin:0 auto;padding:0}@media (min-width: 768px){.container{padding:0}}@media (min-width: 1024px){.container{padding:0;max-width:100%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);padding:.5rem 1rem;min-height:40px;font-size:.8125rem;font-weight:500;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}@media (min-width: 1024px){.btn{padding:.4rem .875rem;min-height:34px;font-size:.875rem}}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}@media (hover: hover){.btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--primary-600);border:1px solid var(--border-color)}@media (hover: hover){.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary-600)}}.btn-danger{background:var(--color-error);color:#fff}@media (hover: hover){.btn-danger:hover{background:#dc2626}}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{padding:var(--space-2) var(--space-3);min-height:36px;font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-6);min-height:52px;font-size:var(--text-lg)}.input-error{border-color:var(--color-error)!important;background-color:#fef2f2}.input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.input-success{border-color:var(--color-success)!important;background-color:#f0fdf4}.input-success:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #10b9811a}.field-error{display:block;color:var(--color-error);font-size:var(--text-xs);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.field-error:before{content:"⚠";font-size:var(--text-sm)}.input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=time],input[type=datetime-local],textarea,select{width:100%;padding:var(--space-3) var(--space-4);min-height:44px;font-size:16px;font-family:Inter,system-ui,-apple-system,sans-serif;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;color:var(--text-primary);transition:all var(--transition-base);-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (max-width: 767px){input[type=date],input[type=time],input[type=datetime-local]{position:relative}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{position:absolute;right:var(--space-2);width:24px;height:24px;cursor:pointer}input[type=number],input[type=tel]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button,input[type=tel]::-webkit-outer-spin-button,input[type=tel]::-webkit-inner-spin-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0}}@media (min-width: 1024px){.input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=time],textarea,select{min-height:40px;font-size:var(--text-base)}}.input:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a}.input:disabled,input:disabled,textarea:disabled,select:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}textarea{min-height:120px;resize:vertical}.form-group{margin-bottom:var(--space-3)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:500;font-size:var(--text-sm);color:var(--text-primary)}.form-group .error{color:var(--color-error);font-size:var(--text-xs);margin-top:var(--space-1)}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal{background:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content{background:#fff!important;border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;z-index:2001}.form-control{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s;background:#fff!important}.form-control:focus{outline:none;border-color:#4f46e5;background:#fff!important}@media (max-width: 480px){.modal{padding:16px;width:95%;max-height:95vh}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0;font-size:20px}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280}.close-btn:hover{color:#374151}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}}@media (max-width: 480px){.btn{padding:8px 16px;font-size:13px}}@media (max-width: 480px){.input{padding:8px 10px;font-size:13px}}@media (max-width: 768px){.card{padding:15px}}@media (max-width: 480px){.card{padding:12px}}.checkbox-custom{display:flex;position:relative;padding-left:24px;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:20px;align-items:center}.checkbox-custom input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:50%;left:0;transform:translateY(-50%);height:16px;width:16px;background-color:#fff;border:1.5px solid var(--border-color);border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.checkbox-custom:hover input~.checkmark{border-color:var(--primary-400)}.checkbox-custom input:checked~.checkmark{background-color:var(--primary-600);border-color:var(--primary-600);box-shadow:0 0 0 4px #2563eb1a}.checkmark:after{content:"";position:absolute;display:none}.checkbox-custom input:checked~.checkmark:after{display:block}.checkbox-custom .checkmark:after{left:4.5px;top:1.5px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.modern-table tr.selected .checkmark{border-color:var(--primary-600)}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.last\:border-0:last-child{border-width:0px}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-500\/30:hover{border-color:#3b82f64d}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:border-gray-700:hover{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-blue-900\/30:hover{background-color:#1e3a8a4d}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-900\/30:hover{background-color:#7f1d1d4d}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-amber-400:hover{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.hover\:text-blue-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-green-300:hover{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-rose-400:hover{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-gray-200:focus{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:pb-0{padding-bottom:0}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}