@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";
:root{--color-primary:#1a3250;--color-primary-dark:#162840;--color-primary-darker:#101f30;--color-primary-light:#224166;--color-primary-subtle:#1a32501a;--color-navy:#1a3250;--color-navy-light:#1a3250f2;--color-navy-solid:#1a3250fa;--color-navy-lighter:#224166;--color-navy-dark:#162840;--color-navy-darker:#101f30;--color-green:#4ade80;--color-accent:#4ade80;--color-success:#4ade80;--color-warning:#f59e0b;--color-error:#d32f2f;--color-info:#3b82f6;--color-white:#fff;--color-black:#000;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--text-inverse:#fff;--text-white:#fff;--text-light:#ffffffd9;--text-dim:#ffffffb3;--bg-primary:var(--color-white);--bg-secondary:var(--color-gray-50);--bg-tertiary:var(--color-gray-100);--bg-hover:#ffffff1a;--bg-hover-light:#ffffff26;--bg-active:#4ade8026;--gradient-primary:linear-gradient(135deg,#1a3250 0%,#224166 100%);--gradient-dark:linear-gradient(135deg,#101f30 0%,#1a3250 50%,#162840 100%);--form-border:#e0e0e0;--form-border-hover:#b8b8b8;--form-bg-disabled:#f5f5f5;--form-bg-light:#f8f9fa;--border-light:var(--color-gray-200);--border-default:var(--color-gray-300);--border-focus:var(--color-primary);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-primary:0 4px 15px #1a32504d;--shadow-primary-hover:0 6px 20px #1a325066;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Outfit",var(--font-sans);--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:9999;--z-loader:9999}.page-loader-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#ffffffb3;justify-content:center;align-items:center;animation:.2s loaderFadeIn;display:flex;position:fixed;inset:0}@keyframes loaderFadeIn{0%{opacity:0}to{opacity:1}}.page-loader-card{background:#fffffff2;border:1px solid #fffc;border-radius:20px;flex-direction:column;align-items:center;gap:24px;padding:40px 50px;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 20px 50px -12px #00000026}.loader-rings{width:80px;height:80px;position:relative}.loader-rings .ring{border:3px solid #0000;border-radius:50%;position:absolute}.loader-rings .ring-outer{border-top-color:#1e3a5f;animation:1.2s linear infinite spinClockwise;inset:0}.loader-rings .ring-middle{border-right-color:#3b82f6;animation:1.5s linear infinite spinCounterClockwise;inset:10px}.loader-rings .ring-inner{border-bottom-color:#10b981;animation:1.8s linear infinite spinClockwise;inset:20px}.loader-center-icon{color:#1e3a5f;width:26px;height:26px;animation:2s ease-in-out infinite iconPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-center-icon svg{width:100%;height:100%}@keyframes spinClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinCounterClockwise{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes iconPulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(.85)}}.loader-text{color:#475569;text-align:center;min-width:100px;margin:0;font-size:15px;font-weight:500}.loader-dots{text-align:left;min-width:18px;display:inline-block}.btn-loader-inline{justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn-spinner{animation:.8s linear infinite spinClockwise}.btn-spinner circle{stroke-dasharray:80 200;stroke-dashoffset:0;animation:1.5s ease-in-out infinite btnDash}@keyframes btnDash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:90 200;stroke-dashoffset:-35px}to{stroke-dasharray:90 200;stroke-dashoffset:-124px}}.simple-spinner{justify-content:center;align-items:center;display:inline-flex}.simple-spinner svg{animation:.8s linear infinite spinClockwise}.simple-spinner svg circle{stroke-dasharray:80 200;stroke-dashoffset:0;animation:1.5s ease-in-out infinite btnDash}.table-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.table-loading p{margin:0;font-size:14px;font-weight:500}.tag-loading{color:#3b82f6;background:#f0f9ff;border:1px dashed #3b82f6;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:500;animation:1.5s ease-in-out infinite tagLoadingPulse;display:inline-flex}.tag-spinner{border:2px solid #3b82f64d;border-top-color:#3b82f6;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spinClockwise}@keyframes tagLoadingPulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text:last-child{width:60%}.skeleton-image{aspect-ratio:16/9}.skeleton-avatar{border-radius:50%;width:40px;height:40px}.dropdown-backdrop{z-index:99998;position:fixed;inset:0}.dropdown-menu-portal{z-index:99999;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:180px;padding:6px;animation:.15s dropdownFadeIn;position:fixed;box-shadow:0 10px 40px #00000026}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-btn{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.dropdown-btn:hover{background:#f1f5f9}.dropdown-btn.danger{color:#dc2626}.dropdown-btn.danger:hover{background:#fef2f2}.dropdown-btn .dropdown-btn-icon{color:#64748b;font-size:16px}.dropdown-btn.danger .dropdown-btn-icon{color:#dc2626}.toast-container{z-index:999999;pointer-events:none;flex-direction:column;gap:12px;width:100%;max-width:400px;display:flex;position:fixed;top:20px;right:20px}@media (max-width:480px){.toast-container{max-width:none;top:10px;left:10px;right:10px}}.toast{pointer-events:auto;background:#fff;border-left:4px solid;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;animation:.3s slideIn;display:flex;box-shadow:0 4px 20px #0000001f}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.toast-success{border-left-color:#10b981}.toast.toast-success .toast-icon{color:#10b981;background:#d1fae5}.toast.toast-error{border-left-color:#ef4444}.toast.toast-error .toast-icon{color:#ef4444;background:#fee2e2}.toast.toast-warning{border-left-color:#f59e0b}.toast.toast-warning .toast-icon{color:#f59e0b;background:#fef3c7}.toast.toast-info{border-left-color:#3b82f6}.toast.toast-info .toast-icon{color:#3b82f6;background:#dbeafe}.toast.toast-progress{border-left-color:#0ea5e9;min-width:320px}.toast.toast-progress .toast-icon{color:#0ea5e9;background:#e0f2fe}.toast-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:flex}.toast-icon svg{width:18px;height:18px}.toast-icon.spinning svg{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-body{flex:1;min-width:0}.toast-message{color:#1e293b;margin:0;font-size:14px;font-weight:500;line-height:1.4}.toast-time-info{color:#64748b;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:400;display:flex}.toast-time-info .time-elapsed{color:#0ea5e9;font-weight:600}.toast-time-info .time-separator{color:#cbd5e1}.toast-time-info .time-remaining{color:#f59e0b;font-weight:600}.toast-progress-wrapper{align-items:center;gap:10px;margin-top:10px;display:flex}.toast-progress-bar{background:#e2e8f0;border-radius:3px;flex:1;height:6px;overflow:hidden}.toast-progress-fill{background:linear-gradient(90deg,#0ea5e9 0%,#06b6d4 100%);border-radius:3px;height:100%;transition:width .3s;position:relative}.toast-progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff80 50%,#0000 100%);animation:1.5s ease-in-out infinite shine;position:absolute;inset:0}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.toast-progress-text{color:#0ea5e9;text-align:right;min-width:36px;font-size:12px;font-weight:700}.toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;transition:all .2s;display:flex}.toast-close:hover{color:#64748b;background:#f1f5f9}.toast-close svg{width:16px;height:16px}.es-container{text-align:center;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-4xl)var(--spacing-md);min-height:30rem;margin-top:var(--spacing-md);flex-direction:column;display:flex}@media (max-width:768px){.es-container{padding:var(--spacing-3xl)var(--spacing-md);min-height:25rem}}@media (max-width:480px){.es-container{padding:var(--spacing-2xl)var(--spacing-sm);min-height:20rem}}.es-icon-wrapper{border-radius:var(--radius-full);width:12rem;height:12rem;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,#1e3a5f0d 0%,#1e3a5f1a 100%);justify-content:center;align-items:center;display:flex;position:relative}@media (max-width:480px){.es-icon-wrapper{width:10rem;height:10rem}}.es-icon-wrapper:after{content:"";border-radius:var(--radius-full);z-index:-1;background:#1e3a5f1a;animation:2s ease-in-out infinite esPulse;position:absolute;inset:-.5rem}.es-icon{color:var(--color-navy);opacity:.6}@media (max-width:480px){.es-icon{width:5rem;height:5rem}}.es-content{gap:var(--spacing-sm);flex-direction:column;max-width:50rem;display:flex}.es-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.3}@media (max-width:768px){.es-title{font-size:var(--font-size-2xl)}}@media (max-width:480px){.es-title{font-size:var(--font-size-xl)}}.es-description{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;line-height:1.6}@media (max-width:480px){.es-description{font-size:var(--font-size-base)}}.es-action{margin-top:var(--spacing-sm)}.es-action-btn{padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-white);background:var(--color-navy);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;font-family:inherit;text-decoration:none;display:inline-block;outline:none!important}@media (max-width:480px){.es-action-btn{padding:var(--spacing-sm)var(--spacing-xl);font-size:var(--font-size-sm)}}.es-action-btn:hover{background:var(--color-navy-dark);box-shadow:var(--shadow-sm);transform:translateY(-.2rem)}.es-action-btn:focus{box-shadow:0 0 0 .3rem #1e3a5f33}.es-action-btn:active{transform:translateY(0)}@keyframes esPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.es-icon-wrapper:after{animation:none}.es-action-btn{transition:none}.es-action-btn:hover{transform:none}}@media print{.es-container{break-inside:avoid}.es-action-btn,.es-icon-wrapper:after{display:none}}.auth-container{min-height:100vh;padding:var(--spacing-lg);background:var(--gradient-dark);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-bg-decoration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-bg-decoration .circle{border-radius:var(--radius-full);filter:blur(80px);opacity:.3;position:absolute}.auth-bg-decoration .circle.circle-1{background:var(--color-navy-lighter);width:400px;height:400px;animation:8s ease-in-out infinite authFloatBg;top:-100px;right:-100px}.auth-bg-decoration .circle.circle-2{background:var(--color-navy-light);width:300px;height:300px;animation:10s ease-in-out infinite reverse authFloatBg;bottom:-50px;left:-50px}.auth-bg-decoration .circle.circle-3{background:var(--color-green);opacity:.15;width:200px;height:200px;animation:6s ease-in-out infinite authPulse;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--spacing-xl);box-shadow:var(--shadow-2xl);z-index:1;background:#fffffffa;animation:.6s forwards authSlideUp;position:relative}.auth-header{text-align:center;margin-bottom:var(--spacing-lg)}.auth-logo{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.auth-logo .logo-wrapper{background:var(--color-navy);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex}.auth-logo .logo-image{object-fit:contain;width:100px;height:auto}.auth-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:4px}.auth-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.auth-subtitle strong{color:var(--color-navy);font-weight:var(--font-weight-semibold)}.auth-form{gap:var(--spacing-md);flex-direction:column;display:flex}.auth-input-group{flex-direction:column;gap:6px;display:flex}.auth-input-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-wrapper .input-icon{color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast);z-index:1;font-size:18px;position:absolute;left:14px}.auth-input-wrapper input{width:100%;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--color-white);border:2px solid var(--border-light);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);appearance:none;padding:12px 44px;outline:none!important}.auth-input-wrapper input::placeholder{color:var(--text-muted)}.auth-input-wrapper input:hover:not(:disabled):not(:focus){border-color:var(--color-gray-300)}.auth-input-wrapper input:focus{border-color:var(--color-navy);box-shadow:0 0 0 3px var(--color-primary-subtle)}.auth-input-wrapper input:disabled{opacity:.6;cursor:not-allowed;background:var(--form-bg-disabled)}.auth-input-wrapper input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-white)inset!important;-webkit-text-fill-color:var(--text-primary)!important}.auth-input-wrapper input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-white)inset!important;-webkit-text-fill-color:var(--text-primary)!important}.auth-input-wrapper input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-white)inset!important;-webkit-text-fill-color:var(--text-primary)!important}.auth-input-wrapper .toggle-password{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:18px;display:flex;position:absolute;right:12px;outline:none!important}.auth-input-wrapper .toggle-password:hover{color:var(--color-navy)}.auth-forgot-link{text-align:right;margin-top:-4px}.auth-forgot-link button,.auth-forgot-link a{font-size:var(--font-size-sm);color:var(--color-navy);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;text-decoration:none;outline:none!important}.auth-forgot-link button:hover,.auth-forgot-link a:hover{color:var(--color-navy-dark);text-decoration:underline}.auth-btn-submit{width:100%;padding:12px var(--spacing-lg);background:var(--color-navy);color:var(--color-white);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-primary);border:none;display:flex;outline:none!important}.auth-btn-submit:hover:not(:disabled){background:var(--color-navy-dark);box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.auth-btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-btn-back{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:10px;text-decoration:none;display:flex;outline:none!important}.auth-btn-back:hover{color:var(--color-navy)}.auth-otp-section{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.auth-otp-section label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.auth-otp-container{justify-content:center;gap:12px;display:flex}.auth-otp-input{width:52px;height:52px;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center;color:var(--text-primary);background:var(--color-white);border:2px solid var(--border-light);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;-moz-appearance:textfield;padding:0;outline:none!important}.auth-otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.auth-otp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.auth-otp-input:hover:not(:disabled):not(:focus){border-color:var(--color-gray-300)}.auth-otp-input:focus{border-color:var(--color-navy);box-shadow:0 0 0 3px var(--color-primary-subtle)}.auth-otp-input:disabled{opacity:.6;cursor:not-allowed;background:var(--form-bg-disabled)}.auth-expire-note{font-size:var(--font-size-xs);color:#92400e;border-radius:var(--radius-sm);text-align:center;background:#fef3c7;margin-top:4px;padding:6px 12px}.auth-footer{text-align:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.auth-footer p{font-size:var(--font-size-xs);color:var(--text-muted)}@keyframes authSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes authFloatBg{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}@keyframes authPulse{0%,to{opacity:.15;transform:translate(-50%,-50%)scale(1)}50%{opacity:.25;transform:translate(-50%,-50%)scale(1.2)}}@media (max-width:480px){.auth-container{padding:var(--spacing-md)}.auth-card{padding:var(--spacing-lg)}.auth-title{font-size:var(--font-size-xl)}.auth-logo .logo-image{width:80px}.auth-otp-input{width:46px;height:46px;font-size:var(--font-size-lg)}.auth-otp-container{gap:8px}}.dashboard-layout{background:var(--bg-secondary);min-height:100vh;display:flex}.sidebar{background:var(--color-navy);width:200px;height:100vh;transition:width var(--transition-normal);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-logo-wrapper{padding:6px}.sidebar.collapsed .collapse-btn{margin-left:0}.sidebar.collapsed .sidebar-header{flex-direction:column;gap:8px;padding:12px 8px}.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar-header{padding:var(--spacing-md);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:70px;display:flex}.sidebar-logo-link{align-items:center;text-decoration:none;display:flex}.sidebar-logo-wrapper{border-radius:var(--radius-md);transition:all var(--transition-fast);background:#ffffff1a;justify-content:center;align-items:center;padding:8px 12px;display:flex}.sidebar-logo-wrapper:hover{background:#ffffff26}.sidebar-logo-img{object-fit:contain;height:auto}.collapse-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-white);cursor:pointer;transition:all var(--transition-fast);background:#ffffff1a;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;outline:none!important}.collapse-btn:hover{background:#fff3}.sidebar-nav{padding:var(--spacing-md)var(--spacing-sm);flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.nav-item{border-radius:var(--radius-md);color:var(--text-light);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.nav-item:hover{color:var(--color-white);background:#ffffff1a}.nav-item.active{color:var(--color-green);background:#4ade8026}.nav-item.active .nav-icon{color:var(--color-green)}.nav-icon{flex-shrink:0;font-size:20px}.nav-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.sidebar-footer{padding:var(--spacing-sm);border-top:1px solid #ffffff1a}.sidebar-footer .settings-btn{width:100%}.top-navbar{justify-content:space-between;align-items:center;gap:var(--spacing-lg);height:70px;padding:0 var(--spacing-xl);background:var(--bg-primary);border-bottom:1px solid var(--border-light);z-index:50;flex-shrink:0;display:flex;position:sticky;top:0}.navbar-left{flex:none;min-width:200px}.navbar-page-info{flex-direction:column;gap:2px;display:flex}.navbar-page-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.2}.navbar-page-subtitle{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.navbar-center{flex:1;max-width:500px;margin:0 auto}.navbar-search-form{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);width:100%;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);align-items:center;display:flex;position:relative}.navbar-search-form:hover{border-color:var(--color-gray-300)}.navbar-search-form.focused{border-color:var(--color-navy);background:var(--bg-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.navbar-search-icon{color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast);font-size:18px;position:absolute;left:14px}.focused .navbar-search-icon{color:var(--color-navy)}.navbar-search-input{width:100%;font-size:var(--font-size-sm);color:var(--text-primary);background:0 0;border:none;padding:10px 40px 10px 44px;outline:none!important}.navbar-search-input::placeholder{color:var(--text-muted)}.navbar-search-clear{background:var(--bg-tertiary);border-radius:var(--radius-md);width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:10px;outline:none!important}.navbar-search-clear:hover{background:var(--color-gray-300);color:var(--text-primary)}.navbar-right{flex:none}.profile-dropdown{position:relative}.profile-btn{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:12px;padding:8px 14px 8px 8px;display:flex;outline:none!important}.profile-btn:hover{border-color:var(--color-gray-300);background:var(--bg-tertiary)}.profile-avatar{border-radius:var(--radius-md);background:var(--color-navy);justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.profile-avatar .avatar-img{object-fit:cover;width:100%;height:100%}.profile-avatar .avatar-text{color:var(--color-white);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-transform:uppercase}.profile-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.profile-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.2}.profile-role{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.2}.dropdown-arrow{color:var(--text-muted);transition:transform var(--transition-fast);margin-left:4px;font-size:16px}.dropdown-arrow.open{transform:rotate(180deg)}.profile-dropdown-menu{background:var(--bg-primary);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);z-index:1000;animation:.2s dropdownSlideIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.dropdown-header{background:var(--bg-secondary);align-items:center;gap:12px;padding:16px;display:flex}.dropdown-avatar{border-radius:var(--radius-md);background:var(--color-navy);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.dropdown-avatar .avatar-img{object-fit:cover;width:100%;height:100%}.dropdown-avatar .avatar-text{color:var(--color-white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-transform:uppercase}.dropdown-user-info{flex:1;min-width:0}.dropdown-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.dropdown-email{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dropdown-divider{background:var(--border-light);height:1px}.dropdown-item{width:100%;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex;outline:none!important}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item.logout{color:var(--color-error)}.dropdown-item.logout:hover{background:#d32f2f14}.dropdown-item svg{flex-shrink:0;font-size:18px}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.main-wrapper{transition:margin-left var(--transition-normal);flex-direction:column;flex:1;width:calc(100% - 200px);min-width:0;min-height:100vh;margin-left:200px;display:flex}.sidebar.collapsed~.main-wrapper,.sidebar-collapsed .main-wrapper{width:calc(100% - 72px);margin-left:72px}.main-content{width:100%;min-width:0;min-height:0;padding:var(--spacing-xl)var(--spacing-xl)var(--spacing-xl)1rem;flex-direction:column;flex:1;display:flex;overflow-y:auto}.main-content:has(.cf-page-fullscreen){padding:0;overflow:hidden}.content-container{width:100%;max-width:1600px;margin:0 auto}@media (max-width:1200px){.navbar-center{max-width:350px}}@media (max-width:1024px){.navbar-left{min-width:150px}.navbar-page-title{font-size:var(--font-size-lg)}.navbar-page-subtitle{display:none}.navbar-center{max-width:280px}.profile-info{display:none}.profile-btn{padding:6px}}@media (max-width:768px){.sidebar{width:72px}.sidebar .sidebar-logo-wrapper{padding:6px}.sidebar .sidebar-header{flex-direction:column;gap:8px;padding:12px 8px}.sidebar .nav-text{display:none}.sidebar .nav-item{justify-content:center;padding:12px}.sidebar .collapse-btn{display:none}.main-wrapper{width:calc(100% - 72px);margin-left:72px}.top-navbar{padding:0 var(--spacing-md);gap:var(--spacing-md);height:60px}.navbar-left{min-width:auto}.navbar-page-title{font-size:var(--font-size-base)}.navbar-center{flex:1;max-width:none}.main-content{padding:var(--spacing-md)}.main-content:has(.cf-page-fullscreen){padding:0}}@media (max-width:480px){.navbar-left{display:none}.profile-avatar{width:36px;height:36px}}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.page-header-left{flex:1}.page-header-actions{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.page-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 4px}.page-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.btn-back{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:10px 18px;text-decoration:none;display:inline-flex;outline:none!important}.btn-back:hover{border-color:var(--color-navy);color:var(--color-navy);background:#1a32500d}.btn-back:disabled{opacity:.6;cursor:not-allowed}.btn-back svg{font-size:16px}.btn-secondary{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:10px 18px;display:inline-flex;outline:none!important}.btn-secondary:hover{border-color:var(--color-navy);color:var(--color-navy);background:#1a32500d}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary svg{font-size:16px}.btn-danger{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-white);background:var(--color-error);border:2px solid var(--color-error);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:10px 18px;display:inline-flex;outline:none!important}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-danger svg{font-size:16px}.btn-primary{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-white);background:var(--color-navy);border:2px solid var(--color-navy);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:10px 18px;display:inline-flex;outline:none!important}.btn-primary:hover{background:var(--color-navy-dark);border-color:var(--color-navy-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary svg{font-size:16px}.btn-icon{width:40px;height:40px;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:18px;display:flex;outline:none!important}.btn-icon:hover:not(:disabled){background:var(--bg-tertiary);color:var(--color-navy)}.btn-icon:disabled{opacity:.6;cursor:not-allowed}.btn-icon .spin{animation:1s linear infinite spinRotate}.btn-filter{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:10px 16px;display:inline-flex;outline:none!important}.btn-filter:hover,.btn-filter.active{background:var(--color-navy);color:var(--color-white);border-color:var(--color-navy)}.btn-clear{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-error);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:10px 16px;outline:none!important}.btn-clear:hover{text-decoration:underline}.filters-bar{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.filters-right{align-items:center;gap:var(--spacing-sm);display:flex}.filters-expanded{align-items:flex-end;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.filter-group{flex-direction:column;gap:6px;min-width:180px;display:flex}.filter-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.filter-group select{font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;padding:10px 14px;outline:none!important}.filter-group select:focus{border-color:var(--color-navy)}.search-box{flex:1;min-width:200px;max-width:400px;position:relative}.search-box-icon{color:var(--text-muted);pointer-events:none;font-size:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box-input{width:100%;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);padding:10px 40px 10px 44px;outline:none!important}.search-box-input::placeholder{color:var(--text-muted)}.search-box-input:hover{border-color:var(--color-gray-300)}.search-box-input:focus{border-color:var(--color-navy);box-shadow:0 0 0 3px var(--color-primary-subtle);background:var(--bg-primary)}.search-box-clear{background:var(--bg-tertiary);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%);outline:none!important}.search-box-clear:hover{background:var(--color-gray-300);color:var(--text-primary)}.table-wrapper{overflow-x:auto}.table-loading{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-3xl);color:var(--text-secondary);flex-direction:column;display:flex}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-light);padding:14px 16px}.data-table th{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary);white-space:nowrap}.data-table td{font-size:var(--font-size-sm);color:var(--text-primary);vertical-align:middle}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .th-checkbox,.data-table td:first-child{text-align:center;width:40px}.data-table .th-actions{text-align:center;width:100px}.data-table input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-navy)}.cell-name{flex-direction:column;gap:2px;display:flex}.cell-name .name-text{font-weight:var(--font-weight-medium);color:var(--text-primary)}.cell-name .query-preview{font-size:var(--font-size-xs);color:var(--text-muted)}.cell-contact{flex-direction:column;gap:4px;display:flex}.contact-link{font-size:var(--font-size-xs);color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.contact-link:hover{color:var(--color-navy)}.contact-link svg{font-size:12px}.status-select{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);cursor:pointer;border:none;padding:6px 10px;outline:none!important}.status-select.status-pending{color:#d97706;background:#f59e0b26}.status-select.status-read{color:#2563eb;background:#3b82f626}.status-select.status-resolved{color:#059669;background:#10b98126}.date-text{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.table-actions{justify-content:center;align-items:center;gap:6px;display:flex}.btn-table-action{border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;outline:none!important}.btn-table-action.view{color:var(--color-navy);background:#1a32501a}.btn-table-action.view:hover{background:var(--color-navy);color:var(--color-white)}.btn-table-action.edit{color:var(--color-info);background:#3b82f61a}.btn-table-action.edit:hover{background:var(--color-info);color:var(--color-white)}.btn-table-action.delete{color:var(--color-error);background:#d32f2f1a}.btn-table-action.delete:hover{background:var(--color-error);color:var(--color-white)}.table-footer{padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.modal-overlay{padding:var(--spacing-lg);z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:center;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}.modal-container{background:var(--bg-primary);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-height:90vh;animation:.3s modalSlideIn;display:flex;overflow:hidden}.modal-container.modal-small{max-width:400px}.modal-container.modal-medium{max-width:560px}.modal-container.modal-large{max-width:720px}.modal-header{padding:var(--spacing-lg)var(--spacing-xl);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.modal-close{width:36px;height:36px;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;display:flex;outline:none!important}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:var(--spacing-xl);overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg)var(--spacing-xl);border-top:1px solid var(--border-light);display:flex}@keyframes spinRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.page-header{flex-direction:column;align-items:stretch}.page-header-actions{justify-content:flex-end}.filters-bar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filters-right{justify-content:flex-end}.filters-expanded{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.table-footer{flex-direction:column;align-items:center}.pagination-numbers{display:none}}.empty-state-compact{text-align:center;padding:var(--spacing-3xl)var(--spacing-xl);flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state-compact-icon{background:var(--bg-secondary);border-radius:var(--radius-full);width:80px;height:80px;margin-bottom:var(--spacing-lg);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.empty-state-compact-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm)}.empty-state-compact-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-lg);max-width:300px}.empty-state-compact-action{margin-top:var(--spacing-sm)}.table-thumbnail{border-radius:var(--radius-md);cursor:pointer;width:70px;height:50px;transition:all var(--transition-fast);border:2px solid var(--border-light);position:relative;overflow:hidden}.table-thumbnail:hover{border-color:var(--color-navy);box-shadow:var(--shadow-md);transform:scale(1.05)}.table-thumbnail .table-thumbnail-img{object-fit:cover}.table-thumbnail .table-featured-badge{color:#92400e;border-radius:var(--radius-full);background:#fef3c7;border:2px solid #fff;justify-content:center;align-items:center;width:25px;height:25px;font-size:15px;display:flex;position:absolute;top:-6px;right:-6px}.table-thumbnail-placeholder{border-radius:var(--radius-md);background:var(--bg-secondary);border:2px dashed var(--border-light);width:60px;height:45px;color:var(--text-muted);justify-content:center;align-items:center;font-size:18px;display:flex}.table-title-cell{flex-direction:column;gap:4px;max-width:300px;display:flex}.table-title-link{font-weight:var(--font-weight-semibold);color:var(--text-primary);cursor:pointer;transition:color var(--transition-fast);line-height:1.3}.table-title-link:hover{color:var(--color-navy)}.table-excerpt{font-size:var(--font-size-xs);color:var(--text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.author-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.category-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-navy);border-radius:var(--radius-full);white-space:nowrap;background:#1a32501a;padding:4px 10px;display:inline-block}.dashboard-page .dashboard-stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.dashboard-page .dashboard-stat-card{align-items:center;gap:var(--spacing-md);background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-normal);display:flex}.dashboard-page .dashboard-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.dashboard-page .dashboard-stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.dashboard-page .dashboard-stat-icon.properties{color:var(--color-navy);background:#1a32501a}.dashboard-page .dashboard-stat-icon.bookings{color:var(--color-info);background:#3b82f61a}.dashboard-page .dashboard-stat-icon.users{color:#10b981;background:#10b9811a}.dashboard-page .dashboard-stat-icon.revenue{color:var(--color-warning);background:#f59e0b1a}.dashboard-page .dashboard-stat-info{flex:1}.dashboard-page .dashboard-stat-title{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:4px}.dashboard-page .dashboard-stat-value{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.settings-page{max-width:600px;margin:0 auto}.settings-card{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden}.settings-card-header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-dark)100%);color:#fff;display:flex}.settings-card-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.settings-card-header p{font-size:var(--font-size-sm);opacity:.9;margin:4px 0 0}.settings-card-icon{border-radius:var(--radius-lg);background:#fff3;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.settings-card-icon svg{font-size:24px}.settings-form{padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;display:flex}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{padding-right:48px}.password-input-wrapper .password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .2s;display:flex;position:absolute;right:12px}.password-input-wrapper .password-toggle:hover{color:var(--text-primary)}.password-input-wrapper .password-toggle svg{font-size:18px}.settings-form .form-group{flex-direction:column;gap:8px;display:flex}.settings-form .form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);align-items:center;gap:8px;display:flex}.settings-form .form-label svg{color:var(--primary-color);font-size:16px}.settings-form .form-input{width:100%;font-size:var(--font-size-base);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);padding:12px 16px;transition:all .2s}.settings-form .form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.settings-form .form-input.error{border-color:var(--danger-color)}.settings-form .form-input:disabled{opacity:.6;cursor:not-allowed}.settings-form .form-input::placeholder{color:var(--text-muted)}.settings-form .error-message{font-size:var(--font-size-sm);color:var(--danger-color)}.btn-full{width:100%;font-size:var(--font-size-base);margin-top:var(--spacing-sm);justify-content:center;padding:14px 24px}.btn-full svg{margin-right:8px}@media (max-width:640px){.settings-page{padding:0 var(--spacing-sm)}.settings-card-header{padding:var(--spacing-md)}.settings-card-header h2{font-size:var(--font-size-base)}.settings-form{padding:var(--spacing-md)}}.contact-page{gap:var(--spacing-lg);flex-direction:column;display:flex}.contact-stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.contact-stat-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-fast);display:flex}.contact-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.contact-stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.contact-stat-icon.total{color:var(--color-navy);background:#1a32501a}.contact-stat-icon.pending{color:#f59e0b;background:#f59e0b1a}.contact-stat-icon.read{color:#3b82f6;background:#3b82f61a}.contact-stat-icon.resolved{color:#10b981;background:#10b9811a}.contact-stat-content{flex-direction:column;display:flex}.contact-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.contact-stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.action-bar{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.action-bar-right{align-items:center;gap:var(--spacing-sm);display:flex}.contact-detail{gap:var(--spacing-lg);flex-direction:column;display:flex}.contact-detail-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.contact-detail-section>label{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:flex}.contact-detail-header{justify-content:space-between;align-items:center;display:flex}.contact-detail-header label{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:flex}.contact-detail-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.contact-detail-grid .detail-item{flex-direction:column;gap:4px;display:flex}.contact-detail-grid .detail-item label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.contact-detail-grid .detail-item p{font-size:var(--font-size-sm);color:var(--text-primary);margin:0}.contact-detail-link{font-size:var(--font-size-sm);color:var(--color-navy);transition:color var(--transition-fast);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.contact-detail-link:hover{color:var(--color-navy-dark);text-decoration:underline}.contact-detail-link svg{font-size:14px}.contact-status-wrapper .status-select{width:auto;min-width:120px}.contact-query-box{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);white-space:pre-wrap;line-height:1.6}.contact-notes-box{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);min-height:80px}.contact-notes-box p{font-size:var(--font-size-sm);color:var(--text-primary);white-space:pre-wrap;margin:0;line-height:1.6}.contact-notes-box.empty{justify-content:center;align-items:center;display:flex}.contact-notes-box.empty p{color:var(--text-muted)}.contact-notes-box .notes-date{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic;display:block}.contact-notes-edit{gap:var(--spacing-sm);flex-direction:column;display:flex}.contact-notes-edit textarea{width:100%;padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit;outline:none!important}.contact-notes-edit textarea:focus{border-color:var(--color-navy);box-shadow:0 0 0 3px var(--color-primary-subtle)}.contact-notes-edit .notes-edit-footer{justify-content:space-between;align-items:center;display:flex}.contact-notes-edit .char-count{font-size:var(--font-size-xs);color:var(--text-muted)}.contact-notes-edit .notes-edit-actions{gap:var(--spacing-sm);display:flex}.contact-edit-inline{align-items:center;gap:var(--spacing-sm);display:flex}.contact-edit-inline input{max-width:250px;font-size:var(--font-size-sm);border:2px solid var(--border-light);border-radius:var(--radius-md);flex:1;padding:8px 12px;outline:none!important}.contact-edit-inline input:focus{border-color:var(--color-navy)}.btn-edit-inline{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-navy);border:1px solid var(--color-navy);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:4px;padding:4px 10px;display:inline-flex;outline:none!important}.btn-edit-inline:hover{background:var(--color-navy);color:var(--color-white)}.btn-edit-inline svg{font-size:12px}.btn-save-inline,.btn-cancel-inline{border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;outline:none!important}.btn-save-inline{background:var(--color-success);color:var(--color-white)}.btn-save-inline:hover{opacity:.9}.btn-save-inline:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-inline{background:var(--color-gray-200);color:var(--text-secondary)}.btn-cancel-inline:hover{background:var(--color-gray-300)}.contact-modal-actions{padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);margin-top:var(--spacing-sm);justify-content:flex-end;display:flex}@media (max-width:1024px){.contact-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.contact-stats-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.contact-stat-card{padding:var(--spacing-md)}.contact-stat-icon{width:40px;height:40px;font-size:18px}.contact-stat-value{font-size:var(--font-size-xl)}.contact-detail-grid{grid-template-columns:1fr}.action-bar{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.action-bar-right{justify-content:flex-end}}.badge-dropdown-btn{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.badge-dropdown-btn .badge-loading{border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin-right:4px;animation:.6s linear infinite spin}.badge-dropdown-btn .chevron{width:14px;height:14px;margin-left:2px;transition:transform .2s}.badge-dropdown-btn .chevron.open{transform:rotate(180deg)}.badge-dropdown-btn:hover:not(:disabled){filter:brightness(.95)}.badge-dropdown-btn:disabled{cursor:not-allowed}.dropdown-portal{background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:160px;animation:.15s dropdownFade;overflow:hidden;box-shadow:0 4px 20px #00000026}.dropdown-portal .dropdown-portal-option{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.dropdown-portal .dropdown-portal-option .option-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dropdown-portal .dropdown-portal-option .check-icon{color:#10b981;width:16px;height:16px;margin-left:auto}.dropdown-portal .dropdown-portal-option:hover{background:#f1f5f9}.dropdown-portal .dropdown-portal-option.active{background:#f0fdf4}@keyframes dropdownFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.blogs-page{gap:var(--spacing-lg);flex-direction:column;display:flex}.blog-stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.blog-stat-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-fast);display:flex}.blog-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.blog-stat-icon.total{color:var(--color-navy);background:#1a32501a}.blog-stat-icon.published{color:#10b981;background:#10b9811a}.blog-stat-icon.draft{color:#f59e0b;background:#f59e0b1a}.blog-stat-icon.featured{color:#eab308;background:#eab30826}.blog-stat-content{flex-direction:column;display:flex}.blog-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.blog-stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.blog-detail-page{max-width:900px;margin:0 auto}.blog-detail-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.blog-detail-actions{gap:var(--spacing-sm);display:flex}.blog-detail-hero{border-radius:var(--radius-xl);height:400px;margin-bottom:var(--spacing-xl);position:relative;overflow:hidden}.blog-detail-hero .blog-hero-image{object-fit:cover}.blog-hero-badges{gap:var(--spacing-sm);display:flex;position:absolute;top:20px;left:20px}.blog-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);align-items:center;gap:4px;padding:6px 12px;display:flex}.blog-badge.featured{color:#92400e;background:#fef3c7}.blog-badge.status-published{color:#fff;background:#10b981e6}.blog-badge.status-draft{color:#fff;background:#f59e0be6}.blog-badge.status-archived{color:#fff;background:#6b7280e6}.blog-detail-meta{margin-bottom:var(--spacing-md)}.blog-category-large{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-navy);border-radius:var(--radius-full);background:#1a32501a;padding:6px 14px;display:inline-block}.blog-detail-title{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.3}.blog-detail-info{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.blog-detail-info .info-item{font-size:var(--font-size-sm);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.blog-detail-tags{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.blog-detail-tags>svg{color:var(--text-muted)}.blog-tag-large{font-size:var(--font-size-sm);color:var(--color-navy);border-radius:var(--radius-full);background:#1a325014;padding:4px 12px}.blog-detail-excerpt{font-size:var(--font-size-lg);color:var(--text-secondary);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border-left:4px solid var(--color-navy);margin-bottom:var(--spacing-xl);line-height:1.7}.blog-detail-content{font-size:var(--font-size-base);color:var(--text-primary);padding:var(--spacing-xl);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl);word-wrap:break-word;overflow-wrap:break-word;line-height:1.8;overflow-x:hidden}.blog-detail-content h1,.blog-detail-content h2,.blog-detail-content h3,.blog-detail-content h4,.blog-detail-content h5,.blog-detail-content h6{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word}.blog-detail-content p{margin-bottom:var(--spacing-md);word-wrap:break-word;overflow-wrap:break-word}.blog-detail-content img{border-radius:var(--radius-lg);max-width:100%;margin:var(--spacing-lg)0}.blog-detail-content ul,.blog-detail-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.blog-detail-content blockquote{padding:var(--spacing-md)var(--spacing-lg);background:var(--bg-secondary);border-left:4px solid var(--color-navy);margin:var(--spacing-lg)0;font-style:italic}.blog-seo-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.blog-seo-section h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);padding:var(--spacing-md)var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);margin:0}.blog-seo-section .seo-grid{background:var(--bg-primary);flex-direction:column;display:flex}.blog-seo-section .seo-item{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--border-light);background:var(--bg-primary);flex-direction:column;gap:6px;display:flex}.blog-seo-section .seo-item:last-child{border-bottom:none}.blog-seo-section .seo-item label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.blog-seo-section .seo-item p{font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-word;margin:0;line-height:1.5}@media (max-width:1024px){.blog-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-detail-hero{height:250px}.blog-detail-title{font-size:var(--font-size-2xl)}}@media (max-width:640px){.blog-stats-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.blog-stat-card{padding:var(--spacing-md)}.blog-detail-info{gap:var(--spacing-sm);flex-direction:column}.blog-detail-content{padding:var(--spacing-md)}}.category-input-wrapper{align-items:stretch;display:flex;position:relative}.category-input-wrapper .form-input{border-radius:var(--radius-lg);flex:1;padding-right:40px}.category-dropdown{border:1px solid var(--border-light);border-radius:var(--radius-lg);z-index:100;background:#fff;max-height:280px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #0000001f}.category-option{text-align:left;width:100%;font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:12px 16px;transition:background .15s;display:block}.category-option:hover{background:var(--bg-secondary)}.category-option.active{background:var(--color-navy);color:#fff}.category-empty{text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);padding:16px}.category-add-new{text-align:left;border:none;border-top:1px solid var(--border-light);width:100%;font-size:var(--font-size-sm);color:#16a34a;cursor:pointer;background:#22c55e14;align-items:center;gap:8px;padding:12px 16px;font-weight:500;transition:background .15s;display:flex}.category-add-new:hover{background:#22c55e26}.category-add-new svg{font-size:14px}.image-cropper-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-cropper-overlay.fullscreen{padding:0}.image-cropper-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden}.image-cropper-overlay.fullscreen .image-cropper-modal{border-radius:0;max-width:100%;height:100vh;max-height:100%}.cropper-header{border-bottom:1px solid var(--border-light);padding:20px 24px}.cropper-header h3{color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:600}.cropper-info{color:var(--text-muted);font-size:13px}.cropper-toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.zoom-controls{align-items:center;gap:8px;display:flex}.zoom-controls button{border:1px solid var(--border-light);cursor:pointer;width:36px;height:36px;color:var(--text-primary);background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.zoom-controls button:hover:not(:disabled){background:var(--color-navy);border-color:var(--color-navy);color:#fff}.zoom-controls button:disabled{opacity:.5;cursor:not-allowed}.zoom-level{text-align:center;min-width:50px;color:var(--text-secondary);font-size:13px;font-weight:500}.btn-fullscreen{border:1px solid var(--border-light);cursor:pointer;width:36px;height:36px;color:var(--text-primary);background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-fullscreen:hover{background:var(--bg-secondary)}.cropper-container{background:#1a1a1a;flex:1;justify-content:center;align-items:center;min-height:300px;padding:24px;display:flex;overflow:auto}.cropper-container img{max-width:100%;max-height:100%}.ReactCrop{max-height:100%}.ReactCrop__crop-selection{border:2px solid #fff!important;box-shadow:0 0 0 9999px #00000080!important}.ReactCrop__drag-handle{border:2px solid var(--color-navy)!important;background:#fff!important;width:12px!important;height:12px!important}.cropper-aspect-info{text-align:center;color:#3b82f6;background:#3b82f614;padding:12px 24px;font-size:12px}.cropper-actions{border-top:1px solid var(--border-light);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.cropper-actions .btn-cancel{border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.cropper-actions .btn-cancel:hover{background:var(--bg-secondary)}.cropper-actions .btn-confirm{background:var(--color-navy);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.cropper-actions .btn-confirm:hover{background:var(--color-navy-dark)}.image-preview-container .btn-view{cursor:pointer;width:40px;height:40px;color:var(--text-primary);background:#fffffff2;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000026}.image-preview-container .btn-view:hover{background:#fff;transform:scale(1.05)}.image-preview-container .btn-change,.image-preview-container .btn-remove{cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000026}.table-thumbnail-wrapper{position:relative}.table-thumbnail.blog-thumbnail{cursor:pointer;border-radius:8px;width:90px;height:60px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.table-thumbnail.blog-thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.table-thumbnail-img{object-fit:cover}.table-featured-badge{color:#fff;background:#eab308;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 4px #0003}.thumbnail-zoom-overlay{opacity:0;color:#fff;background:#00000080;justify-content:center;align-items:center;font-size:18px;transition:opacity .2s;display:flex;position:absolute;inset:0}.table-thumbnail.blog-thumbnail:hover .thumbnail-zoom-overlay{opacity:1}.table-thumbnail-placeholder{background:var(--bg-secondary);width:90px;height:60px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:24px;display:flex}.table-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.table-tag{color:var(--color-navy);background:#1e3a5f14;border-radius:12px;padding:2px 8px;font-size:11px}.table-tag-more{background:var(--bg-secondary);color:var(--text-muted);border-radius:12px;padding:2px 8px;font-size:11px}.category-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}@media (max-width:768px){.image-cropper-modal{border-radius:0;max-height:100vh}.cropper-container{padding:16px}.cropper-actions{flex-direction:column}.cropper-actions .btn-cancel,.cropper-actions .btn-confirm{justify-content:center;width:100%}.image-preview-container .image-actions{flex-direction:column;bottom:12px;right:12px}}.image-lightbox-overlay{z-index:99999;cursor:zoom-out;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-toolbar{z-index:10;background:linear-gradient(#0009,#0000);justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:absolute;top:0;left:0;right:0}.lightbox-zoom-controls{align-items:center;gap:8px;display:flex}.lightbox-zoom-controls button,.lightbox-actions button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.lightbox-zoom-controls button:hover:not(:disabled),.lightbox-actions button:hover{background:#fff3;border-color:#ffffff4d}.lightbox-zoom-controls button:disabled{opacity:.4;cursor:not-allowed}.lightbox-zoom-controls .zoom-level{text-align:center;color:#fffc;min-width:60px;font-size:14px;font-weight:500}.lightbox-actions{align-items:center;gap:8px;display:flex}.lightbox-actions .btn-close{background:#ffffff26}.lightbox-actions .btn-close:hover{background:#ef4444cc}.lightbox-image-container{cursor:default;flex:1;justify-content:center;align-items:center;width:100%;padding:80px 40px 60px;display:flex;overflow:hidden}.lightbox-image-wrapper{width:100%;max-width:1200px;height:100%;max-height:80vh;transition:transform .2s;position:relative}.lightbox-image{object-fit:contain;pointer-events:none}.lightbox-hint{color:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:20px;padding:8px 16px;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (max-width:768px){.lightbox-toolbar{padding:12px 16px}.lightbox-zoom-controls button,.lightbox-actions button{width:36px;height:36px}.lightbox-image-container{padding:70px 20px 50px}.lightbox-hint{display:none}}.btn-preview{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-preview:hover{color:#1e293b;background:#e2e8f0}.preview-modal-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.preview-modal{background:#fff;border-radius:12px;width:100%;max-width:800px;margin:20px auto;overflow:hidden}.preview-modal .preview-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.preview-modal .preview-header h3{margin:0;font-size:18px;font-weight:600}.preview-modal .preview-close{cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.preview-modal .preview-close:hover{background:#e2e8f0}.preview-modal .preview-content{max-height:80vh;padding:24px;overflow-y:auto}.preview-modal .preview-thumbnail{aspect-ratio:16/9;background:#f1f5f9;border-radius:12px;width:100%;margin-bottom:20px;position:relative;overflow:hidden}.preview-modal .preview-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;font-size:14px;display:flex}.preview-modal .preview-category{color:#0369a1;background:#e0f2fe;border-radius:20px;padding:4px 12px;font-weight:500}.preview-modal .preview-title{color:#1e293b;word-wrap:break-word;overflow-wrap:break-word;margin:0 0 16px;font-size:28px;font-weight:700;line-height:1.3}.preview-modal .preview-excerpt{color:#64748b;word-wrap:break-word;overflow-wrap:break-word;border-bottom:1px solid #e2e8f0;margin:0 0 24px;padding-bottom:24px;font-size:18px;line-height:1.6}.preview-modal .preview-body{color:#334155;word-wrap:break-word;overflow-wrap:break-word;font-size:16px;line-height:1.8;overflow-x:hidden}.preview-modal .preview-body h1,.preview-modal .preview-body h2,.preview-modal .preview-body h3,.preview-modal .preview-body h4,.preview-modal .preview-body h5,.preview-modal .preview-body h6{color:#1e293b;word-wrap:break-word;margin:24px 0 12px}.preview-modal .preview-body p{word-wrap:break-word;margin:0 0 16px}.preview-modal .preview-body img{border-radius:8px;margin:16px 0;display:block;width:auto!important;max-width:100%!important;height:auto!important}.preview-modal .preview-body iframe{border-radius:8px;max-width:100%;margin:16px 0}.preview-modal .preview-body ul,.preview-modal .preview-body ol{margin:16px 0;padding-left:24px}.preview-modal .preview-body blockquote{background:#f8fafc;border-left:4px solid #0ea5e9;margin:16px 0;padding:12px 20px;font-style:italic}.preview-modal .preview-body pre{color:#e2e8f0;background:#1e293b;border-radius:8px;margin:16px 0;padding:16px;overflow-x:auto}.preview-modal .preview-body pre code{background:0 0;padding:0}.preview-modal .preview-body code{color:#e11d48;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:14px}.preview-modal .preview-body table{border-collapse:collapse;width:100%;margin:16px 0;display:block;overflow-x:auto}.preview-modal .preview-body table th,.preview-modal .preview-body table td{text-align:left;border:1px solid #e2e8f0;padding:8px 12px}.preview-modal .preview-body table th{background:#f8fafc;font-weight:600}.preview-modal .preview-tags{border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:24px;display:flex}.preview-modal .preview-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:6px 12px;font-size:14px}.category-other-hint{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.category-other-hint svg{color:#94a3b8;width:14px;height:14px}@media (max-width:768px){.preview-modal{margin:10px}.preview-modal .preview-content{padding:16px}.preview-modal .preview-title{font-size:22px}.preview-modal .preview-excerpt{font-size:16px}.preview-modal .preview-body{font-size:15px}}.category-other-btn{color:#0ea5e9;cursor:pointer;text-align:left;background:#f8fafc;border:none;border-top:1px solid #e2e8f0;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.category-other-btn svg{width:16px;height:16px}.category-other-btn:hover{color:#0369a1;background:#e0f2fe}.status-badge-wrapper{display:inline-block;position:relative}.status-badge-btn{cursor:pointer;text-transform:capitalize;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.status-badge-btn .status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-badge-btn .status-loading{border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spin}.status-badge-btn .chevron{width:14px;height:14px;margin-left:2px;transition:transform .2s}.status-badge-btn .chevron.open{transform:rotate(180deg)}.status-badge-btn:hover:not(:disabled){filter:brightness(.95)}.status-badge-btn:disabled{cursor:not-allowed}.status-dropdown-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:160px;margin-top:4px;animation:.15s dropdownFadeIn;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.status-dropdown-menu .status-option{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:11px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.status-dropdown-menu .status-option svg{flex-shrink:0;width:16px;height:16px}.status-dropdown-menu .status-option.publish{color:#059669}.status-dropdown-menu .status-option.publish svg{color:#10b981}.status-dropdown-menu .status-option.publish:hover{background:#10b9811a}.status-dropdown-menu .status-option.draft{color:#d97706}.status-dropdown-menu .status-option.draft svg{color:#f59e0b}.status-dropdown-menu .status-option.draft:hover{background:#f59e0b1a}.status-dropdown-menu .status-option.archive{color:#4b5563}.status-dropdown-menu .status-option.archive svg{color:#6b7280}.status-dropdown-menu .status-option.archive:hover{background:#6b72801a}.blogs-page .table-card,.blogs-page .table-wrapper,.blogs-page .data-table,.blogs-page .data-table tbody,.blogs-page .data-table tr,.blogs-page .data-table td{overflow:visible}.builder-page{gap:var(--spacing-lg);flex-direction:column;display:flex}.builder-stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.builder-stat-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-fast);display:flex}.builder-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.builder-stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.builder-stat-icon.total{color:var(--color-navy);background:#1a32501a}.builder-stat-icon.published{color:#10b981;background:#10b9811a}.builder-stat-icon.draft{color:#f59e0b;background:#f59e0b1a}.builder-stat-icon.navbar{color:#3b82f6;background:#3b82f61a}.builder-stat-content{flex-direction:column;display:flex}.builder-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.builder-stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.page-title-link{font-weight:var(--font-weight-medium);color:var(--color-navy);cursor:pointer;transition:color var(--transition-fast)}.page-title-link:hover{text-decoration:underline}.page-slug{font-family:monospace;font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:4px 8px}.placement-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#fff;border-radius:var(--radius-full);white-space:nowrap;padding:4px 10px;display:inline-block}.order-badge{width:28px;height:28px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.status-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);text-transform:capitalize;padding:4px 10px;display:inline-block}.status-badge.status-published{color:#059669;background:#10b98126}.page-detail-page{max-width:900px;margin:0 auto}.page-detail-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.page-detail-actions{gap:var(--spacing-sm);display:flex}.page-detail-hero{border-radius:var(--radius-xl);height:300px;margin-bottom:var(--spacing-xl);position:relative;overflow:hidden}.page-detail-hero .page-hero-image{object-fit:cover}.page-detail-meta{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.placement-badge-large{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff;background:var(--color-navy);border-radius:var(--radius-full);align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.status-badge-large{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);text-transform:capitalize;padding:6px 14px;display:inline-block}.status-badge-large.status-published{color:#059669;background:#10b98126}.status-badge-large.status-draft{color:#d97706;background:#f59e0b26}.page-detail-title{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.3}.page-detail-hero-desc{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.page-detail-info{gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.page-detail-info .info-item label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;display:block}.page-detail-info .info-item p{font-size:var(--font-size-sm);color:var(--text-primary);margin:0;font-family:monospace}.page-detail-content-section{margin-bottom:var(--spacing-xl)}.page-detail-content-section h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.page-detail-content{font-size:var(--font-size-base);color:var(--text-primary);padding:var(--spacing-xl);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);line-height:1.8}.page-detail-content h1,.page-detail-content h2,.page-detail-content h3,.page-detail-content h4,.page-detail-content h5,.page-detail-content h6{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.page-detail-content p{margin-bottom:var(--spacing-md)}.page-detail-content img{border-radius:var(--radius-lg);max-width:100%;margin:var(--spacing-lg)0}.page-detail-content ul,.page-detail-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.page-seo-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.page-seo-section h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);padding:var(--spacing-md)var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);margin:0}.page-seo-section .seo-grid{background:var(--bg-primary);flex-direction:column;display:flex}.page-seo-section .seo-item{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--border-light);background:var(--bg-primary);flex-direction:column;gap:6px;display:flex}.page-seo-section .seo-item:last-child{border-bottom:none}.page-seo-section .seo-item label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.page-seo-section .seo-item p{font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-word;margin:0;line-height:1.5}@media (max-width:1024px){.builder-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-detail-info{grid-template-columns:1fr}.page-detail-title{font-size:var(--font-size-2xl)}}@media (max-width:640px){.builder-stats-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.builder-stat-card{padding:var(--spacing-md)}}.placement-checkboxes{flex-wrap:wrap;gap:12px;display:flex}.placement-checkbox{border:2px solid var(--border-color,#e0e0e0);cursor:pointer;background:var(--card-bg,#fff);border-radius:8px;align-items:center;gap:10px;min-width:180px;padding:12px 16px;transition:all .2s;display:flex}.placement-checkbox:hover{border-color:var(--placement-color,#3498db);background:color-mix(in srgb,var(--placement-color,#3498db)5%,transparent)}.placement-checkbox.selected{border-color:var(--placement-color,#3498db);background:color-mix(in srgb,var(--placement-color,#3498db)10%,transparent)}.placement-checkbox input[type=checkbox]{display:none}.checkbox-indicator{border:2px solid var(--border-color,#ddd);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.placement-checkbox.selected .checkbox-indicator{border-color:#0000}.checkbox-indicator svg{stroke-width:3px;width:14px;height:14px}.checkbox-label{color:var(--text-primary,#333);font-size:14px;font-weight:500}.placement-badges-container{flex-wrap:wrap;gap:4px;display:flex}.placement-badge{color:#fff;text-transform:capitalize;white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}@media (max-width:768px){.placement-checkboxes{flex-direction:column}.placement-checkbox{min-width:100%}.placement-badges-container{flex-direction:column;gap:2px}}.status-dropdown-wrapper{position:relative}.status-dropdown-trigger{border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;width:100%;font-size:var(--font-size-sm);background:#fff;align-items:center;gap:10px;padding:12px 16px;transition:all .2s;display:flex}.status-dropdown-trigger:hover{border-color:var(--color-navy)}.status-dropdown-trigger.open{border-color:var(--color-navy);box-shadow:0 0 0 3px #1a32501a}.status-dropdown-trigger:disabled{opacity:.6;cursor:not-allowed}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-label{text-align:left;color:var(--text-primary);flex:1;font-weight:500}.dropdown-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.dropdown-chevron.rotate{transform:rotate(180deg)}.status-dropdown{border:1px solid var(--border-light);border-radius:var(--radius-lg);z-index:100;background:#fff;animation:.15s dropdownSlideIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 10px 40px #0000001f}.status-option{text-align:left;width:100%;font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;transition:background .15s;display:flex}.status-option:hover{background:var(--bg-secondary)}.status-option.selected{background:#1a325014;font-weight:500}.status-option .check-icon{color:var(--color-navy);margin-left:auto;font-size:16px}.thumbnail-upload-compact{max-width:500px}.thumbnail-preview-compact{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);align-items:center;gap:16px;padding:16px;display:flex}.thumbnail-image-box{border-radius:var(--radius-md);background:#f0f0f0;flex-shrink:0;width:160px;height:90px;position:relative;overflow:hidden}.thumbnail-img{object-fit:cover}.thumbnail-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.thumbnail-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.thumbnail-size{font-size:var(--font-size-xs);color:var(--text-muted)}.thumbnail-btns{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.btn-sm{cursor:pointer;border:1px solid var(--border-light);color:var(--text-primary);background:#fff;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.btn-sm:hover{background:var(--bg-secondary)}.btn-sm.primary{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.btn-sm.primary:hover{background:var(--color-navy-dark,#0f2a47)}.btn-sm.danger{color:#dc2626;border-color:#fecaca}.btn-sm.danger:hover{color:#fff;background:#dc2626;border-color:#dc2626}.btn-sm svg{font-size:14px}.thumbnail-upload-btn{background:var(--bg-secondary);border:2px dashed var(--border-light);border-radius:var(--radius-lg);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 24px;transition:all .2s;display:flex}.thumbnail-upload-btn:hover{border-color:var(--color-navy);background:#1a32500d}.thumbnail-upload-btn svg{color:var(--text-muted);font-size:28px}.thumbnail-upload-btn span{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.thumbnail-upload-btn small{font-size:var(--font-size-xs);color:var(--text-muted)}.category-dropdown-btn{background:var(--bg-secondary);border:none;border-left:1px solid var(--border-light);border-radius:0 var(--radius-lg)var(--radius-lg)0;cursor:pointer;width:38px;color:var(--text-muted);justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1px;bottom:1px;right:1px}.category-dropdown-btn:hover{background:var(--border-light);color:var(--text-primary)}.category-dropdown-btn.open svg{transform:rotate(180deg)}.category-dropdown-btn svg{transition:transform .2s}@media (max-width:640px){.thumbnail-preview-compact{flex-direction:column;align-items:flex-start}.thumbnail-image-box{width:100%;height:120px}.thumbnail-btns{width:100%}.btn-sm{flex:1;justify-content:center}}.form-page{max-width:900px;margin:0 auto}.form-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}@media (max-width:768px){.form-header{gap:var(--spacing-md);flex-direction:column;align-items:stretch}}.form-header-actions{gap:var(--spacing-sm);display:flex}@media (max-width:768px){.form-header-actions{justify-content:flex-end}}.form-content{gap:var(--spacing-xl);flex-direction:column;display:flex}.form-section{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--border-light)}@media (max-width:768px){.form-section{padding:var(--spacing-lg)}}.form-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.form-section-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:calc(var(--spacing-sm)*-1);margin-bottom:var(--spacing-lg)}.form-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.form-grid .full-width{grid-column:1/-1}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}@media (max-width:768px){.form-grid.two-columns{grid-template-columns:1fr}}.form-group.field-error .form-label{color:#dc2626}.form-group.field-error .form-input,.form-group.field-error .form-textarea,.form-group.field-error .form-select,.form-group.field-error .custom-select-trigger{background-color:#fef2f2;animation:.4s ease-in-out shake;border-color:#ef4444!important}.form-group.field-error .form-input:focus,.form-group.field-error .form-textarea:focus,.form-group.field-error .form-select:focus,.form-group.field-error .custom-select-trigger:focus{box-shadow:0 0 0 3px #ef444426}.form-group .error-text{color:#dc2626;align-items:center;gap:4px;margin-top:6px;font-size:12px;font-weight:500;display:flex}.form-group .error-text:before{content:"⚠";font-size:11px}.form-label{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);display:flex}.form-label .required{color:#ef4444}.form-label .field-info{color:var(--text-muted);cursor:help}.form-label .label-hint{color:var(--text-muted);font-weight:400;font-size:var(--font-size-xs)}.form-hint{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--text-muted);margin-left:auto}.form-input,.form-select,.form-textarea{width:100%;font-size:var(--font-size-sm);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:#fff;outline:none;padding:12px 14px}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#9ca3af;opacity:1;font-weight:400}.form-input:hover:not(:disabled):not(:focus):not(:read-only),.form-select:hover:not(:disabled):not(:focus):not(:read-only),.form-textarea:hover:not(:disabled):not(:focus):not(:read-only){border-color:#cbd5e1}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-navy);background:#fff;box-shadow:0 0 0 3px #1e3a5f1a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed;background:#f8fafc}.form-input:read-only,.form-select:read-only,.form-textarea:read-only{cursor:default;background:#f8fafc}.form-input.error,.form-input.input-error,.form-select.error,.form-select.input-error,.form-textarea.error,.form-textarea.input-error{background:#fff;border-color:#ef4444}.form-input.error:focus,.form-input.input-error:focus,.form-select.error:focus,.form-select.input-error:focus,.form-textarea.error:focus,.form-textarea.input-error:focus{box-shadow:0 0 0 3px #ef44441a}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.missing-fields-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.missing-field-tag{color:#b91c1c;border-radius:var(--radius-full);background:#ef444426;border:1px solid #ef44444d;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.more-fields{color:#92400e;border-radius:var(--radius-full);background:#f59e0b26;align-items:center;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.tag-loading{color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.tag-loading .tag-spinner{border:2px solid var(--border-light);border-top-color:var(--color-navy);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.form-select{cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-select option:first-child:disabled,.form-select option[value=""]{color:#9ca3af}.form-select option{color:var(--text-primary);background:#fff}.form-textarea{resize:vertical;min-height:80px}.form-textarea.notes-private{border-color:#fcd34d;background:#fffbeb!important}.form-textarea.notes-private:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.slug-input-wrapper{align-items:center;display:flex}.slug-input-wrapper .slug-prefix{font-size:var(--font-size-sm);color:var(--text-muted);border:1px solid var(--border-light);border-radius:var(--radius-lg)0 0 var(--radius-lg);background:#f1f5f9;border-right:none;padding:12px 14px}.slug-input-wrapper .form-input{border-radius:0 var(--radius-lg)var(--radius-lg)0;background:#fff}.char-counter,.char-count{font-size:var(--font-size-xs);color:var(--text-muted);text-align:right;margin-top:4px}.input-with-unit{gap:var(--spacing-sm);display:flex}.input-with-unit .form-input{flex:1}.input-with-unit .unit-select{width:80px;padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer}.error-message{font-size:var(--font-size-xs);color:#ef4444;margin-top:4px}.featured-toggle{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.toggle-label{align-items:flex-start;gap:var(--spacing-md);cursor:pointer;display:flex}.toggle-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-navy);cursor:pointer;margin-top:2px}.toggle-label .toggle-content{align-items:flex-start;gap:var(--spacing-sm);display:flex}.toggle-label .toggle-content svg{color:var(--text-muted);transition:color var(--transition-fast);font-size:20px}.toggle-label .toggle-content svg.active{color:#eab308}.toggle-label .toggle-content span{flex-direction:column;gap:2px;display:flex}.toggle-label .toggle-content span strong{font-size:var(--font-size-sm);color:var(--text-primary)}.toggle-label .toggle-content span small{font-size:var(--font-size-xs);color:var(--text-muted)}.image-upload-area{margin-top:var(--spacing-sm)}.upload-placeholder{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);background:var(--bg-secondary);border:2px dashed var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;display:flex}.upload-placeholder:hover{border-color:var(--color-navy);background:#1a325005}.upload-placeholder svg{color:var(--text-muted)}.upload-placeholder p{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.upload-placeholder span{font-size:var(--font-size-xs);color:var(--text-muted)}.image-preview-container{border-radius:var(--radius-lg);height:250px;position:relative;overflow:hidden}.image-preview-container .image-preview{object-fit:cover}.image-preview-container .image-actions{gap:var(--spacing-sm);display:flex;position:absolute;bottom:16px;right:16px}.image-preview-container .btn-change,.image-preview-container .btn-remove{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:8px 16px}.image-preview-container .btn-change{background:var(--color-navy);color:#fff;border:none}.image-preview-container .btn-change:hover{background:var(--color-navy-dark)}.image-preview-container .btn-remove{color:#ef4444;background:#fff;border:1px solid #ef4444}.image-preview-container .btn-remove:hover{color:#fff;background:#ef4444}.tags-container{gap:var(--spacing-md);flex-direction:column;display:flex}.tags-list{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.tag-item{background:var(--color-navy);color:#fff;font-size:var(--font-size-sm);border-radius:var(--radius-full);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.tag-item button{color:#ffffffb3;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.tag-item button:hover{color:#fff}.tag-input-wrapper{gap:var(--spacing-sm);display:flex}.tag-input-wrapper .form-input{flex:1}.tag-input-wrapper .btn-add-tag{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:4px;padding:12px 16px;display:flex}.tag-input-wrapper .btn-add-tag:hover{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.editor-loading{padding:var(--spacing-2xl);background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.editor-tips{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-xs);color:#3b82f6;background:#3b82f614;display:flex}.editor-wrapper{border-radius:var(--radius-lg);overflow:hidden}.editor-wrapper.error{border:2px solid #ef4444}.editor-wrapper .ql-toolbar{background:var(--bg-secondary);border:1px solid var(--border-light)!important;border-bottom:none!important}.editor-wrapper .ql-container{font-size:var(--font-size-base);min-height:300px;border:1px solid var(--border-light)!important}.editor-wrapper .ql-editor{min-height:300px}.editor-wrapper .jodit-container{border:1px solid var(--border-light)!important}.editor-wrapper .jodit-toolbar__box{background:var(--bg-secondary)!important}.form-loading{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-3xl);color:var(--text-secondary);flex-direction:column;display:flex}.form-error{justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-3xl);text-align:center;flex-direction:column;display:flex}.lightbox-overlay{z-index:9999;padding:var(--spacing-xl);background:#000000e6;justify-content:center;align-items:center;animation:.2s lightboxFadeIn;display:flex;position:fixed;inset:0}.lightbox-close{border-radius:var(--radius-full);color:#fff;cursor:pointer;width:48px;height:48px;transition:all var(--transition-fast);z-index:10;background:#ffffff1a;border:none;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.lightbox-content{max-width:90vw;max-height:90vh;animation:.3s lightboxZoomIn}.lightbox-image{object-fit:contain;border-radius:var(--radius-lg);max-width:100%;max-height:90vh;box-shadow:0 20px 60px #00000080}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lightboxZoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.properties-page{gap:var(--spacing-lg);flex-direction:column;display:flex}.property-stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(6,1fr);display:grid}@media (max-width:1400px){.property-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.property-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.property-stats-grid{gap:var(--spacing-sm);grid-template-columns:1fr}}.property-stat-card{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-fast);display:flex}.property-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.property-stat-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.property-stat-icon.total{color:var(--color-navy);background:#1a32501a}.property-stat-icon.inactive{color:#ef4444;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%)}.property-stat-icon.active{color:#10b981;background:#10b9811a}.property-stat-icon.draft{color:#f59e0b;background:#f59e0b1a}.property-stat-icon.master{color:#3b82f6;background:#3b82f61a}.property-stat-icon.letting{color:#f97316;background:#f973161a}.property-stat-content{flex-direction:column;display:flex}.property-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1.2}.property-stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.filters-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.filters-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(5,1fr);display:grid}@media (max-width:1400px){.filters-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.filters-grid{grid-template-columns:1fr}}.filter-item{flex-direction:column;gap:6px;display:flex}.filter-item label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase}.filter-item select{font-size:var(--font-size-sm);background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;padding:10px 14px}.filter-item select:focus{border-color:var(--color-navy);outline:none}.filters-range-row{align-items:center;gap:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--border-light);display:flex}@media (max-width:1024px){.filters-range-row{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}}.range-filter-box{align-items:center;gap:var(--spacing-md);display:flex}.range-checkbox-label{align-items:center;gap:var(--spacing-sm);cursor:pointer;display:flex}.range-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-navy)}.range-checkbox-label span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.range-display{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-navy);border-radius:var(--radius-full);background:#1a32501a;padding:4px 12px}.btn-clear-filters{font-size:var(--font-size-sm);color:#ef4444;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:8px 16px}.btn-clear-filters:hover{text-decoration:underline}@media (max-width:1024px){.btn-clear-filters{margin-left:0}}.table-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:visible}.table-footer{padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.table-info{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.properties-list{flex-direction:column;display:flex;overflow:visible}.property-card{background:var(--bg-primary);border-bottom:1px solid var(--border-light);transition:all var(--transition-fast);overflow:visible}.property-card:last-child{border-bottom:none}.property-card:hover{background:var(--bg-secondary)}.property-card.is-master{border-left:3px solid var(--color-navy)}.property-card.expanded{background:#3b82f605}.property-row{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);display:flex;overflow:visible}.expand-btn{background:var(--color-navy);color:#fff;border-radius:var(--radius-lg);cursor:pointer;font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);border:none;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;display:flex}.expand-btn .expand-icon{font-size:16px;transition:transform .2s}.expand-btn .expand-count{border-radius:var(--radius-full);background:#fff3;padding:2px 8px;font-size:12px}.expand-btn:hover{background:var(--color-navy-dark)}.expand-btn.expanded{background:#3b82f6}.expand-btn.expanded .expand-icon{transform:rotate(180deg)}.property-image{flex-shrink:0}.thumb-wrapper{border-radius:var(--radius-md);cursor:pointer;background:var(--bg-secondary);border:2px solid var(--border-light);width:70px;height:50px;transition:all var(--transition-fast);position:relative;overflow:hidden}.thumb-wrapper:hover{border-color:var(--color-navy);transform:scale(1.05)}.thumb-wrapper.image-error{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border:2px dashed #cbd5e1;justify-content:center;align-items:center;display:flex}.thumb-wrapper.image-error:after{content:"?";color:#94a3b8;font-size:18px;font-weight:600}.thumb-wrapper.image-error .thumb-img{display:none!important}.thumb-wrapper .thumb-img{object-fit:cover;width:100%;height:100%}.thumb-placeholder{border-radius:var(--radius-md);color:#94a3b8;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border:2px dashed #cbd5e1;justify-content:center;align-items:center;width:70px;height:50px;display:flex}.thumb-placeholder svg{opacity:.7}.property-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.property-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.property-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--text-primary);cursor:pointer;transition:color var(--transition-fast)}.property-name:hover{color:var(--color-navy)}.badge{font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);text-transform:uppercase;white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.badge.category{color:#fff}.badge.master{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.badge.featured{color:#92400e;background:#fef3c7}.badge.orphan{color:#fff;background:#ef4444}.badge.subunit{color:#fff;background:#6b7280}.property-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);transition:all var(--transition-fast);align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:inline-flex}.tag .tag-remove{width:14px;height:14px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:0;display:flex}.tag .tag-remove:hover{color:#fff;background:#ef4444}.tag .tag-remove svg{width:10px;height:10px}.add-tag-btn{color:var(--text-muted);border:1px dashed var(--border-light);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:inline-flex}.add-tag-btn:hover{border-color:var(--color-navy);color:var(--color-navy)}.add-tag-btn svg{width:12px;height:12px}.tag-input{width:100px;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--color-navy);border-radius:var(--radius-full);outline:none;padding:4px 10px;font-size:11px}.tag-input:focus{box-shadow:0 0 0 2px #1a32501a}.tag-input::placeholder{color:var(--text-muted)}.property-location{flex-direction:column;flex-shrink:0;gap:2px;width:160px;display:flex}.property-location .street{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.property-location .city{font-size:var(--font-size-xs);color:var(--text-muted)}@media (max-width:768px){.property-location{display:none}}.property-type{width:100px;font-size:var(--font-size-sm);color:var(--text-secondary);flex-shrink:0}@media (max-width:1200px){.property-type{display:none}}.property-details{flex-wrap:wrap;flex-shrink:0;gap:4px;width:130px;display:flex}.property-details span{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:2px 8px}@media (max-width:1024px){.property-details{display:none}}.property-status{flex-shrink:0;width:80px}@media (max-width:768px){.property-status{display:none}}.status-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:capitalize;align-items:center;padding:5px 12px;display:inline-flex}.status-badge.status-active{color:#059669;background:#10b98126}.status-badge.status-inactive{color:#dc2626;background:#ef444426}.status-badge.status-draft{color:#d97706;background:#f59e0b26}.property-actions{z-index:10;flex-shrink:0;align-items:center;gap:6px;display:flex;position:relative;overflow:visible}.action-btn{background:var(--bg-secondary);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.action-btn:hover{background:var(--color-navy);color:#fff}.action-btn.active{color:var(--color-navy);background:#e2e8f0}.action-btn.unlink{color:#ef4444;background:#ef44441a}.action-btn.unlink:hover{color:#fff;background:#ef4444}.subunits-wrapper{padding:var(--spacing-md)var(--spacing-lg);background:linear-gradient(#3b82f60d 0%,#3b82f605 100%);border-top:2px dashed #3b82f64d}@media (max-width:768px){.subunits-wrapper{padding-left:var(--spacing-md)}}.subunits-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#1d4ed8;background:#3b82f61a;display:flex}.subunits-list{gap:var(--spacing-sm);margin-left:var(--spacing-md);flex-direction:column;display:flex}.subunit-row{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex}.subunit-row:hover{border-color:var(--color-navy);box-shadow:var(--shadow-sm)}.subunit-connector{flex-shrink:0;width:30px;height:40px;position:relative}.subunit-connector .line-vertical{background:#3b82f6;width:2px;height:calc(100% + 10px);position:absolute;top:-10px;left:0}.subunit-connector .line-horizontal{background:#3b82f6;width:100%;height:2px;position:absolute;top:50%;left:0}.subunit-connector.last .line-vertical{height:calc(50% + 10px)}.subunit-image{flex-shrink:0}.subunit-thumb{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-light);width:50px;height:38px;overflow:hidden}.subunit-thumb .subunit-thumb-img{object-fit:cover;width:100%;height:100%}.subunit-thumb-placeholder{border-radius:var(--radius-sm);color:#94a3b8;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border:1px dashed #cbd5e1;justify-content:center;align-items:center;width:50px;height:38px;display:flex}.subunit-info{flex:1;min-width:0}.subunit-info .subunit-name-row{align-items:center;gap:8px;display:flex}.subunit-info .subunit-name{font-size:var(--font-size-sm);color:#334155;cursor:pointer;font-weight:500}.subunit-info .subunit-name:hover{color:var(--color-navy)}.subunit-location,.subunit-type{width:100px;font-size:var(--font-size-xs);color:#64748b;flex-shrink:0}@media (max-width:1200px){.subunit-location,.subunit-type{display:none}}.subunit-details{flex-shrink:0;gap:8px;width:100px;display:flex}.subunit-details span{font-size:var(--font-size-xs);color:#64748b}@media (max-width:1024px){.subunit-details{display:none}}.subunit-status{flex-shrink:0;width:70px}.subunit-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.add-property-dropdown{position:relative}.add-property-dropdown .add-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;min-width:235px;position:absolute;top:calc(100% + 4px);right:0}.add-property-dropdown .add-dropdown-menu button{align-items:center;gap:var(--spacing-sm);width:100%;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;padding:12px 16px;display:flex}.add-property-dropdown .add-dropdown-menu button:hover{background:var(--bg-secondary)}.property-form-page{background:var(--bg-secondary);min-height:100vh}.page-header-bar{justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md)var(--spacing-xl);background:var(--bg-primary);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);z-index:10;display:flex;position:sticky;top:0}@media (max-width:1024px){.page-header-bar{padding:var(--spacing-md);flex-wrap:wrap}.page-header-bar .progress-indicator{display:none}}.page-header-bar .header-left{align-items:center;gap:var(--spacing-md);display:flex}.page-header-bar .btn-back{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.page-header-bar .btn-back:hover{background:var(--bg-tertiary);color:var(--text-primary)}.page-header-bar .header-title{align-items:center;gap:var(--spacing-sm);display:flex}.page-header-bar .header-title h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}@media (max-width:768px){.page-header-bar .header-title h1{font-size:var(--font-size-lg)}}.page-header-bar .header-title .category-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-navy);border-radius:var(--radius-full);background:#1e3a5f1a;padding:4px 12px}@media (max-width:768px){.page-header-bar .header-title .category-badge{display:none}}.page-header-bar .header-right{align-items:center;gap:var(--spacing-md);display:flex}@media (max-width:1024px){.page-header-bar .header-right{flex-wrap:wrap;justify-content:flex-end;width:100%}}.page-header-bar .progress-indicator{align-items:center;gap:var(--spacing-sm);display:flex}.page-header-bar .progress-indicator .progress-bar-mini{background:var(--bg-tertiary);border-radius:var(--radius-full);width:80px;height:6px;overflow:hidden}.page-header-bar .progress-indicator .progress-bar-mini .progress-fill{background:var(--color-success);border-radius:var(--radius-full);height:100%;transition:width .3s}.page-header-bar .progress-indicator .progress-text{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.page-header-bar .btn-delete{width:40px;height:40px;color:var(--color-error);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ef44441a;border:none;justify-content:center;align-items:center;display:flex}.page-header-bar .btn-delete:hover{background:var(--color-error);color:var(--color-white)}.page-header-bar .status-toggle{align-items:center;gap:var(--spacing-sm);display:flex}.page-header-bar .status-toggle .status-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);text-align:center;min-width:70px;transition:all var(--transition-fast);padding:4px 10px}.page-header-bar .status-toggle .status-label.draft{color:var(--color-warning);background:#f59e0b1a}.page-header-bar .status-toggle .status-label.active{color:var(--color-success);background:#10b9811a}.page-header-bar .status-toggle .status-label.inactive{color:red;background-color:#fde3e4}.page-header-bar .status-toggle .toggle-switch{background:var(--color-gray-300);border-radius:var(--radius-full);cursor:pointer;width:48px;height:26px;transition:background var(--transition-fast);border:none;position:relative}.page-header-bar .status-toggle .toggle-switch.active{background:var(--color-success)}.page-header-bar .status-toggle .toggle-switch.loading{opacity:.7;cursor:wait}.page-header-bar .status-toggle .toggle-switch.loading .toggle-slider{animation:1s ease-in-out infinite toggle-pulse}.page-header-bar .status-toggle .toggle-switch:disabled{cursor:not-allowed;opacity:.6}.page-header-bar .status-toggle .toggle-switch .toggle-slider{background:var(--color-white);border-radius:var(--radius-full);width:20px;height:20px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm);position:absolute;top:3px;left:3px}.page-header-bar .status-toggle .toggle-switch.active .toggle-slider{transform:translate(22px)}.page-header-bar .btn-save{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white);background:var(--color-navy);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;display:flex}.page-header-bar .btn-save:hover:not(:disabled){background:var(--color-navy-dark)}.page-header-bar .btn-save.active{background:var(--color-success)}.page-header-bar .btn-save.active:hover:not(:disabled){background:#059669}.page-header-bar .btn-save:disabled{opacity:.6;cursor:not-allowed}@keyframes toggle-pulse{0%,to{opacity:1}50%{opacity:.5}}.alert{align-items:flex-start;gap:var(--spacing-md);margin:var(--spacing-md)var(--spacing-xl);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-lg);animation:.3s slideDown;display:flex}.alert .alert-icon{flex-shrink:0;margin-top:2px;font-size:20px}.alert .alert-icon.spin{animation:1s linear infinite spin}.alert .alert-content{flex:1}.alert .alert-content strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:4px;display:block}.alert .alert-content span{font-size:var(--font-size-sm);opacity:.9}.alert .alert-close{width:24px;height:24px;color:inherit;cursor:pointer;opacity:.6;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.alert .alert-close:hover{opacity:1}.alert.alert-error{color:#b91c1c;background:linear-gradient(135deg,#ef444414 0%,#dc262614 100%);border:1px solid #ef44444d}.alert.alert-error .alert-icon{color:var(--color-error)}.alert.alert-success{color:#047857;background:linear-gradient(135deg,#10b98114 0%,#05966914 100%);border:1px solid #10b9814d}.alert.alert-success .alert-icon{color:var(--color-success)}.alert.alert-warning{color:#92400e;background:linear-gradient(135deg,#f59e0b14 0%,#d9770614 100%);border:1px solid #f59e0b4d}.alert.alert-warning .alert-icon{color:var(--color-warning)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-layout{gap:var(--spacing-xl);padding:var(--spacing-xl);z-index:1;max-width:1400px;margin:0 auto;display:flex}@media (max-width:1024px){.form-layout{padding:var(--spacing-md);flex-direction:column}}.form-sidebar{gap:var(--spacing-xs);width:220px;height:fit-content;padding:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:80px}@media (max-width:1024px){.form-sidebar{width:100%;padding:var(--spacing-xs);flex-direction:row;position:static;overflow-x:auto}.form-sidebar .sidebar-item{white-space:nowrap}}.form-sidebar .sidebar-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.form-sidebar .sidebar-item svg{flex-shrink:0;font-size:18px}.form-sidebar .sidebar-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.form-sidebar .sidebar-item.active{background:var(--color-navy);color:var(--color-white)}.form-content{scroll-behavior:smooth;flex:1;min-width:0}.form-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.form-section.collapsible .section-header{cursor:pointer;-webkit-user-select:none;user-select:none}.form-section.collapsible .section-header:hover{background:var(--bg-secondary)}.form-section.has-errors{border-color:#ef444466}.form-section.has-errors .section-header{background:#ef444408}.form-section .section-header{padding:var(--spacing-md)var(--spacing-lg);transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.form-section .section-header.clickable{cursor:pointer}.form-section .section-title-row{align-items:center;gap:var(--spacing-sm);display:flex}.form-section .section-title-row .section-icon{color:var(--color-navy);font-size:18px}.form-section .section-title-row .section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);align-items:center;gap:var(--spacing-sm);margin:0;display:flex}.form-section .section-title-row .count-badge,.form-section .section-title-row .error-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);padding:2px 8px}.form-section .section-title-row .count-badge{color:var(--color-navy);background:#1e3a5f1a}.form-section .section-title-row .error-badge{color:var(--color-error);background:#ef44441a}.form-section .section-arrow{width:24px;height:24px;color:var(--text-muted);justify-content:center;align-items:center;transition:transform .2s;display:flex}.form-section .section-arrow svg{font-size:16px}.form-section .section-arrow.expanded{transform:rotate(90deg)}.form-section .section-content{padding:var(--spacing-lg);padding-top:0}.photo-card .room-badge{z-index:10;color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;max-width:calc(100% - 16px);padding:4px 10px;font-size:11px;font-weight:600;position:absolute;bottom:8px;left:8px;overflow:hidden;box-shadow:0 2px 4px #0000004d}.photo-card .delete-btn{z-index:10;width:28px;height:28px;color:var(--color-white);border-radius:var(--radius-full);cursor:pointer;opacity:0;transition:opacity var(--transition-fast);background:#0009;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.photo-card .delete-btn:hover{background:var(--color-error)}.photo-card.add-card .add-content{justify-content:center;align-items:center;gap:var(--spacing-sm);height:100%;color:var(--text-muted);flex-direction:column;display:flex}.btn-sm{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:6px 12px;display:inline-flex}.btn-sm.btn-secondary:hover{background:var(--bg-tertiary)}.btn-google-drive{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-white);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#4285f4;border:none;justify-content:center;min-width:110px;padding:6px 12px;display:inline-flex}.btn-google-drive:hover:not(:disabled){background:#3367d6}.btn-google-drive:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.thumbnail-upload .thumbnail-preview{border-radius:var(--radius-md);border:1px solid var(--border-light);width:200px;height:150px;position:relative;overflow:hidden}.thumbnail-upload .thumbnail-preview .thumbnail-image{object-fit:cover}.thumbnail-upload .thumbnail-preview .remove-thumbnail{width:28px;height:28px;color:var(--color-white);border-radius:var(--radius-full);cursor:pointer;background:#0009;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.thumbnail-upload .thumbnail-preview .remove-thumbnail:hover{background:var(--color-error)}.thumbnail-upload .thumbnail-placeholder{justify-content:center;align-items:center;gap:var(--spacing-sm);background:var(--bg-secondary);border:2px dashed var(--border-light);border-radius:var(--radius-md);cursor:pointer;width:200px;height:150px;color:var(--text-muted);transition:all var(--transition-fast);flex-direction:column;display:flex}.thumbnail-upload .thumbnail-placeholder:hover{border-color:var(--color-navy);color:var(--color-navy)}.thumbnail-upload .thumbnail-placeholder span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.map-container{border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);width:100%;height:350px;margin-bottom:var(--spacing-sm);background:var(--color-gray-50);overflow:hidden}.coordinates-section{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-top:var(--spacing-md)}.empty-config-message{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--text-muted);text-align:center;background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px dashed var(--color-gray-300);flex-direction:column;display:flex}.empty-config-message p{font-size:var(--font-size-sm);margin:0}.custom-select-wrapper{position:relative}.custom-select-trigger{border:1px solid var(--border-light,#e0e0e0);border-radius:var(--radius-lg,10px);cursor:pointer;width:100%;font-size:var(--font-size-sm,14px);text-align:left;background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.custom-select-trigger:hover{border-color:var(--color-navy,#1a3250)}.custom-select-trigger.open{border-color:var(--color-navy,#1a3250);box-shadow:0 0 0 3px #1a32501a}.custom-select-trigger.input-error{border-color:#ef4444}.custom-select-trigger span.placeholder{color:var(--text-muted,#9ca3af)}.custom-select-trigger span.has-value{color:var(--text-primary,#1f2937);font-weight:500}.select-chevron{color:var(--text-muted,#9ca3af);flex-shrink:0;font-size:16px;transition:transform .2s}.select-chevron.rotate{transform:rotate(180deg)}.custom-select-dropdown{border:1px solid var(--border-light,#e0e0e0);border-radius:var(--radius-lg,10px);z-index:10;background:#fff;max-height:280px;animation:.15s selectDropdownIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto;box-shadow:0 10px 40px #0000001f}@keyframes selectDropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-option{text-align:left;width:100%;font-size:var(--font-size-sm,14px);color:var(--text-primary,#1f2937);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s;display:flex}.select-option:hover{background:var(--bg-secondary,#f8f9fa)}.select-option.selected{background:#1a325014;font-weight:500}.select-option .check-icon{color:var(--color-navy,#1a3250);font-size:16px}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-track{background:0 0}.custom-select-dropdown::-webkit-scrollbar-thumb{background:var(--border-light,#e0e0e0);border-radius:3px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#9ca3af)}.input-with-unit-styled{gap:8px;display:flex}.input-with-unit-styled .form-input{flex:1}.unit-dropdown-wrapper{min-width:100px;position:relative}.unit-dropdown-trigger{background:var(--bg-secondary,#f8f9fa);border:1px solid var(--border-light,#e0e0e0);border-radius:var(--radius-lg,10px);cursor:pointer;width:100%;height:100%;font-size:var(--font-size-sm,14px);color:var(--text-primary,#1f2937);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-weight:500;transition:all .2s;display:flex}.unit-dropdown-trigger:hover{border-color:var(--color-navy,#1a3250);background:#fff}.unit-dropdown-trigger.open{border-color:var(--color-navy,#1a3250);background:#fff;box-shadow:0 0 0 3px #1a32501a}.unit-dropdown{min-width:100px}.form-select{border:1px solid var(--border-light,#e0e0e0);border-radius:var(--radius-lg,10px);cursor:pointer;width:100%;font-size:var(--font-size-sm,14px);appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E") right 12px center no-repeat;align-items:center;padding:12px 40px 12px 16px;transition:all .2s;display:flex}.form-select:hover{border-color:var(--color-navy,#1a3250)}.form-select:focus{border-color:var(--color-navy,#1a3250);outline:none;box-shadow:0 0 0 3px #1a32501a}@media (max-width:640px){.input-with-unit-styled{flex-direction:column}.unit-dropdown-wrapper{min-width:100%}}.dashboard-page{padding:0}.dashboard-loading{justify-content:center;align-items:center;min-height:400px;display:flex}.dashboard-actions{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.quick-actions{flex-wrap:wrap;gap:10px;display:flex}.quick-action-btn{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:500;display:flex}.quick-action-btn:hover{border-color:var(--border-default);background:var(--bg-secondary)}.quick-action-btn.primary{background:var(--color-navy);color:var(--text-white);border:none}.quick-action-btn.primary:hover{background:var(--color-navy-light)}.refresh-btn{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.refresh-btn:hover{border-color:var(--border-default);color:var(--color-navy)}.refresh-btn.spinning svg{animation:1s linear infinite spin}.stats-section{margin-bottom:20px}.stats-section .stats-title{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.stats-section .stats-title svg{font-size:16px}.dashboard-stats-grid{gap:16px;margin-bottom:20px;display:grid}.dashboard-stats-grid.four-cols{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.dashboard-stats-grid.four-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.dashboard-stats-grid.four-cols{grid-template-columns:1fr}}.dashboard-stats-grid.three-cols{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.dashboard-stats-grid.three-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.dashboard-stats-grid.three-cols{grid-template-columns:1fr}}.stat-card{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:14px;padding:16px 18px;display:flex}.stat-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.stat-icon.properties{color:var(--color-navy);background:#1a32501a}.stat-icon.active{color:#10b981;background:#10b9811a}.stat-icon.draft,.stat-icon.letting{color:#f59e0b;background:#f59e0b1a}.stat-icon.contacts{color:#ef4444;background:#ef44441a}.stat-icon.blogs{color:#3b82f6;background:#3b82f61a}.stat-icon.pages{color:#10b981;background:#10b9811a}.stat-info{flex:1;min-width:0}.stat-value{color:var(--color-navy);font-size:22px;font-weight:700;line-height:1.2;display:block}.stat-label{color:var(--color-gray-500);margin-top:2px;font-size:13px;font-weight:500;display:block}.stat-sub{color:var(--color-gray-400);margin-top:2px;font-size:11px;display:block}.stat-badge{border-radius:4px;margin-top:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.stat-badge.pending{color:#ef4444;background:#ef44441a}.dashboard-grid{gap:20px;display:grid}.dashboard-grid.three-cols{grid-template-columns:repeat(3,1fr)}@media (max-width:1200px){.dashboard-grid.three-cols{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-grid.three-cols{grid-template-columns:1fr}}.dashboard-card{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden}.dashboard-card .card-header{border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.dashboard-card .card-header h3{color:var(--color-navy);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.dashboard-card .card-header h3 svg{color:var(--color-gray-500);font-size:16px}.dashboard-card .card-content{padding:12px 18px}.view-all-btn{color:var(--color-info);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.view-all-btn:hover{color:#2563eb}.dashboard-card .empty-state{color:var(--color-gray-400);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px 20px;display:flex}.dashboard-card .empty-state svg{opacity:.5;font-size:28px}.dashboard-card .empty-state p{margin:0;font-size:13px}.recent-list{flex-direction:column;display:flex}.recent-item{border-bottom:1px solid var(--color-gray-100);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:10px 0;display:flex}.recent-item:last-child{border-bottom:none}.recent-item:hover{background:var(--bg-secondary);margin:0 -18px;padding:10px 18px}.item-thumb{border-radius:var(--radius-sm);background:var(--color-gray-100);flex-shrink:0;width:40px;height:30px;overflow:hidden}.item-thumb img{object-fit:cover;width:100%;height:100%}.thumb-placeholder{width:100%;height:100%;color:var(--color-gray-400);justify-content:center;align-items:center;font-size:14px;display:flex}.item-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.item-icon.pending{color:#f59e0b;background:#f59e0b1a}.item-icon.read{color:#3b82f6;background:#3b82f61a}.item-icon.resolved{color:#10b981;background:#10b9811a}.item-info{flex:1;min-width:0}.item-name{color:var(--color-navy);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.item-meta{color:var(--color-gray-500);align-items:center;gap:4px;margin-top:1px;font-size:11px;display:flex}.item-meta svg{font-size:10px}.item-meta .featured-icon{color:#f59e0b}.mini-badge{text-transform:capitalize;border-radius:4px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:600}.mini-badge.active,.mini-badge.published,.mini-badge.resolved{color:#10b981;background:#10b9811a}.mini-badge.draft,.mini-badge.pending{color:#f59e0b;background:#f59e0b1a}.mini-badge.inactive,.mini-badge.read{color:#6b7280;background:#6b72801a}@media (max-width:768px){.quick-actions{flex-wrap:wrap}.quick-action-btn{padding:8px 12px;font-size:12px}.stat-value{font-size:20px}.stat-card{padding:14px 16px}}@media (max-width:480px){.quick-action-btn{flex:1;justify-content:center;min-width:100px}}.descriptions-tab{gap:var(--spacing-md);flex-direction:column;display:flex}.feature-input-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.feature-input-row .form-input{flex:1}.btn-add-feature{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#fff;background:var(--color-navy);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:6px;padding:10px 16px;display:flex}.btn-add-feature:hover:not(:disabled){background:var(--color-navy-dark)}.btn-add-feature:disabled{opacity:.5;cursor:not-allowed}.suggestions-section{margin-bottom:var(--spacing-md)}.suggestions-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);margin-bottom:var(--spacing-xs);display:block}.feature-suggestions{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.suggestion-chip{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:6px 12px;display:inline-flex}.suggestion-chip svg{font-size:10px}.suggestion-chip:hover{background:var(--color-navy);color:#fff;border-color:var(--color-navy)}.features-list{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);flex-wrap:wrap;min-height:60px;display:flex}.feature-item{align-items:center;gap:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--color-navy);border-radius:var(--radius-full);transition:all var(--transition-fast);padding:8px 12px;display:inline-flex}.feature-item .feature-number{width:20px;height:20px;font-size:11px;font-weight:var(--font-weight-bold);color:#fff;background:var(--color-navy);border-radius:50%;justify-content:center;align-items:center;display:flex}.feature-item .feature-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-navy)}.feature-item .feature-remove{width:20px;height:20px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;display:flex}.feature-item .feature-remove:hover{color:#fff;background:#ef4444}.feature-item:hover{box-shadow:0 2px 8px #0000001a}.empty-features{padding:var(--spacing-xl);text-align:center;color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px dashed var(--border-light);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-features svg{margin-bottom:var(--spacing-sm);opacity:.5}.empty-features p{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin:0 0 4px}.empty-features span{font-size:var(--font-size-xs);color:var(--text-muted)}.char-count{font-size:var(--font-size-xs);color:var(--text-muted);text-align:right;margin-top:4px;display:block}.label-hint{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--text-muted);margin-left:var(--spacing-xs)}.notes-private{background:#fffbeb!important;border-color:#fcd34d!important}.notes-private:focus{border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b1a!important}.count-badge{min-width:20px;height:20px;margin-left:var(--spacing-xs);font-size:11px;font-weight:var(--font-weight-bold);color:#fff;background:var(--color-navy);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.address-with-map{gap:var(--spacing-md);flex-direction:column;display:flex}.map-search-bar{gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}@media (max-width:640px){.map-search-bar{flex-direction:column}}.search-input-wrapper{flex:1;position:relative}.search-input-wrapper .search-icon{color:var(--text-muted);pointer-events:none;z-index:1;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input-wrapper .search-input{width:100%;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-fast);padding:12px 16px 12px 44px!important}.search-input-wrapper .search-input::placeholder{color:var(--text-muted)}.search-input-wrapper .search-input:focus{border-color:var(--color-navy);outline:none;box-shadow:0 0 0 3px #1e3a5f1a}.btn-location{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:12px 20px;display:flex}.btn-location svg{flex-shrink:0;font-size:16px}.btn-location:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--color-navy);color:var(--color-navy)}.btn-location:disabled{opacity:.6;cursor:not-allowed}.btn-location .spin{animation:1s linear infinite spin}.search-hint{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-xs);color:#3b82f6;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-left:3px solid #3b82f6;display:flex}.map-hint{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-xs);color:#dc2626;border-radius:var(--radius-md);margin-top:var(--spacing-sm);background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-left:3px solid #dc2626;display:flex}.section-hint{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);display:flex}.map-container{border-radius:var(--radius-lg);border:1px solid var(--border-light);background:var(--bg-secondary);width:100%;height:350px;overflow:hidden}.map-container .google-map{width:100%;height:100%}.map-loading{justify-content:center;align-items:center;gap:var(--spacing-md);width:100%;height:100%;color:var(--text-muted);flex-direction:column;display:flex}.map-loading .spinner{border:3px solid var(--border-light);border-top-color:var(--color-navy);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.map-loading p{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.map-error{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;height:100%;padding:var(--spacing-lg);text-align:center;color:#dc2626;background:#fef2f2;flex-direction:column;display:flex}.map-error svg{color:#dc2626;font-size:32px}.map-error p{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.map-error span{font-size:var(--font-size-xs);color:var(--text-muted)}.coordinates-section{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-md);border:1px solid var(--border-light)}.coordinates-section .coordinates-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md)0;align-items:center;gap:var(--spacing-sm);display:flex}.coordinates-section .coordinates-title:before{content:"📍"}.coordinates-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr auto;align-items:flex-start;display:grid}@media (max-width:768px){.coordinates-row{grid-template-columns:1fr 1fr}}@media (max-width:480px){.coordinates-row{grid-template-columns:1fr}}.coordinates-row .form-group{margin-bottom:0}.btn-fetch-address{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-white);background:var(--color-navy);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;height:44px;margin-top:24px;padding:12px 20px;display:flex}@media (max-width:768px){.btn-fetch-address{grid-column:1/-1;justify-content:center;width:100%;margin-top:0}}.btn-fetch-address svg{flex-shrink:0;font-size:16px}.btn-fetch-address:hover:not(:disabled){background:var(--color-navy-dark);transform:translateY(-1px)}.btn-fetch-address:disabled{opacity:.6;cursor:not-allowed}.coordinates-hint{margin-top:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-primary);border-radius:var(--radius-md);border-left:3px solid var(--color-gray-300);grid-column:1/-1}.amenities-tab{flex-direction:column;gap:20px;display:flex}.amenities-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.selected-count{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;display:flex}.selected-count .count-icon{color:#22c55e;font-size:20px}.selected-count .count-number{color:#16a34a;font-size:24px;font-weight:700}.selected-count .count-label{color:#15803d;font-size:14px}.search-box{flex:1;max-width:300px;position:relative}.search-box input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:10px 40px;font-size:14px;transition:all .2s}.search-box input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.search-box input::placeholder{color:#9ca3af}.search-box .search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box .clear-btn{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-box .clear-btn:hover{color:#374151;background:#e5e7eb}.amenities-scroll-container{flex-direction:column;gap:12px;min-height:400px;max-height:calc(100vh - 300px);padding-right:8px;display:flex;overflow-y:auto}.amenities-scroll-container::-webkit-scrollbar{width:6px}.amenities-scroll-container::-webkit-scrollbar-track{background:0 0}.amenities-scroll-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.amenities-scroll-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.amenity-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;overflow:hidden}.amenity-section.custom{border-style:dashed;border-color:#9ca3af}.section-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f9fafb;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .2s;display:flex}.section-header:hover{background:#f3f4f6}.section-title{color:#1f2937;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.section-title svg{color:#6b7280;flex-shrink:0}.section-count{color:#16a34a;background:#dcfce7;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:500}.select-all-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.select-all-btn:hover{background:#f9fafb;border-color:#9ca3af}.add-custom-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.add-custom-btn:hover{background:#f9fafb;border-color:#9ca3af}.section-content{background:#fff;border-top:1px solid #e5e7eb;padding:16px}.amenities-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (max-width:768px){.amenities-grid{grid-template-columns:1fr}}.amenity-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;transition:all .15s;display:flex}.amenity-item:hover{background:#f9fafb;border-color:#d1d5db}.amenity-item.checked{background:#f0fdf4;border-color:#86efac}.amenity-item.checked .label{color:#15803d;font-weight:500}.checkbox{background:#fff;border:2px solid #d1d5db;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;transition:all .15s;display:flex}.checkbox svg{color:#0000;font-size:14px}.checkbox.checked{background:#22c55e;border-color:#22c55e}.checkbox.checked svg{color:#fff}.label{color:#374151;font-size:14px;line-height:1.3}.custom-item{align-items:center;gap:8px;display:flex}.custom-item .amenity-item{flex:1}.remove-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.remove-btn:hover{color:#ef4444;background:#fef2f2}.add-custom-form{gap:8px;margin-bottom:16px;display:flex}.add-custom-form input{border:1px solid #e5e7eb;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:all .2s}.add-custom-form input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.add-custom-form input::placeholder{color:#9ca3af}.add-custom-form .confirm-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.add-custom-form .confirm-btn:hover{background:#16a34a}.add-custom-form .cancel-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.add-custom-form .cancel-btn:hover{color:#374151;background:#e5e7eb}.empty-custom{text-align:center;color:#9ca3af;padding:24px;font-size:14px}.empty-custom p{margin:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:99999!important;box-sizing:border-box!important;background:#0009!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}.modal-container{background:#fff!important;border-radius:16px!important;flex-direction:column!important;width:100%!important;max-width:550px!important;max-height:85vh!important;animation:.2s modalSlideIn!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000040!important}.modal-header{background:#fff!important;border-bottom:1px solid #e5e7eb!important;justify-content:space-between!important;align-items:flex-start!important;padding:20px 24px!important;display:flex!important}.modal-header-text h3{color:#111827!important;margin:0 0 4px!important;font-size:18px!important;font-weight:600!important}.modal-header-text p{color:#6b7280!important;margin:0!important;font-size:14px!important}.modal-header-text p strong{color:#1e3a5f!important}.modal-close-btn{color:#6b7280!important;cursor:pointer!important;background:#f3f4f6!important;border:none!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;transition:all .2s!important;display:flex!important}.modal-close-btn:hover{color:#374151!important;background:#e5e7eb!important}.modal-search-box{background:#fff!important;padding:16px 24px!important;position:relative!important}.modal-search-box .modal-search-icon{color:#9ca3af!important;pointer-events:none!important;font-size:16px!important;position:absolute!important;top:50%!important;left:38px!important;transform:translateY(-50%)!important}.modal-search-box input{color:#1f2937!important;box-sizing:border-box!important;background:#fff!important;border:2px solid #e5e7eb!important;border-radius:10px!important;outline:none!important;width:100%!important;padding:12px 14px 12px 44px!important;font-size:14px!important;transition:all .2s!important}.modal-search-box input:focus{border-color:#1e3a5f!important;box-shadow:0 0 0 3px #1e3a5f1a!important}.modal-search-box input::placeholder{color:#9ca3af!important}.modal-quick-actions{background:#fff!important;gap:12px!important;padding:0 24px 16px!important;display:flex!important}.modal-quick-actions button{color:#1e3a5f!important;cursor:pointer!important;background:#f3f4f6!important;border:1px solid #e5e7eb!important;border-radius:6px!important;padding:6px 14px!important;font-size:12px!important;font-weight:500!important;transition:all .2s!important}.modal-quick-actions button:hover{background:#e5e7eb!important;border-color:#d1d5db!important}.modal-properties-list{background:#fff!important;border-top:1px solid #e5e7eb!important;border-bottom:1px solid #e5e7eb!important;flex:1!important;min-height:200px!important;max-height:350px!important;overflow-y:auto!important}.modal-properties-list::-webkit-scrollbar{width:6px!important}.modal-properties-list::-webkit-scrollbar-track{background:0 0!important}.modal-properties-list::-webkit-scrollbar-thumb{background:#d1d5db!important;border-radius:10px!important}.modal-loading-state,.modal-empty-state{color:#9ca3af!important;background:#fff!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:12px!important;padding:48px 24px!important;font-size:14px!important;display:flex!important}.modal-property-item{cursor:pointer!important;background:#fff!important;border-bottom:1px solid #f3f4f6!important;align-items:center!important;gap:14px!important;padding:14px 24px!important;transition:all .15s!important;display:flex!important}.modal-property-item:last-child{border-bottom:none!important}.modal-property-item:hover{background:#f9fafb!important}.modal-property-item.selected{background:#1e3a5f14!important}.modal-checkbox{background:#fff!important;border:2px solid #d1d5db!important;border-radius:5px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:22px!important;min-width:22px!important;height:22px!important;transition:all .15s!important;display:flex!important}.modal-checkbox.checked{color:#fff!important;background:#1e3a5f!important;border-color:#1e3a5f!important}.modal-checkbox.checked svg{font-size:14px!important}.modal-property-thumb{background:#f3f4f6!important;border:1px solid #e5e7eb!important;border-radius:6px!important;flex-shrink:0!important;width:50px!important;min-width:50px!important;height:38px!important;position:relative!important;overflow:hidden!important}.modal-property-thumb img{object-fit:cover!important;width:100%!important;height:100%!important}.modal-property-placeholder{color:#6366f1!important;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%)!important;border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:50px!important;min-width:50px!important;height:38px!important;font-size:16px!important;font-weight:600!important;display:flex!important}.modal-property-details{flex-direction:column!important;flex:1!important;gap:2px!important;min-width:0!important;display:flex!important}.modal-property-name{color:#1f2937!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:14px!important;font-weight:500!important;overflow:hidden!important}.modal-property-address{color:#6b7280!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:12px!important;overflow:hidden!important}.modal-selection-info{color:#1e3a5f!important;text-align:center!important;background:#1e3a5f14!important;padding:12px 24px!important;font-size:13px!important}.modal-selection-info strong{font-weight:600!important}.modal-footer{background:#f9fafb!important;border-top:1px solid #e5e7eb!important;justify-content:flex-end!important;gap:12px!important;padding:20px 24px!important;display:flex!important}.btn-modal-cancel{color:#374151!important;cursor:pointer!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;padding:10px 20px!important;font-size:14px!important;font-weight:500!important;transition:all .2s!important}.btn-modal-cancel:hover{background:#f3f4f6!important;border-color:#9ca3af!important}.btn-modal-confirm{color:#fff!important;cursor:pointer!important;background:#1e3a5f!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:8px!important;padding:10px 20px!important;font-size:14px!important;font-weight:500!important;transition:all .2s!important;display:flex!important}.btn-modal-confirm:hover:not(:disabled){background:#152a45!important}.btn-modal-confirm:disabled{opacity:.5!important;cursor:not-allowed!important}.photos-tab{gap:var(--spacing-md);flex-direction:column;display:flex}.section-header-right{align-items:center;gap:var(--spacing-md);display:flex}.header-actions{align-items:center;gap:var(--spacing-sm);display:flex}.section-arrow{color:#6b7280;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .2s;display:flex}.section-arrow svg{width:18px;height:18px;font-size:18px}.section-arrow{transform:rotate(-90deg)}.section-arrow.expanded{transform:rotate(0)}.section-hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-md)}.bulk-panel{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);background:#f59e0b1a;border:1px solid #f59e0b4d;flex-wrap:wrap;display:flex}.bulk-panel>span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#92400e;white-space:nowrap}.bulk-panel .form-select{min-width:150px;max-width:300px;font-size:var(--font-size-sm);border-radius:var(--radius-md);background:#fff;border:2px solid #e5e7eb;flex:1;padding:10px 14px}.bulk-panel .form-select:focus{border-color:#1e3a5f;outline:none}.bulk-panel .btn-sm.btn-success{white-space:nowrap}.photos-grid-container{width:100%}.photos-grid-container.small .photos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.photos-grid-container.small .photo-card{aspect-ratio:4/3}.photos-grid{gap:var(--spacing-md);grid-template-columns:repeat(5,1fr);display:grid}@media (max-width:1400px){.photos-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.photos-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.photos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.photos-grid{grid-template-columns:1fr}}.photo-card{aspect-ratio:4/3;border-radius:var(--radius-lg);background:var(--bg-secondary);border:2px solid var(--border-light);cursor:grab;transition:all .2s;position:relative;overflow:visible}.photo-card:hover{border-color:var(--color-navy);box-shadow:0 4px 12px #0000001a}.photo-card:hover .delete-btn{opacity:1}.photo-card.select-mode{cursor:pointer}.photo-card.selected{border-width:3px;box-shadow:0 0 0 3px #22c55e33;border-color:#22c55e!important}.photo-card .cover-badge{z-index:10;color:#fff;background:var(--color-navy);border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px;box-shadow:0 2px 4px #0003}.photo-card .room-badge{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 16px);overflow:hidden;z-index:10!important;color:#fff!important;border-radius:4px!important;padding:4px 10px!important;font-size:11px!important;font-weight:600!important;display:inline-block!important;position:absolute!important;bottom:8px!important;left:8px!important;box-shadow:0 2px 4px #0000004d!important}.photo-card .photo-image-wrapper{border-radius:var(--radius-lg);width:100%;height:100%;position:relative;overflow:hidden}.photo-card .photo-image-wrapper .photo-image{object-fit:cover}.photo-card .delete-btn{z-index:15;color:#fff;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.photo-card .delete-btn:hover{background:#ef4444;transform:scale(1.1)}.photo-card.add-card{cursor:pointer;background:0 0;border-style:dashed;border-width:2px}.photo-card.add-card:hover{border-color:var(--color-navy);background:#1e3a5f08}.photo-card.add-card:hover .add-content{color:var(--color-navy)}.photo-card.add-card .add-content{justify-content:center;align-items:center;gap:var(--spacing-sm);height:100%;color:var(--text-muted);flex-direction:column;transition:color .2s;display:flex}.photo-card.add-card .add-content span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.photo-selection-checkbox{z-index:10;cursor:pointer;background:#fffffff2;border:2px solid #9ca3af;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 1px 3px #0003}.photo-selection-checkbox svg{color:#fff;opacity:0;font-size:14px;transition:opacity .15s}.photo-selection-checkbox.checked{background:#22c55e;border-color:#22c55e;box-shadow:0 2px 4px #22c55e66}.photo-selection-checkbox.checked svg{opacity:1}.photo-card.select-mode:hover .photo-selection-checkbox:not(.checked){background:#fff;border-color:#22c55e}.btn-sm{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 14px;transition:all .2s;display:inline-flex}.btn-sm.btn-primary{color:#fff;background:var(--color-navy)}.btn-sm.btn-primary:hover{background:var(--color-navy-dark)}.btn-sm.btn-secondary{color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-light)}.btn-sm.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--color-navy)}.btn-sm.btn-warning{color:#92400e;background:#f59e0b26;border:1px solid #f59e0b4d}.btn-sm.btn-warning:hover{background:#f59e0b40}.btn-sm.btn-success{color:#fff;background:#22c55e}.btn-sm.btn-success:hover{background:#16a34a}.upload-label{cursor:pointer}.form-grid{gap:var(--spacing-md);display:grid}.form-grid.two-columns{grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.form-grid.two-columns{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.form-input{font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);padding:10px 14px;transition:all .2s}.form-input:focus{border-color:var(--color-navy);outline:none;box-shadow:0 0 0 3px #1e3a5f1a}.form-input::placeholder{color:var(--text-muted)}.room-captions-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:24px;padding:20px}.captions-title{color:#1e293b;margin:0 0 4px;font-size:16px;font-weight:600}.room-captions-section .section-hint{color:#64748b;margin-bottom:16px;font-size:13px}.captions-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.caption-item{flex-direction:column;gap:6px;display:flex}.caption-label{color:#334155;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.room-color-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.photo-count{color:#94a3b8;font-size:13px;font-weight:400}.caption-input{border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;font-size:14px;transition:all .2s}.caption-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.caption-input::placeholder{color:#94a3b8}.cf-btn{font-size:14px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:inline-flex}.cf-btn-primary:hover:not(:disabled){background:var(--color-navy-dark,#0f2442);transform:translateY(-1px);box-shadow:0 4px 12px #1a32504d}.cf-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary,#e5e7eb);border-color:var(--border-default)}.cf-btn-ghost:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-light)}.cf-btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.cf-btn-lg{padding:12px 20px;font-size:16px}.cf-btn-lg svg{width:20px;height:20px}.cf-form-group{margin-bottom:20px}.cf-form-label{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:8px;display:block}.cf-form-input{width:100%;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;transition:all .2s}.cf-form-input::placeholder{color:var(--text-muted)}.cf-form-input:focus{border-color:var(--color-navy);outline:none;box-shadow:0 0 0 3px #1a32501a}.cf-form-input:disabled{background:var(--bg-secondary);cursor:not-allowed}.cf-form-input.cf-form-input-error{border-color:#fca5a5}.cf-form-input.cf-form-input-error:focus{box-shadow:0 0 0 3px #dc26261a}.cf-form-textarea{resize:vertical;min-height:100px}.cf-form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.cf-form-error{color:#dc2626;margin-top:4px;font-size:12px;display:block}.cf-form-hint{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.cf-required{color:#dc2626}.cf-field-type-section{margin-bottom:24px}.cf-field-label{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:12px;display:block}.cf-field-type-grid{flex-wrap:wrap;gap:4px;display:flex}.cf-field-type-btn{min-width:70px;font-size:11px;font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;transition:all .2s;display:flex}.cf-field-type-btn svg{width:18px;height:18px}.cf-field-type-btn:hover{border-color:var(--color-navy);color:var(--color-navy);background:#1a325005}.cf-field-type-btn.cf-field-type-active{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.cf-settings-section{border-top:1px solid var(--border-light);margin-top:24px;padding-top:20px}.cf-setting-row{align-items:flex-start;gap:12px;padding:12px 0;display:flex}.cf-setting-row:not(:last-child){border-bottom:1px solid var(--border-light)}.cf-setting-toggle{flex-shrink:0;width:44px;height:24px;position:relative}.cf-toggle-input{opacity:0;width:0;height:0;position:absolute}.cf-toggle-input:checked+.cf-toggle-slider{background:var(--color-navy)}.cf-toggle-input:checked+.cf-toggle-slider:before{transform:translate(20px)}.cf-toggle-input:focus+.cf-toggle-slider{box-shadow:0 0 0 3px #1a32501a}.cf-toggle-slider{cursor:pointer;background:#d1d5db;border-radius:24px;transition:all .2s;position:absolute;inset:0}.cf-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #0000001a}.cf-setting-info{flex-direction:column;gap:2px;padding-top:2px;display:flex}.cf-setting-label{font-size:14px;font-weight:var(--font-weight-medium);color:var(--text-primary)}.cf-setting-hint{color:var(--text-muted);font-size:12px}.cf-options-list{flex-direction:column;gap:8px;display:flex}.cf-option-row{align-items:center;gap:8px;display:flex}.cf-option-drag{color:var(--text-muted);cursor:grab;flex-shrink:0}.cf-option-color{border-radius:4px;flex-shrink:0;width:20px;height:20px}.cf-option-input{flex:1}.cf-option-delete{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.cf-option-delete:hover{color:#dc2626;background:#fef2f2}.cf-options-add-btn{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-navy);border:1px dashed var(--border-default);border-radius:var(--radius-md);cursor:pointer;background:0 0;align-items:center;gap:6px;margin-top:4px;padding:8px 12px;transition:all .2s;display:flex}.cf-options-add-btn:hover{border-color:var(--color-navy);background:#1a325005}.cf-export-icon{color:var(--text-primary);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.cf-export-icon svg{width:24px;height:24px}.cf-export-title{font-size:18px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 8px}.cf-export-desc{color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.5}.cf-export-formats{gap:8px;display:flex}.cf-format-btn{font-size:14px;font-weight:var(--font-weight-medium);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:6px;padding:10px 16px;transition:all .2s;display:flex}.cf-format-btn svg{width:16px;height:16px;color:var(--text-muted)}.cf-format-btn:hover{border-color:var(--color-navy)}.cf-format-btn.cf-format-active{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.cf-format-btn.cf-format-active svg{color:#fff}.cf-import-icon{color:var(--text-primary);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.cf-import-icon svg{width:24px;height:24px}.cf-import-title{font-size:18px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 8px}.cf-import-desc{color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.5}.cf-import-dropzone{background:var(--bg-primary);border:2px dashed var(--border-default);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;transition:all .2s;display:flex}.cf-dropzone-icon{color:var(--text-secondary);justify-content:center;align-items:center;margin-bottom:12px;display:flex}.cf-dropzone-text strong{color:var(--color-navy);font-weight:var(--font-weight-semibold)}.cf-import-file-selected{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px 16px;display:flex}.cf-file-icon{background:var(--bg-primary);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-navy);justify-content:center;align-items:center;display:flex}.cf-file-info{flex-direction:column;flex:1;gap:2px;display:flex}.cf-file-name{font-size:14px;font-weight:var(--font-weight-medium);color:var(--text-primary)}.cf-file-remove{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.cf-file-remove:hover{color:#dc2626;background:#fef2f2}.cf-import-error{border-radius:var(--radius-md);color:#dc2626;background:#fef2f2;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;font-size:14px;display:flex}.cf-import-error svg{flex-shrink:0}.cf-import-preview{background:var(--bg-secondary);border-radius:var(--radius-md);gap:32px;margin-top:16px;padding:16px;display:flex}.cf-preview-stat{flex-direction:column;gap:2px;display:flex}.cf-preview-number{font-size:24px;font-weight:var(--font-weight-bold);color:var(--color-navy)}.cf-preview-label{color:var(--text-muted);font-size:12px}.cf-toolbar{background:var(--bg-primary);border-bottom:1px solid var(--border-light);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}@media (max-width:768px){.cf-toolbar{gap:12px;padding:12px 16px}}.cf-toolbar-left{align-items:center;gap:12px;display:flex}.cf-toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (max-width:768px){.cf-toolbar-right{gap:6px}}.cf-views{align-items:center;display:flex}.cf-views-tabs{align-items:center;gap:4px;display:flex}.cf-view-tab{color:var(--text-secondary,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.cf-view-tab svg{flex-shrink:0;width:16px;height:16px}.cf-view-tab span{display:inline}.cf-view-tab:hover{color:var(--text-primary,#1e293b);background:#f1f5f9}.cf-view-tab.cf-view-active{background:var(--bg-primary,#fff);color:var(--color-navy,#1a3250);border-color:var(--border-light,#e2e8f0);box-shadow:0 1px 3px #00000014}.cf-view-tab.cf-view-active svg{color:var(--color-navy,#1a3250)}.cf-view-selector{position:relative}.cf-view-btn{color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-light);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.cf-view-btn:hover{border-color:var(--color-navy);background:#fafbfc}.cf-view-btn svg{color:#64748b;width:16px;height:16px}.cf-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.cf-btn svg{flex-shrink:0;width:16px;height:16px}.cf-btn-primary{background:var(--color-navy);color:#fff}.cf-btn-primary:hover:not(:disabled){background:#162d4d}.cf-btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-light)}.cf-btn-secondary:hover:not(:disabled){border-color:var(--color-navy);background:#fafbfc}.cf-btn-ghost{color:var(--text-secondary);background:0 0}.cf-btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#f1f5f9}.cf-btn-danger{color:#fff;background:#dc2626}.cf-btn-danger:hover:not(:disabled){background:#b91c1c}.cf-btn-icon{padding:8px}.cf-btn-icon span{display:none}.cf-btn-delete-selection{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.cf-btn-delete-selection:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.cf-btn-danger-ghost{color:#dc2626}.cf-btn-danger-ghost:hover:not(:disabled){background:#fef2f2}.cf-cell-truncated{cursor:help}.cf-cell-truncated:hover{color:var(--color-navy,#1a3250)}.cf-text-tooltip{color:#fff;word-wrap:break-word;white-space:pre-wrap;background:#1f2937;border-radius:8px;max-width:400px;max-height:300px;padding:12px 16px;font-size:13px;line-height:1.5;animation:.15s ease-out tooltipFadeIn;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.cf-text-tooltip::-webkit-scrollbar{width:6px}.cf-text-tooltip::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.cf-text-tooltip::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.cf-text-tooltip::-webkit-scrollbar-thumb:hover{background:#ffffff80}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cf-cell-text{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden}@media (max-width:1024px){.cf-btn span{display:none}.cf-btn{padding:8px}.cf-btn-primary span,.cf-btn-delete-selection span{display:inline}.cf-btn-primary,.cf-btn-delete-selection{padding:8px 14px}.cf-view-tab span{display:inline}}@media (max-width:640px){.cf-toolbar{flex-direction:column;align-items:stretch}.cf-toolbar-right{justify-content:flex-end}.cf-view-tab span{display:none}}.cf-selection-bar{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 20px;animation:.2s cf-slide-down;display:flex;box-shadow:0 4px 12px #3b82f64d}@keyframes cf-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cf-selection-info{color:#fff;align-items:center;gap:8px;display:flex}.cf-selection-count{background:#fff3;border-radius:14px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:14px;font-weight:600;display:flex}.cf-selection-text{opacity:.9;font-size:14px}.cf-selection-actions{align-items:center;gap:10px;display:flex}.cf-selection-actions .cf-btn-ghost{color:#fffc;border:1px solid #ffffff4d}.cf-selection-actions .cf-btn-ghost:hover{color:#fff;background:#ffffff1a;border-color:#ffffff80}.cf-selection-actions .cf-btn-danger{color:#fff;background:#dc2626;border:none}.cf-selection-actions .cf-btn-danger:hover{background:#b91c1c}.cf-toolbar-selection{background:#dbeafe;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.cf-toolbar-selection-count{color:#fff;background:#3b82f6;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:600;display:flex}.cf-toolbar-selection-text{color:#1e40af;font-size:13px;font-weight:500}.cf-btn-xs{padding:4px 8px;font-size:11px}.cf-table-footer-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cf-table-selection-badge{color:#1e40af;background:#dbeafe;border-radius:12px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.cf-btn-delete-selection{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.cf-btn-delete-selection svg{flex-shrink:0}.cf-btn-delete-selection:hover{background:#fee2e2;border-color:#fca5a5}.cf-bulk-actions-bar{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;display:flex}.cf-spinner{border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite cf-spin;display:inline-block}@keyframes cf-spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite cf-spin}@media (max-width:768px){.cf-selection-bar{text-align:center;flex-direction:column;gap:12px}.cf-selection-info{justify-content:center}.cf-selection-actions{justify-content:center;width:100%}.cf-toolbar-selection{order:-1;justify-content:center;width:100%}}.cft-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.cft-table-container{flex:1;width:100%;min-height:0;overflow:auto}.cft-table-container.cft-table-scrollable{overflow:auto}.cft-table-container::-webkit-scrollbar{width:8px;height:8px}.cft-table-container::-webkit-scrollbar-track{background:#f1f5f9}.cft-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.cft-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cft-table-split-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:row;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.cft-table-frozen-section{z-index:10;background:#fff;border-right:2px solid #3b82f6;flex-direction:column;flex-shrink:0;display:flex;position:relative;box-shadow:4px 0 8px #00000014}.cft-table-frozen-scroll{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow:hidden auto}.cft-table-frozen-scroll::-webkit-scrollbar{display:none}.cft-table-frozen{border-collapse:collapse;table-layout:fixed;width:100%}.cft-table-frozen .cft-th,.cft-table-frozen .cft-td{background:#fff}.cft-table-frozen .cft-th:last-child,.cft-table-frozen .cft-td:last-child{padding-right:8px!important}.cft-table-frozen .cft-table-header .cft-th{background:#f8fafc}.cft-table-frozen .cft-tr:hover .cft-td{background:#fafbfc}.cft-table-frozen .cft-tr.cft-tr-selected .cft-td{background:#3b82f60d}.cft-table-scrollable-section{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.cft-table-scrollable-scroll{flex:1;overflow:auto}.cft-table-scrollable-scroll::-webkit-scrollbar{width:8px;height:8px}.cft-table-scrollable-scroll::-webkit-scrollbar-track{background:#f1f5f9}.cft-table-scrollable-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.cft-table-scrollable-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cft-table{border-collapse:collapse;table-layout:auto;width:100%}.cft-table-header{z-index:20;background:#f8fafc;position:sticky;top:0}.cft-th{text-transform:uppercase;letter-spacing:.4px;color:#64748b;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px;font-size:10px;font-weight:600;position:relative}.cft-th.cft-th-checkbox{text-align:center!important;background:#f8fafc!important;width:48px!important;min-width:48px!important;max-width:48px!important;padding:10px 12px!important}.cft-th.cft-th-actions{text-align:center;z-index:5;background:#f8fafc;position:sticky;right:0;box-shadow:-4px 0 8px #0000000f;width:80px!important;min-width:80px!important;max-width:80px!important}.cft-th.cft-th-actions:before{content:"";background:#e2e8f0;width:1px;position:absolute;top:0;bottom:0;left:0}.cft-th.cft-th-spacer{min-width:50px;background:#f8fafc!important;width:auto!important}.cft-th-frozen-marker{background:#eff6ff!important}.cft-th-frozen-marker .cft-th-content{padding-right:4px!important}.cft-th-frozen-marker:after{content:"";background:#3b82f6;height:2px;position:absolute;bottom:0;left:0;right:0}.cft-th-frozen-icon{color:#3b82f6;flex-shrink:0;justify-content:center;align-items:center;margin-left:2px;display:inline-flex}.cft-th-frozen-icon svg{width:10px;height:10px}.cft-tr{border-bottom:1px solid #f1f5f9;height:48px;transition:background .15s}.cft-tr:hover{background:#f1f5f9}.cft-tr:hover .cft-row-menu-btn{opacity:1}.cft-tr:hover .cft-td{background:#f1f5f9}.cft-tr.cft-tr-selected{background:#3b82f60d}.cft-tr.cft-tr-selected .cft-row-menu-btn{opacity:1}.cft-tr.cft-tr-selected .cft-td{background:#3b82f60d}.cft-tr:last-child{border-bottom:none}.cft-td{color:#334155;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;background:#fff;height:44px;padding:8px;font-size:13px;line-height:1.5;overflow:hidden}.cft-td.cft-td-checkbox{text-align:center!important;background:#fff!important;width:48px!important;min-width:48px!important;max-width:48px!important;padding:10px 12px!important}.cft-tr:hover .cft-td.cft-td-checkbox{background:#fafbfc!important}.cft-tr-selected .cft-td.cft-td-checkbox{background:#3b82f60d!important}.cft-td.cft-td-actions{text-align:center;z-index:5;background:#fff;position:sticky;right:0;box-shadow:-4px 0 8px #0000000f;width:80px!important;min-width:80px!important;max-width:80px!important}.cft-td.cft-td-actions:before{content:"";background:#f1f5f9;width:1px;position:absolute;top:0;bottom:0;left:0}.cft-tr:hover .cft-td.cft-td-actions{background:#fafbfc}.cft-tr-selected .cft-td.cft-td-actions{background:#3b82f60d}.cft-td.cft-td-spacer{min-width:50px;background:#fff!important;width:auto!important}.cft-tr:hover .cft-td.cft-td-spacer{background:#fafbfc!important}.cft-tr-selected .cft-td.cft-td-spacer{background:#3b82f60d!important}.cft-checkbox{justify-content:center;align-items:center;display:flex}.cft-checkbox-input{cursor:pointer;accent-color:#3b82f6;width:16px;height:16px;margin:0}.cft-th-content{align-items:center;gap:2px;min-width:0;padding-right:6px;display:flex;overflow:hidden}.cft-th-drag-handle{opacity:.3;color:#94a3b8;cursor:grab;flex-shrink:0;align-items:center;margin-right:2px;transition:opacity .15s;display:flex}.cft-th-drag-handle svg{width:12px;height:12px}.cft-th-drag-handle:hover{opacity:1}.cft-th-label{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;flex:1;min-width:40px;overflow:hidden}.cft-th-label:hover{color:#1e40af}.cft-th-sort-icon{color:#3b82f6;flex-shrink:0;align-items:center;display:flex}.cft-th-sort-icon svg{width:12px;height:12px}.cft-th-menu-btn{color:#9ca3af;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-left:2px;padding:0;transition:all .15s;display:flex}.cft-th-menu-btn svg{width:12px;height:12px}.cft-th-menu-btn:hover{color:#374151;opacity:1;background:#0000000d}.cft-th:hover .cft-th-menu-btn{opacity:1}.cft-th-drag-over{background:#3b82f61a!important}.cft-th-draggable{cursor:grab}.cft-th-draggable:active{cursor:grabbing}.cft-column-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:160px;padding:4px;animation:.15s cftMenuIn;box-shadow:0 10px 25px #0000001f;z-index:99999!important;position:fixed!important}@keyframes cftMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cft-column-menu-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;transition:all .15s;display:flex}.cft-column-menu-item svg{color:#6b7280;flex-shrink:0}.cft-column-menu-item:hover{color:#111827;background:#f3f4f6}.cft-column-menu-item:hover svg{color:#3b82f6}.cft-resize-handle{cursor:col-resize;z-index:10;width:6px;height:100%;position:absolute;top:0;right:0}.cft-resize-handle:after{content:"";background:0 0;border-radius:1px;width:2px;transition:background .15s;position:absolute;top:8px;bottom:8px;right:2px}.cft-resize-handle:hover:after{background:#3b82f6}.cft-row-actions{justify-content:center;align-items:center;display:flex;position:relative}.cft-row-delete-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.cft-row-delete-btn:hover{color:#dc2626;background:#fef2f2}.cft-cell-empty{color:#cbd5e1;font-size:12px;font-style:italic}.cft-cell-text{color:#334155;white-space:nowrap;text-overflow:ellipsis;line-height:1.5;display:block;overflow:hidden}.cft-cell-truncated{cursor:help}.cft-cell-number{color:#334155;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:500}.cft-cell-currency{color:#10b981;font-variant-numeric:tabular-nums;font-weight:600}.cft-cell-date{color:#64748b;font-size:13px}.cft-cell-tags{flex-wrap:nowrap;gap:4px;display:flex;overflow:hidden}.cft-tag{white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.cft-tag-sm{padding:2px 6px;font-size:10px}.cft-tag-more{color:#64748b!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important}.cft-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:10px;align-items:center;gap:3px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.cft-badge-success{color:#059669;background:#10b9811a}.cft-badge-muted{color:#94a3b8;background:#f1f5f9}.cft-copyable-cell{align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.cft-copyable-icon{color:#94a3b8;flex-shrink:0}.cft-copyable-link{color:#3b82f6;white-space:nowrap;text-overflow:ellipsis;min-width:0;text-decoration:none;overflow:hidden}.cft-copyable-link:hover{text-decoration:underline}.cft-copyable-text{color:#334155;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.cft-copy-btn{color:#94a3b8;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .2s;display:flex}.cft-copyable-cell:hover .cft-copy-btn{opacity:1}.cft-copy-btn:hover{color:#374151;background:#f1f5f9}.cft-copy-btn.cft-copy-success{opacity:1;color:#10b981}.cft-text-tooltip{color:#fff;word-wrap:break-word;white-space:normal;z-index:99999;background:#1e293b;border-radius:6px;max-width:350px;padding:8px 12px;font-size:13px;line-height:1.4;animation:.15s cftFadeIn;box-shadow:0 4px 12px #0003}@keyframes cftFadeIn{0%{opacity:0}to{opacity:1}}.cft-cell-thumbnail{object-fit:cover;cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;width:36px;height:36px;transition:transform .2s}.cft-cell-thumbnail:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001f}.cft-image-overlay{z-index:99999;background:#000000e6;justify-content:center;align-items:center;padding:40px;animation:.2s cftFadeIn;display:flex;position:fixed;inset:0}.cft-image-overlay-content{max-width:90vw;max-height:90vh;position:relative}.cft-image-overlay-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:-50px;right:0}.cft-image-overlay-close:hover{background:#fff3}.cft-image-overlay-img{border-radius:8px;max-width:100%;max-height:85vh;box-shadow:0 20px 40px #0006}.cft-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.cft-empty-icon{color:#94a3b8;background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.cft-empty-title{color:#1e293b;margin:0 0 6px;font-size:16px;font-weight:600}.cft-empty-description{color:#64748b;max-width:280px;margin:0;font-size:13px}@media (max-width:768px){.cft-th,.cft-td{padding:8px 10px;font-size:12px}.cft-th-menu-btn,.cft-row-menu-btn{opacity:1}}.cft-no-fields{background:linear-gradient(#fafbfc 0%,#fff 100%);border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;min-height:400px;padding:48px 24px;display:flex}.cft-no-fields-content{text-align:center;flex-direction:column;align-items:center;max-width:360px;display:flex}.cft-no-fields-icon{color:#6366f1;background:linear-gradient(135deg,#f0f4ff 0%,#e8f0fe 100%);border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.cft-no-fields-title{color:#111827;margin:0 0 8px;font-size:18px;font-weight:600}.cft-no-fields-description{color:#6b7280;margin:0 0 24px;font-size:14px;line-height:1.5}.cft-no-fields-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #6366f133}.cft-no-fields-btn:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}.cft-empty-table-body{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:center;align-items:center;padding:60px 24px;display:flex}.cft-empty-table-content{text-align:center;flex-direction:column;align-items:center;max-width:320px;display:flex}.cft-empty-table-icon{color:#94a3b8;margin-bottom:12px}.cft-empty-table-text{color:#475569;margin-bottom:4px;font-size:15px;font-weight:500}.cft-empty-table-subtext{color:#94a3b8;margin:0 0 16px;font-size:13px;line-height:1.4}.cft-empty-table-btn{color:#6366f1;cursor:pointer;background:#f0f4ff;border:1px solid #e0e7ff;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.cft-empty-table-btn:hover{color:#4f46e5;background:#e0e7ff;border-color:#c7d2fe}.cft-table-split-wrapper{position:relative}.cft-table-split-wrapper.cft-table-split-empty{min-height:300px}.cft-table-empty-overlay{z-index:15;background:#fafbfcf2;justify-content:center;align-items:center;display:flex;position:absolute;inset:42px 0 0}.cft-table-empty-overlay .cft-empty-table-body{background:0 0;border-top:none;padding:40px 24px}.cft-checkbox-input:disabled{opacity:.4;cursor:not-allowed}.cft-table-container{min-height:200px}.cft-table-wrapper{flex-direction:column;display:flex}.cft-table-with-freeze .cft-table-container{overflow:auto}.cft-table-sticky-freeze{border-collapse:separate!important;border-spacing:0!important}.cft-th-sticky{z-index:30!important;background:#f8fafc!important;position:sticky!important}.cft-th-sticky.cft-th-sticky-last:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000014,#0000);width:8px;position:absolute;top:0;bottom:0;right:-8px}.cft-td-sticky{z-index:10!important;background:#fff!important;position:sticky!important}.cft-tr:hover .cft-td-sticky{background:#f8fafc!important}.cft-tr-selected .cft-td-sticky{background:#3b82f60d!important}.cft-td-sticky.cft-td-sticky-last:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000000f,#0000);width:8px;position:absolute;top:0;bottom:0;right:-8px}.cft-th-sticky-right{z-index:30!important;background:#f8fafc!important;position:sticky!important;right:0!important}.cft-th-sticky-right:before{content:"";pointer-events:none;background:linear-gradient(270deg,#00000014,#0000);width:8px;position:absolute;top:0;bottom:0;left:-8px}.cft-td-sticky-right{z-index:10!important;background:#fff!important;position:sticky!important;right:0!important}.cft-tr:hover .cft-td-sticky-right{background:#f8fafc!important}.cft-tr-selected .cft-td-sticky-right{background:#3b82f60d!important}.cft-td-sticky-right:before{content:"";pointer-events:none;background:linear-gradient(270deg,#0000000f,#0000);width:8px;position:absolute;top:0;bottom:0;left:-8px}.cft-table-sticky-freeze .cft-tr{height:44px}.cft-table-sticky-freeze .cft-td{vertical-align:middle;box-sizing:border-box;height:44px}.cft-table-sticky-freeze .cft-th{vertical-align:middle;box-sizing:border-box;height:42px}.cft-th-sticky-last{border-right:2px solid #3b82f6!important}.cft-th-sticky-last:after{content:""!important;pointer-events:none!important;background:linear-gradient(90deg,#3b82f626,#0000)!important;width:8px!important;display:block!important;position:absolute!important;top:0!important;bottom:0!important;right:-8px!important}.cft-td-sticky-last{border-right:2px solid #3b82f6!important}.cft-td-sticky-last:after{content:""!important;pointer-events:none!important;background:linear-gradient(90deg,#3b82f61a,#0000)!important;width:8px!important;display:block!important;position:absolute!important;top:0!important;bottom:0!important;right:-8px!important}.cft-th-sticky,.cft-td-sticky,.cft-th-sticky.cft-th-sticky-last,.cft-th-sticky.cft-td-sticky-last,.cft-td-sticky.cft-th-sticky-last,.cft-td-sticky.cft-td-sticky-last{position:sticky!important}.cf-group-tabs-wrapper{background:var(--bg-primary);border-bottom:1px solid var(--border-light);flex-shrink:0;align-items:center;min-height:48px;padding:0 16px;display:flex;position:relative}@media (max-width:768px){.cf-group-tabs-wrapper{padding:0 12px}}.cf-group-scroll-btn{background:var(--bg-primary);border:1px solid var(--border-light);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;z-index:10;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 4px #0000000f}.cf-group-scroll-btn:hover{color:var(--color-navy);border-color:var(--color-navy);background:#f8fafc}.cf-group-scroll-btn.cf-scroll-left{left:4px}.cf-group-scroll-btn.cf-scroll-right{right:4px}.cf-group-tabs{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;align-items:center;gap:8px;padding:8px 0;display:flex;overflow-x:auto}.cf-group-tabs::-webkit-scrollbar{display:none}.cf-group-tab-container{flex-shrink:0;align-items:center;display:flex;position:relative}.cf-group-tab-container:hover .cf-tab-more-btn{opacity:1}.cf-group-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:20px;outline:none;flex-shrink:0;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.cf-group-tab:hover{color:var(--text-primary);background:#f1f5f9}.cf-group-tab.cf-tab-active{background:var(--color-navy);color:#fff;border-color:var(--color-navy)}.cf-group-tab.cf-tab-active .cf-tab-dot{border-color:#ffffff4d}.cf-group-tab.cf-tab-active .cf-tab-count{color:#fff;background:#fff3}.cf-tab-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cf-tab-dot.cf-dot-all{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899)}.cf-tab-name{text-overflow:ellipsis;max-width:120px;overflow:hidden}.cf-tab-count{min-width:20px;height:20px;color:var(--text-secondary);background:#e2e8f0;border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.cf-tab-add{border:2px dashed var(--border-light);color:var(--text-muted);gap:6px;padding:6px 12px}.cf-tab-add:hover{border-color:var(--color-navy);color:var(--color-navy);background:#1a32500a}@media (max-width:640px){.cf-tab-add .cf-tab-add-text{display:none}}.cf-tab-temporary{position:relative}.cf-tab-temporary:after{content:"";background:#f97316;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;right:-2px}.cf-tab-overflow{color:var(--text-secondary);background:#f1f5f9;border:1px solid #e2e8f0;gap:6px;padding:6px 12px}.cf-tab-overflow:hover{color:var(--text-primary);background:#e2e8f0;border-color:#cbd5e1}.cf-tab-overflow.cf-tab-overflow-active{background:var(--color-navy);color:#fff;border-color:var(--color-navy)}.cf-tab-overflow.cf-tab-overflow-active .cf-overflow-chevron{color:#fff}.cf-overflow-count-text{font-size:12px;font-weight:600}.cf-overflow-chevron{transition:transform .2s}.cf-overflow-chevron.cf-chevron-rotated{transform:rotate(180deg)}.cf-tab-more-btn{color:#9ca3af;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:4px;padding:0;transition:all .15s;display:flex}.cf-tab-more-btn:hover{color:#374151;opacity:1;background:#00000014}.cf-group-tab-container:hover .cf-tab-more-btn{opacity:1;color:#6b7280}.cf-group-tab-container:has(.cf-tab-active) .cf-tab-more-btn{opacity:1!important;color:#fffc!important}.cf-group-tab-container:has(.cf-tab-active) .cf-tab-more-btn:hover{background:#fff3;color:#fff!important}.cf-tab-active+.cf-tab-more-btn{opacity:1!important;color:#fffc!important}.cf-tab-active+.cf-tab-more-btn:hover{background:#fff3;color:#fff!important}.cf-tab-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:170px;padding:4px;animation:.15s cf-dropdown-in;box-shadow:0 10px 40px #00000026}.cf-tab-dropdown-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.cf-tab-dropdown-item svg{color:#64748b}.cf-tab-dropdown-item:hover{background:#f8fafc}.cf-tab-dropdown-item:hover svg{color:var(--color-navy)}.cf-tab-dropdown-item.cf-dropdown-danger,.cf-tab-dropdown-item.cf-dropdown-danger svg{color:#dc2626}.cf-tab-dropdown-item.cf-dropdown-danger:hover{background:#fef2f2}.cf-tab-dropdown-divider{background:#f1f5f9;height:1px;margin:4px 0}.cf-overflow-backdrop{z-index:99998;touch-action:none;background:#00000005;position:fixed;inset:0;overflow:hidden}.cf-overflow-dropdown{z-index:99999;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:320px;max-width:calc(100vw - 32px);max-height:420px;animation:.15s cf-dropdown-in;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000026}.cf-overflow-search{border-bottom:1px solid #f1f5f9;flex-shrink:0;align-items:center;gap:8px;padding:12px;display:flex}.cf-overflow-search svg{color:#94a3b8;flex-shrink:0}.cf-overflow-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.cf-overflow-search input::placeholder{color:#94a3b8}.cf-overflow-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;flex:1;min-height:80px;max-height:300px;padding:8px;overflow:hidden scroll!important}.cf-overflow-list::-webkit-scrollbar{width:8px;display:block!important}.cf-overflow-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.cf-overflow-list::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:4px}.cf-overflow-list::-webkit-scrollbar-thumb:hover{background:#64748b}.cf-overflow-item{border-radius:8px;align-items:center;gap:4px;margin-bottom:2px;padding:4px;transition:background .15s;display:flex}.cf-overflow-item:hover{background:#f8fafc}.cf-overflow-item:hover .cf-overflow-menu-btn,.cf-overflow-item:hover .cf-overflow-pin-btn:not(.cf-pin-active){opacity:1}.cf-overflow-item.cf-overflow-item-active{background:#1a325014}.cf-overflow-item.cf-overflow-item-active .cf-overflow-name{color:var(--color-navy);font-weight:600}.cf-overflow-item.cf-overflow-item-active .cf-overflow-menu-btn{opacity:1}.cf-overflow-item.cf-overflow-item-dragging{background:#fff;box-shadow:0 4px 12px #00000026}.cf-overflow-drag-handle{color:#cbd5e1;cursor:grab;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.cf-overflow-drag-handle:hover{color:#94a3b8;background:#f1f5f9}.cf-overflow-drag-handle.cf-drag-disabled{cursor:default;opacity:.4}.cf-overflow-drag-handle.cf-drag-disabled:hover{color:#cbd5e1;background:0 0}.cf-overflow-item-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;flex:1;align-items:center;gap:10px;min-width:0;padding:8px 6px;transition:background .15s;display:flex}.cf-overflow-item-btn:hover{background:#f1f5f9}.cf-overflow-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cf-overflow-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.cf-overflow-count{color:var(--text-muted);text-align:center;background:#f1f5f9;border-radius:10px;flex-shrink:0;min-width:28px;padding:2px 8px;font-size:11px;font-weight:600}.cf-overflow-menu-btn{color:#94a3b8;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.cf-overflow-menu-btn:hover{color:#64748b;background:#e2e8f0}.cf-overflow-pin-btn{color:#94a3b8;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.cf-overflow-pin-btn:hover{color:#3b82f6;background:#dbeafe}.cf-overflow-pin-btn.cf-pin-active{color:#3b82f6;opacity:1!important}.cf-overflow-pin-btn.cf-pin-active:hover{color:#dc2626;background:#fee2e2}.cf-overflow-item:hover .cf-overflow-pin-btn,.cf-overflow-item:hover .cf-overflow-menu-btn,.cf-overflow-item-active .cf-overflow-pin-btn,.cf-overflow-item-active .cf-overflow-menu-btn{opacity:1}.cf-overflow-empty{text-align:center;color:var(--text-muted);padding:24px;font-size:13px}.cf-overflow-footer{border-top:1px solid #f1f5f9;padding:8px}.cf-overflow-manage-btn{width:100%;color:var(--text-secondary);cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.cf-overflow-manage-btn:hover{color:var(--color-navy);border-color:var(--color-navy);background:#f1f5f9}.cf-overflow-manage-btn:hover svg{color:var(--color-navy)}.cf-overflow-manage-btn svg{color:#94a3b8}.cf-submenu-backdrop{z-index:100000;background:0 0;position:fixed;inset:0}.cf-overflow-submenu{z-index:100001;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:160px;padding:4px;animation:.12s cf-dropdown-in;box-shadow:0 8px 30px #00000026}.cf-submenu-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.cf-submenu-item svg{color:#64748b}.cf-submenu-item:hover{background:#f8fafc}.cf-submenu-item:hover svg{color:var(--color-navy)}.cf-submenu-item.cf-submenu-danger,.cf-submenu-item.cf-submenu-danger svg{color:#dc2626}.cf-submenu-item.cf-submenu-danger:hover{background:#fef2f2}.cf-submenu-divider{background:#f1f5f9;height:1px;margin:4px 0}.cf-dropdown-backdrop{z-index:9998;background:0 0;position:fixed;inset:0}.cf-group-dropdown{border:1px solid var(--border-light);z-index:9999;background:#fff;border-radius:10px;min-width:160px;padding:4px;animation:.15s cf-dropdown-in;box-shadow:0 8px 30px #00000026}.cf-group-dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.cf-group-dropdown-item svg{width:14px;height:14px;color:var(--text-secondary)}.cf-group-dropdown-item:hover{background:#f8fafc}.cf-group-dropdown-item:hover svg{color:var(--color-navy)}.cf-group-dropdown-item.cf-dropdown-danger,.cf-group-dropdown-item.cf-dropdown-danger svg{color:#dc2626}.cf-group-dropdown-item.cf-dropdown-danger:hover{background:#fef2f2}.cf-group-dropdown-divider{background:var(--border-light);height:1px;margin:4px 0}@keyframes cf-dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cf-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.2s cf-fade-in;display:flex;position:fixed;inset:0}@media (max-width:768px){.cf-modal-overlay{padding:16px}}.cf-modal-overlay.cf-modal-top{z-index:10000}.cf-modal-overlay.cf-modal-top .cf-modal{z-index:10001}.cf-modal{background:var(--bg-primary);border-radius:var(--radius-xl);z-index:9999;flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.3s cf-modal-in;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (max-width:768px){.cf-modal{border-radius:var(--radius-lg);max-width:95vw;max-height:95vh}}.cf-modal-lg{max-width:650px}.cf-modal-xl{max-width:900px}.cf-modal-header{border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cf-modal-title{font-size:18px;font-weight:var(--font-weight-bold);color:var(--text-primary);align-items:center;gap:10px;margin:0;display:flex}.cf-modal-close{background:var(--bg-secondary);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.cf-modal-close:hover{background:var(--color-navy);color:#fff}.cf-modal-close:disabled{opacity:.5;cursor:not-allowed}.cf-modal-body{flex:1;min-height:0;padding:20px;overflow-y:auto}.cf-modal-body::-webkit-scrollbar{width:6px}.cf-modal-body::-webkit-scrollbar-track{background:0 0}.cf-modal-body::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.cf-modal-description{color:var(--text-secondary);margin:0 0 16px;font-size:14px;line-height:1.5}.cf-modal-footer{border-top:1px solid var(--border-light);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 20px;display:flex}.cf-modal-footer-hint{color:var(--text-muted);margin-right:auto;font-size:13px}.cf-inline-confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;border-radius:var(--radius-xl);background:#000000b3;justify-content:center;align-items:center;animation:.15s cf-fade-in;display:flex;position:absolute;inset:0}.cf-inline-confirm{background:var(--bg-primary);border-radius:var(--radius-lg);text-align:center;background-color:#fff;border-radius:12px;width:90%;max-width:320px;padding:24px;animation:.2s cf-modal-in;box-shadow:0 20px 40px #0000004d}.cf-inline-confirm .cf-confirm-icon{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 12px;display:flex}.cf-inline-confirm .cf-confirm-icon.cf-confirm-danger{color:#dc2626;background:#fef2f2}.cf-inline-confirm .cf-confirm-icon svg{width:24px;height:24px}.cf-inline-confirm .cf-confirm-title{color:#1a1a1a;margin:0 0 6px;font-size:16px;font-weight:600}.cf-inline-confirm .cf-confirm-message{color:#666;margin:0 0 16px;font-size:13px;line-height:1.5}.cf-confirm-actions{justify-content:center;align-items:center;gap:10px;display:flex}.cf-confirm-dialog{text-align:center;padding:16px 0}.cf-confirm-icon{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;display:flex}.cf-confirm-icon svg{width:28px;height:28px}.cf-confirm-icon.cf-confirm-danger{color:#dc2626;background:#dc26261a}.cf-confirm-title{font-size:18px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 8px}.cf-confirm-message{color:var(--text-secondary);max-width:340px;margin:0 auto;font-size:14px;line-height:1.5}.cf-field-list-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 0;display:flex}.cf-field-select-all{align-items:center;gap:10px;display:flex}.cf-field-count{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--text-muted)}.cf-field-list{flex-direction:column;gap:6px;max-height:400px;display:flex;overflow-y:auto}.cf-field-item{background:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid #0000;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.cf-field-item:hover{background:var(--bg-tertiary)}.cf-field-item.cf-field-item-selected{border-color:var(--color-navy);background:#1a32500f}.cf-field-item-checkbox{flex-shrink:0}.cf-field-item-name{font-size:14px;font-weight:var(--font-weight-medium);color:var(--text-primary)}.cf-field-item-type{font-size:11px;font-weight:var(--font-weight-medium);color:var(--text-muted);background:var(--bg-primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;padding:3px 8px}.cf-field-item:hover .cf-field-item-actions,.cf-field-item-selected .cf-field-item-actions{opacity:1}.cf-groups-manager{flex-direction:column;gap:16px;display:flex}.cf-group-add-section{background:var(--bg-secondary);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:14px;display:flex}.cf-group-colors-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cf-group-add-row{gap:10px;display:flex}.cf-group-add-row .cf-form-input{flex:1}.cf-group-edit-section{border:2px solid var(--color-navy);border-radius:var(--radius-lg);background:#1a32500a;padding:14px;animation:.2s cf-fade-in}.cf-group-edit-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cf-group-edit-label{color:var(--text-secondary);font-size:12px}.cf-group-edit-label strong{color:var(--color-navy);font-weight:var(--font-weight-bold)}.cf-group-edit-cancel{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.cf-group-edit-cancel:hover{background:var(--bg-secondary);color:var(--text-primary)}.cf-group-edit-form{flex-direction:column;gap:10px;display:flex}.cf-group-edit-colors{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cf-group-edit-input-row{gap:10px;display:flex}.cf-group-edit-input-row .cf-form-input{flex:1}.cf-groups-list-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 0;display:flex}.cf-groups-select-all{align-items:center;gap:10px;display:flex}.cf-groups-count{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--text-muted)}.cf-groups-list{flex-direction:column;gap:6px;max-height:250px;display:flex;overflow-y:auto}.cf-groups-list::-webkit-scrollbar{width:6px}.cf-groups-list::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.cf-group-item{background:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid #0000;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.cf-group-item:hover{background:var(--bg-tertiary)}.cf-group-item:hover .cf-group-actions{opacity:1}.cf-group-item.cf-group-highlighted,.cf-group-item.cf-group-selected{border-color:var(--color-navy);background:#1a32500f}.cf-group-item.cf-group-selected .cf-group-actions{opacity:1}.cf-group-checkbox{flex-shrink:0}.cf-group-drag-handle{color:var(--text-muted);cursor:grab}.cf-group-drag-handle:active{cursor:grabbing}.cf-group-color-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.cf-group-info{flex:1;min-width:0}.cf-group-title{font-size:14px;font-weight:var(--font-weight-medium);color:var(--text-primary)}.cf-group-actions{opacity:0;align-items:center;gap:4px;transition:opacity .15s;display:flex}.cf-group-action-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.cf-group-action-btn:hover{background:var(--bg-primary);color:var(--color-navy)}.cf-group-action-btn.cf-action-active{background:var(--color-navy);color:#fff}.cf-group-action-btn.cf-action-delete:hover{color:#dc2626;background:#fef2f2}.cf-checkbox-input{cursor:pointer;width:16px;height:16px;accent-color:var(--color-navy)}.cf-btn-ghost{color:var(--text-muted);background:0 0;border:none}.cf-btn-ghost:hover{background:var(--bg-tertiary);color:var(--color-navy)}.cf-empty-sm{text-align:center;color:var(--text-muted);padding:32px 20px}.cf-empty-sm p{margin:0;font-size:14px;line-height:1.5}.cf-empty-small{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.cf-empty-small p{margin:0;font-size:13px}.cf-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.6s linear infinite cf-spin;display:inline-block}@keyframes cf-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes cf-modal-in{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.cf-export-icon,.cf-import-icon{width:48px;height:48px;color:var(--text-muted);justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.cf-export-title,.cf-import-title{color:var(--text-primary);text-align:center;margin:0 0 8px;font-size:18px;font-weight:600}.cf-export-desc,.cf-import-desc{color:var(--text-secondary);text-align:center;margin:0 0 20px;font-size:14px}.cf-export-formats{justify-content:center;gap:10px;display:flex}.cf-format-btn{background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;border:2px solid #0000;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.cf-format-btn:hover{background:var(--bg-tertiary)}.cf-format-btn.cf-format-active{border-color:var(--color-navy);color:var(--color-navy);background:#1a32500f}.cf-import-dropzone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:32px 20px;transition:all .2s}.cf-import-dropzone:hover,.cf-import-dropzone.cf-dropzone-active{border-color:var(--color-navy);background:#1a325005}.cf-dropzone-icon{color:var(--text-muted);margin-bottom:12px}.cf-dropzone-text{color:var(--text-secondary);margin:0 0 4px;font-size:14px}.cf-dropzone-text strong{color:var(--color-navy)}.cf-dropzone-hint{color:var(--text-muted);font-size:12px}.cf-import-file-selected{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 16px;display:flex}.cf-file-icon{color:#3b82f6;border-radius:var(--radius-md);background:#3b82f61a;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cf-file-info{flex:1;min-width:0}.cf-file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;display:block;overflow:hidden}.cf-file-size{color:var(--text-muted);font-size:12px}.cf-file-remove{width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.cf-file-remove:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cf-import-error{color:#dc2626;border-radius:var(--radius-md);background:#fef2f2;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;font-size:13px;display:flex}.cf-import-preview{background:var(--bg-secondary);border-radius:var(--radius-md);justify-content:center;gap:24px;margin-top:16px;padding:16px;display:flex}.cf-preview-stat{text-align:center}.cf-preview-number{color:var(--color-navy);font-size:24px;font-weight:700;display:block}.cf-preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.cf-import-mode-box{border-radius:var(--radius-md);color:#059669;background:#10b98114;border:1px solid #10b98133;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.cf-import-mode-box .cf-import-mode-check{color:#10b981}.cf-color-picker{margin-bottom:16px}.cf-color-picker-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.cf-color-grid{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.cf-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:relative}.cf-color-swatch:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.cf-color-swatch.cf-color-selected{border-color:var(--color-navy,#1a3250);box-shadow:0 0 0 2px #1a325033}.cf-color-swatch.cf-color-selected:hover{transform:scale(1.05)}.cf-color-swatch .cf-color-check{color:#fff;filter:drop-shadow(0 1px 2px #0000004d)}.cf-color-custom{position:relative}.cf-color-custom .cf-color-pipette{color:#fff;filter:drop-shadow(0 1px 2px #00000080)}.cf-color-custom:after{content:"";background:inherit;z-index:-1;border-radius:6px;position:absolute;inset:2px}.cf-color-input-hidden{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.cf-color-custom-row{border:1px solid var(--border-light,#e5e7eb);background:#f8fafc;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.cf-color-preview{border:2px solid #0000001a;border-radius:8px;flex-shrink:0;width:36px;height:36px;box-shadow:inset 0 1px 3px #0000001a}.cf-color-hex-input{color:var(--text-primary);border:1px solid var(--border-light,#e5e7eb);text-transform:uppercase;letter-spacing:1px;background:#fff;border-radius:6px;flex:1;padding:8px 12px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:14px}.cf-color-hex-input:focus{border-color:var(--color-primary,#3b82f6);outline:none;box-shadow:0 0 0 3px #3b82f61a}.cf-color-hex-input::placeholder{color:var(--text-muted);text-transform:none;letter-spacing:normal}.cf-group-colors-row{display:none}.cf-group-color-swatch-sm{cursor:pointer;border:2px solid #0000;border-radius:6px;width:24px;height:24px;transition:all .15s}.cf-group-color-swatch-sm:hover{transform:scale(1.1)}.cf-group-color-swatch-sm.cf-color-active{border-color:var(--color-navy,#1a3250);box-shadow:0 0 0 2px #1a325033}.cf-group-edit-colors{display:none}@media (max-width:480px){.cf-color-grid{gap:6px}.cf-color-swatch{border-radius:6px;width:28px;height:28px}.cf-color-custom-row{padding:8px 10px}.cf-color-preview{width:32px;height:32px}}.cf-import-info-box{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-md);align-items:center;gap:8px;margin:12px 0;padding:10px 12px;font-size:12px;display:flex}.cf-import-info-box svg{color:var(--text-muted);flex-shrink:0}.cf-import-info-box.cf-import-info-warning{color:#92400e;background:#fef3c7}.cf-import-info-box.cf-import-info-warning svg{color:#f59e0b}.cf-import-field-errors{border-radius:var(--radius-lg);background:#fef2f2;border:1px solid #fecaca;margin:16px 0;padding:14px}.cf-field-errors-header{color:#dc2626;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.cf-field-errors-header svg{color:#dc2626;flex-shrink:0}.cf-field-errors-desc{color:#991b1b;margin-bottom:10px;font-size:12px;line-height:1.5}.cf-field-errors-list{flex-wrap:wrap;gap:6px;display:flex}.cf-field-error-tag{color:#dc2626;background:#fff;border:1px solid #fecaca;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.cf-import-preview-success{border-radius:var(--radius-lg);background:#ecfdf5;border:1px solid #a7f3d0;align-items:center;gap:16px;margin-top:16px;padding:16px;display:flex}.cf-preview-check{color:#10b981;flex-shrink:0}.cf-modal-md{max-width:520px}body.cf-modal-open{width:100%;height:100%;position:fixed;overflow:hidden}.cf-import-validating{border-radius:var(--radius-md);color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;font-size:13px;display:flex}.cf-preview-badge{color:#166534;text-transform:uppercase;letter-spacing:.3px;background:#dcfce7;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.cf-preview-badge svg{width:12px;height:12px}.cf-import-preview-success{border-radius:var(--radius-lg);background:#ecfdf5;border:1px solid #a7f3d0;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:16px;padding:16px;display:flex}.cfe-page{background:#f8fafc;min-height:100vh}.cfe-header{z-index:40;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}@media (max-width:768px){.cfe-header{flex-wrap:wrap;padding:12px 16px}}.cfe-header-left{align-items:center;gap:12px;display:flex}.cfe-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cfe-back-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.cfe-back-btn:hover{color:#fff;background:#1a3250;border-color:#1a3250}.cfe-title{color:#111827;margin:0;font-size:16px;font-weight:600}.cfe-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.cfe-btn:disabled{opacity:.6;cursor:not-allowed}.cfe-btn-primary{color:#fff;background:#1a3250;border-color:#1a3250}.cfe-btn-primary:hover:not(:disabled){background:#14263d}.cfe-btn-secondary{color:#111827;background:#fff;border-color:#e5e7eb}.cfe-btn-secondary:hover:not(:disabled){color:#1a3250;border-color:#1a3250}.cfe-btn-danger{color:#dc2626;background:#fff;border-color:#e5e7eb}.cfe-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#fecaca}.cfe-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite cfe-spin}@keyframes cfe-spin{to{transform:rotate(360deg)}}.cfe-main{max-width:960px;margin:0 auto;padding:24px}@media (max-width:768px){.cfe-main{padding:16px}}.cfe-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.cfe-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:640px){.cfe-form-grid{grid-template-columns:1fr}}.cfe-field{flex-direction:column;gap:6px;display:flex}.cfe-field.full{grid-column:1/-1}.cfe-field.has-error .cfe-input,.cfe-field.has-error .cfe-select-btn,.cfe-field.has-error .cfe-multiselect-btn,.cfe-field.has-error .cfe-image-upload{border-color:#fca5a5!important}.cfe-field-label{color:#111827;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.cfe-field-icon{color:#1a3250;background:#1a32500f;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.cfe-required{color:#dc2626;margin-left:2px}.cfe-field-error{color:#dc2626;align-items:center;gap:4px;font-size:12px;display:flex}.cfe-field-value{color:#111827;background:#f9fafb;border-radius:8px;align-items:center;min-height:40px;padding:10px 12px;font-size:14px;display:flex}.cfe-empty-value{color:#9ca3af}.cfe-input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .15s}.cfe-input::placeholder{color:#9ca3af}.cfe-input:focus{border-color:#1a3250;outline:none;box-shadow:0 0 0 3px #1a325014}.cfe-input:disabled{cursor:not-allowed;background:#f9fafb}.cfe-input.error{border-color:#fca5a5}.cfe-textarea{resize:vertical;min-height:100px;line-height:1.5}.cfe-input-group{align-items:stretch;display:flex}.cfe-input-group .cfe-input-prefix{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-right:none;border-radius:8px 0 0 8px;align-items:center;padding:0 12px;font-size:14px;display:flex}.cfe-input-group .cfe-input{border-radius:0 8px 8px 0}.cfe-input-group.error .cfe-input-prefix{border-color:#fca5a5}.cfe-select,.cfe-multiselect{width:100%;position:relative}.cfe-select-btn,.cfe-multiselect-btn{color:#111827;cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.cfe-select-btn:hover:not(:disabled),.cfe-multiselect-btn:hover:not(:disabled){border-color:#1a3250}.cfe-select-btn:disabled,.cfe-multiselect-btn:disabled{cursor:not-allowed;background:#f9fafb}.cfe-select-value{align-items:center;gap:8px;display:flex}.cfe-select-placeholder{color:#9ca3af}.cfe-select-arrow{color:#9ca3af;flex-shrink:0;transition:transform .15s}.cfe-select-arrow.open{transform:rotate(180deg)}.cfe-select-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cfe-select-menu{z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:240px;position:fixed;overflow-y:auto;box-shadow:0 10px 40px #0000001f}.cfe-select-option{color:#111827;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;transition:background .1s;display:flex}.cfe-select-option:hover{background:#f3f4f6}.cfe-select-option.selected{color:#1a3250;background:#1a32500f;font-weight:500}.cfe-select-option svg{color:#1a3250;margin-left:auto}.cfe-multiselect-tags{flex-wrap:wrap;flex:1;gap:4px;display:flex}.cfe-checkbox-box{background:#fff;border:1px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.selected .cfe-checkbox-box{color:#fff;background:#1a3250;border-color:#1a3250}.cfe-tag{white-space:nowrap;border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.cfe-tag-more{color:#6b7280!important;background:#e5e7eb!important}.cfe-tags{flex-wrap:wrap;gap:6px;display:flex}.cfe-toggle{cursor:pointer;align-items:center;gap:10px;display:flex}.cfe-toggle input{display:none}.cfe-toggle input:checked+.cfe-toggle-track{background:#1a3250}.cfe-toggle input:checked+.cfe-toggle-track .cfe-toggle-thumb{transform:translate(18px)}.cfe-toggle-track{background:#d1d5db;border-radius:24px;width:42px;height:24px;transition:background .15s;position:relative}.cfe-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000001a}.cfe-toggle-label{color:#111827;font-size:14px}.cfe-image-upload{cursor:pointer;background:#fafafa;border:2px dashed #d1d5db;border-radius:8px;transition:all .2s;overflow:hidden}.cfe-image-upload:hover{background:#1a32500f;border-color:#1a3250}.cfe-image-upload.has-preview{cursor:default;background:#fff;border-style:solid;border-color:#e5e7eb}.cfe-image-upload.has-preview:hover{background:#fff}.cfe-image-placeholder{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 16px;transition:all .2s;display:flex}.cfe-image-placeholder .cfe-image-placeholder-icon{color:#1a3250;background:#1a32500f;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;transition:all .2s;display:flex}.cfe-image-placeholder span{color:#111827;font-size:14px;font-weight:500}.cfe-image-placeholder small{color:#9ca3af;font-size:12px}.cfe-image-upload:hover .cfe-image-placeholder .cfe-image-placeholder-icon{color:#fff;background:#1a3250;transform:scale(1.05)}.cfe-image-preview-enhanced{flex-direction:column;display:flex;position:relative}.cfe-image-preview-enhanced>img{object-fit:contain;background:#f9fafb;width:100%;max-height:200px;padding:16px}.cfe-image-actions-bar{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:flex}.cfe-image-action-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.cfe-image-action-btn:hover{color:#1a3250;background:#1a32500f;border-color:#1a3250}.cfe-image-action-btn.cfe-image-action-btn-danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}@media (max-width:640px){.cfe-image-action-btn span{display:none}}.cfe-cropper-overlay{z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.2s cfe-lightbox-fadein;display:flex;position:fixed;inset:0}.cfe-cropper-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0000004d}.cfe-cropper-header{border-bottom:1px solid #e5e7eb;padding:16px 20px}.cfe-cropper-header h3{color:#111827;margin:0 0 4px;font-size:16px;font-weight:600}.cfe-cropper-header span{color:#9ca3af;font-size:12px}.cfe-cropper-toolbar{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:center;align-items:center;gap:8px;padding:12px 20px;display:flex}.cfe-cropper-zoom{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.cfe-cropper-zoom button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.cfe-cropper-zoom button:hover:not(:disabled){color:#1a3250;background:#f3f4f6}.cfe-cropper-zoom button:disabled{opacity:.4;cursor:not-allowed}.cfe-cropper-zoom span{text-align:center;color:#111827;min-width:50px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:500}.cfe-cropper-container{background:#1a1a1a;flex:1;justify-content:center;align-items:center;min-height:300px;max-height:500px;display:flex;position:relative;overflow:hidden}.cfe-cropper-image-wrapper{transition:transform .15s;display:inline-block;position:relative}.cfe-cropper-image-wrapper img{-webkit-user-select:none;user-select:none;max-width:100%;max-height:450px;display:block}.cfe-cropper-overlay-mask{pointer-events:none;position:absolute;inset:0}.cfe-cropper-overlay-mask:before{content:"";background:#0009;position:absolute;inset:0}.cfe-cropper-cutout{position:absolute;box-shadow:0 0 0 9999px #0009}.cfe-cropper-selection{cursor:move;border:2px solid #fff;position:absolute;box-shadow:0 0 0 1px #0000004d,inset 0 0 0 1px #ffffff4d}.cfe-cropper-handle{background:#fff;border:2px solid #1a3250;border-radius:2px;width:12px;height:12px;position:absolute}.cfe-cropper-handle.nw{cursor:nw-resize;top:-6px;left:-6px}.cfe-cropper-handle.ne{cursor:ne-resize;top:-6px;right:-6px}.cfe-cropper-handle.sw{cursor:sw-resize;bottom:-6px;left:-6px}.cfe-cropper-handle.se{cursor:se-resize;bottom:-6px;right:-6px}.cfe-cropper-handle.n{cursor:n-resize;top:-6px;left:50%;transform:translate(-50%)}.cfe-cropper-handle.s{cursor:s-resize;bottom:-6px;left:50%;transform:translate(-50%)}.cfe-cropper-handle.e{cursor:e-resize;top:50%;right:-6px;transform:translateY(-50%)}.cfe-cropper-handle.w{cursor:w-resize;top:50%;left:-6px;transform:translateY(-50%)}.cfe-cropper-grid{pointer-events:none;position:absolute;inset:0}.cfe-cropper-grid-line{background:#ffffff4d;position:absolute}.cfe-cropper-grid-line.horizontal{height:1px;left:0;right:0}.cfe-cropper-grid-line.vertical{width:1px;top:0;bottom:0}.cfe-cropper-actions{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.cfe-image-view{cursor:zoom-in;border-radius:8px;display:inline-block;position:relative;overflow:hidden}.cfe-image-view .cfe-image-thumb{object-fit:cover;border-radius:8px;max-width:160px;max-height:100px;transition:transform .2s,filter .2s}.cfe-image-view:hover .cfe-image-thumb{filter:brightness(.95);transform:scale(1.02)}.cfe-image-view-overlay{color:#fff;opacity:0;background:#1a3250b3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:500;transition:opacity .2s;display:flex;position:absolute;inset:0}.cfe-image-view:hover .cfe-image-view-overlay{opacity:1}.cfe-image-thumb{object-fit:cover;border-radius:6px;max-width:120px;max-height:80px}.cfe-lightbox-overlay{z-index:10000;background:#000000eb;flex-direction:column;animation:.2s cfe-lightbox-fadein;display:flex;position:fixed;inset:0}@keyframes cfe-lightbox-fadein{0%{opacity:0}to{opacity:1}}.cfe-lightbox-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.cfe-lightbox-toolbar button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.cfe-lightbox-toolbar button:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.cfe-lightbox-toolbar button:disabled{opacity:.4;cursor:not-allowed}.cfe-lightbox-zoom{background:#ffffff0d;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.cfe-lightbox-scale{text-align:center;color:#ffffffe6;min-width:60px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:500}.cfe-lightbox-divider{background:#ffffff26;width:1px;height:24px;margin:0 8px}.cfe-lightbox-close{background:#dc262633!important;border-color:#dc26264d!important}.cfe-lightbox-close:hover:not(:disabled){background:#dc262666!important;border-color:#dc262680!important}.cfe-lightbox-container{flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden}.cfe-lightbox-image{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:8px;max-width:90vw;max-height:80vh;box-shadow:0 20px 60px #00000080}.cfe-lightbox-hints{color:#ffffff80;justify-content:center;align-items:center;gap:12px;padding:12px;font-size:12px;display:flex}.cfe-lightbox-hints span:not(:nth-child(2)):not(:nth-child(4)){background:#ffffff1a;border-radius:20px;padding:4px 10px}.cfe-add-field{cursor:pointer;color:#9ca3af;border:2px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px;transition:all .15s;display:flex}.cfe-add-field:hover{color:#1a3250;background:#1a32500f;border-color:#1a3250}.cfe-add-field span{font-size:13px;font-weight:500}.cfe-empty{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;padding:60px 24px;display:flex}.cfe-empty svg{color:#1a3250;margin-bottom:16px}.cfe-empty h3{color:#111827;margin:0 0 4px;font-size:16px;font-weight:600}.cfe-empty p{color:#6b7280;margin:0 0 20px;font-size:13px}.cfe-entry-dropdown,.cfe-group-dropdown{position:relative}.cfe-entry-dropdown-btn,.cfe-group-dropdown-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.cfe-entry-dropdown-btn:hover:not(:disabled),.cfe-group-dropdown-btn:hover:not(:disabled){color:#1a3250;border-color:#1a3250}.cfe-entry-dropdown-btn svg.open,.cfe-group-dropdown-btn svg.open{transform:rotate(180deg)}.cfe-placeholder{color:#9ca3af}.cfe-group-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cfe-entry-dropdown-menu,.cfe-group-dropdown-menu{z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:200px;position:fixed;overflow:hidden;box-shadow:0 10px 40px #0000001f}.cfe-entry-dropdown-search{border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:10px 12px;display:flex}.cfe-entry-dropdown-search svg{color:#9ca3af;flex-shrink:0}.cfe-entry-dropdown-search input{border:none;outline:none;flex:1;font-size:13px}.cfe-entry-dropdown-search input::placeholder{color:#9ca3af}.cfe-entry-dropdown-list{max-height:200px;overflow-y:auto}.cfe-entry-dropdown-item,.cfe-group-dropdown-item{color:#111827;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;transition:background .1s;display:flex}.cfe-entry-dropdown-item:hover,.cfe-group-dropdown-item:hover{background:#f3f4f6}.cfe-entry-dropdown-item.active,.cfe-group-dropdown-item.active{color:#1a3250;background:#1a32500f;font-weight:500}.cfe-entry-dropdown-item svg,.cfe-group-dropdown-item svg{color:#1a3250;margin-left:auto}.cfe-entry-dropdown-empty{text-align:center;color:#9ca3af;padding:20px;font-size:13px}.cfe-group-badge{color:#111827;background:#f3f4f6;border-radius:20px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.cfe-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.cfe-badge.green{color:#166534;background:#dcfce7}.cfe-badge.gray{color:#6b7280;background:#f3f4f6}.cfe-link{color:#3b82f6;text-decoration:none}.cfe-link:hover{text-decoration:underline}.cfe-text-long{white-space:pre-wrap;margin:0;line-height:1.5}.cfe-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cfe-modal{background:#fff;border-radius:12px;width:100%;max-width:400px;overflow:hidden}.cfe-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cfe-modal-header h2{margin:0;font-size:16px;font-weight:600}.cfe-modal-header button{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cfe-modal-header button:hover{background:#f3f4f6}.cfe-modal-body{text-align:center;padding:24px 20px}.cfe-modal-body p{color:#6b7280;margin:0;font-size:14px}.cfe-modal-icon{margin-bottom:16px}.cfe-modal-icon.danger{color:#dc2626}.cfe-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.cf-field-selector{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:12px;overflow:hidden}.cf-field-selector-header{cursor:pointer;background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.cf-field-selector-header:hover{background:#f3f4f6}.cf-field-selector-title{color:#374151;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.cf-field-selector-title svg{color:#6b7280}.cf-field-selector-count{color:#9ca3af;background:#e5e7eb;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500}.cf-field-selector-actions{align-items:center;gap:8px;display:flex}.cf-link-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;font-weight:500}.cf-link-btn:hover{background:#eff6ff}.cf-separator{color:#d1d5db;font-size:12px}.cf-field-selector-search{background:#fff;border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;padding:10px 14px;display:flex}.cf-field-selector-search svg{color:#9ca3af;flex-shrink:0}.cf-field-selector-search input{color:#374151;background:0 0;border:none;outline:none;flex:1;font-size:13px}.cf-field-selector-search input::placeholder{color:#9ca3af}.cf-field-selector-list{max-height:280px;padding:8px;overflow-y:auto}.cf-field-selector-empty{text-align:center;color:#9ca3af;padding:20px;font-size:13px}.cf-folder-group{margin-bottom:8px}.cf-folder-group:last-child{margin-bottom:0}.cf-folder-row{border-radius:6px;align-items:center;gap:6px;padding:6px 8px;display:flex}.cf-folder-row:hover{background:#f9fafb}.cf-checkbox-input-hidden{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.cf-folder-checkbox-label{cursor:pointer;align-items:center;display:flex;position:relative}.cf-checkbox-box{color:#fff;background:#fff;border:2px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;transition:all .15s;display:flex}.cf-checkbox-box.checked,.cf-checkbox-box.partial{background:#3b82f6;border-color:#3b82f6}.cf-checkbox-box:hover{border-color:#3b82f6}.cf-checkbox-dash{background:#fff;border-radius:1px;width:8px;height:2px}.cf-folder-toggle-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;flex:1;align-items:center;gap:6px;padding:4px 8px;display:flex}.cf-folder-toggle-btn:hover{background:#f3f4f6}.cf-folder-toggle-btn svg{color:#6b7280;flex-shrink:0}.cf-folder-icon-blue{color:#3b82f6!important}.cf-folder-name-text{color:#374151;flex:1;font-size:14px;font-weight:600}.cf-folder-count-badge{color:#9ca3af;background:#f3f4f6;border-radius:8px;padding:2px 6px;font-size:11px;font-weight:500}.cf-folder-fields-list,.cf-folder-fields{border-left:2px solid #e5e7eb;margin-top:4px;margin-bottom:4px;margin-left:26px;padding-left:14px}.cf-field-selector-item{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.cf-field-selector-item:hover{background:#f9fafb}.cf-field-selector-name{color:#374151;flex:1;font-size:13px}.cf-field-selector-type{color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.cf-entry-selector{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-top:12px;overflow:hidden}.cf-entry-selector-header{cursor:pointer;background:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:center;padding:12px 14px;display:flex}.cf-entry-selector-header:hover{background:#f3f4f6}.cf-entry-selector-title{color:#374151;flex:1;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.cf-entry-selector-title svg{color:#6b7280}.cf-entry-selector-count{color:#9ca3af;background:#e5e7eb;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:500}.cf-entry-selector-toolbar{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.cf-entry-selector-actions{align-items:center;gap:8px;display:flex}.cf-entry-selector-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;min-width:150px;padding:6px 10px;display:flex}.cf-entry-selector-search svg{color:#9ca3af;flex-shrink:0}.cf-entry-selector-search input{background:0 0;border:none;outline:none;flex:1;font-size:13px}.cf-entry-selector-search input::placeholder{color:#9ca3af}.cf-entry-selector-list{max-height:200px;padding:8px;overflow-y:auto}.cf-entry-selector-item{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.cf-entry-selector-item:hover{background:#f9fafb}.cf-entry-selector-name{color:#374151;flex:1;font-size:13px}.cf-entry-selector-empty{text-align:center;color:#9ca3af;padding:20px;font-size:13px}@media (max-width:600px){.cf-entry-selector-toolbar{flex-direction:column;align-items:flex-start}.cf-entry-selector-toolbar .cf-entry-selector-search{width:100%}}.cf-sortable-item{align-items:center;gap:0;display:flex;position:relative}.cf-sortable-item.is-dragging{z-index:1000}.cf-sortable-item.is-dragging .cf-field-item{border-color:var(--color-primary,#3b82f6);background:#fff;box-shadow:0 8px 24px #00000026}.cf-sortable-item .cf-field-item{flex:1;margin-left:0}.cf-drag-handle{cursor:grab;color:#9ca3af;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:36px;margin-right:4px;transition:all .15s;display:flex}.cf-drag-handle:hover{color:#6b7280;background:#0000000d}.cf-drag-handle:active{cursor:grabbing;color:var(--color-primary,#3b82f6);background:#3b82f61a}.cf-drag-overlay .cf-field-item{border:2px solid var(--color-primary,#3b82f6);background:#fff;transform:scale(1.02);box-shadow:0 12px 32px #0003}.cf-sortable-item[data-dragging=true]{opacity:.4}.cf-field-list-body .cf-sortable-item{transition:transform .2s}@media (max-width:768px){.cf-drag-handle{width:28px;height:40px}}.cf-field-checkbox{cursor:pointer;justify-content:center;align-items:center;margin-right:4px;padding:4px;display:flex}.cf-field-checkbox .cf-checkbox-input{opacity:0;width:0;height:0;position:absolute}.cf-field-checkbox .cf-checkbox-input:checked+.cf-checkbox-custom{background:var(--color-navy,#1e3a5f);border-color:var(--color-navy,#1e3a5f)}.cf-field-checkbox .cf-checkbox-input:checked+.cf-checkbox-custom:after{display:block}.cf-field-checkbox .cf-checkbox-input:focus+.cf-checkbox-custom{box-shadow:0 0 0 2px #1e3a5f33}.cf-field-checkbox .cf-checkbox-custom{background:#fff;border:2px solid #d1d5db;border-radius:4px;width:18px;height:18px;transition:all .15s;position:relative}.cf-field-checkbox .cf-checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;display:none;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.cf-field-checkbox .cf-checkbox-custom:hover{border-color:var(--color-navy,#1e3a5f)}.cf-field-item-selected{background:#1e3a5f0f!important;border-color:#1e3a5f4d!important}.cf-field-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:10px 12px;transition:all .15s;display:flex}.cf-field-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}.cf-field-item.cf-field-item-dragging *{color:#fff!important}.cf-field-item.cf-field-item-placeholder{opacity:.4;background:#f9fafb}.cf-field-drag-handle{cursor:grab;color:#9ca3af;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.cf-field-item-type{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.cf-field-item-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex}.cf-folder{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;overflow:hidden}.cf-folder.cf-folder-dragging{box-shadow:0 8px 25px #0000001f}.cf-folder.cf-folder-over{border-color:var(--color-navy,#1e3a5f);background:#1e3a5f0a}.cf-folder-header{background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:12px 14px;display:flex}.cf-folder-drag{cursor:grab;color:#9ca3af;align-items:center;padding:2px;display:flex}.cf-folder-drag:hover{color:#6b7280}.cf-folder-toggle{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:4px;display:flex}.cf-folder-toggle:hover{color:#374151;background:#f3f4f6}.cf-folder-name{color:#374151;cursor:pointer;flex:1;font-size:14px;font-weight:600}.cf-folder-count{color:#9ca3af;background:#f3f4f6;border-radius:10px;padding:2px 8px;font-size:12px}.cf-folder-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex}.cf-folder-content{padding:12px}.cf-folder-empty{text-align:center;color:#9ca3af;background:#fff;border:2px dashed #e5e7eb;border-radius:8px;padding:20px;font-size:13px}.cf-folder-rename-input{border:1px solid var(--color-navy,#1e3a5f);border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:14px;font-weight:600}.cf-folder-rename-input:focus{box-shadow:0 0 0 2px #1e3a5f33}.cf-ungrouped-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.cf-ungrouped-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:center;gap:10px;padding:12px 14px;display:flex}.cf-ungrouped-content{padding:12px}.cf-new-folder-input .cf-input{flex:1}.cf-add-folder-btn{color:#6b7280;cursor:pointer;background:#fff;border:2px dashed #d1d5db;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.cf-add-folder-btn:hover{border-color:var(--color-navy,#1e3a5f);color:var(--color-navy,#1e3a5f);background:#1e3a5f0a}.cf-modal-body-folders{max-height:80vh;padding:20px;overflow-y:auto}.cf-folders-list{margin-top:8px}.cf-bulk-actions-bar{background:#1a32500a;border:1px solid #1a32501a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex}.cf-bulk-actions-bar.cf-bulk-sticky{z-index:50;background:#fff;border:none;border-bottom:1px solid #e5e7eb;border-radius:0;margin:-20px -20px 16px;padding:12px 20px;position:sticky;top:-20px;box-shadow:0 2px 8px #0000000f}.cf-bulk-count{color:#1e3a5f;font-size:13px;font-weight:600}.cf-bulk-move-dropdown{margin-left:auto;position:relative}.cf-bulk-move-dropdown>.cf-btn{align-items:center;gap:6px;display:flex}.cf-move-dropdown-menu{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:220px;max-height:300px;padding:6px 0;animation:.15s cf-fade-in;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 10px 40px #00000026}.cf-move-dropdown-menu::-webkit-scrollbar{width:6px}.cf-move-dropdown-menu::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.cf-move-dropdown-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;transition:background .15s;display:flex}.cf-move-dropdown-item:hover{background:#f3f4f6}.cf-move-dropdown-item svg{color:#6b7280;flex-shrink:0}.cf-move-dropdown-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cf-move-dropdown-divider{background:#e5e7eb;height:1px;margin:6px 0}.cf-move-dropdown-empty{color:#9ca3af;text-align:center;padding:16px 14px;font-size:13px}.cf-btn-secondary{color:#1e3a5f;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.cf-btn-secondary:hover{background:#e5e7eb;border-color:#1e3a5f}.cf-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.cf-btn-primary{color:#fff;cursor:pointer;background:#1e3a5f;border:1px solid #1e3a5f;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.cf-btn-primary:hover{background:#162d4a}.cf-btn-primary:disabled{opacity:.5;cursor:not-allowed}.cf-btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:1px solid #dc2626;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.cf-btn-danger:hover{background:#b91c1c}.cf-btn-danger:disabled{opacity:.5;cursor:not-allowed}.cf-btn-ghost{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.cf-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.cf-btn-sm{padding:6px 10px;font-size:12px}.cf-btn-sm svg{width:14px;height:14px}.cf-spin{animation:.6s linear infinite cf-spin}.cf-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;cursor:pointer;background:#00000080;position:fixed;inset:0}.cf-backdrop{z-index:10000;position:fixed;inset:0}.cf-panel{z-index:9999;background:#fff;flex-direction:column;width:560px;max-width:100%;height:100vh;animation:.2s panelIn;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 24px #0000001f}.cf-panel.cf-panel-full{width:100%;max-width:100%}.cf-panel.cf-panel-full .cf-panel-head{width:100%;max-width:1400px;margin:0 auto;padding:12px 40px}.cf-panel.cf-panel-full .cf-panel-bar{justify-content:center;width:100%;max-width:1400px;margin:0 auto;padding:8px 40px}.cf-panel.cf-panel-full .cf-panel-body{width:100%;max-width:1400px;margin:0 auto;padding:20px 40px}.cf-panel.cf-panel-full .cf-panel-foot{width:100%;max-width:1400px;margin:0 auto;padding:16px 40px}.cf-panel.cf-panel-full .cf-folder-content{grid-template-columns:repeat(3,1fr);gap:16px 24px;display:grid}.cf-panel.cf-panel-full .cf-field-type-textarea,.cf-panel.cf-panel-full .cf-field-type-image{grid-column:1/-1}.cf-panel.cf-panel-full .cf-folder-section{margin-bottom:16px}.cf-panel.cf-panel-full .cf-folder-content{padding:16px 20px}@keyframes panelIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cf-panel-head{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.cf-panel-head-left{align-items:center;gap:10px;display:flex}.cf-panel-head-left h2{color:#111;margin:0;font-size:16px;font-weight:600}.cf-panel-head-right{align-items:center;gap:8px;display:flex}.cf-unsaved{color:#f59e0b;text-transform:uppercase;background:#fef3c7;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:600}.cf-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cf-close:hover{color:#111;background:#f3f4f6}.cf-panel-bar{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:20px;padding:8px 20px;display:flex}.cf-bar-item{align-items:center;gap:8px;display:flex}.cf-bar-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.cf-bar-label svg{width:13px;height:13px}.cf-bar-btn{color:#111;cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:6px;min-width:120px;padding:6px 12px;font-size:13px;display:flex;box-shadow:none!important;border:1px solid #e5e7eb!important;outline:none!important}.cf-bar-btn:hover{border-color:#d1d5db!important}.cf-bar-btn:focus{border-color:#93c5fd!important;box-shadow:0 0 0 2px #3b82f61a!important}.cf-bar-btn span{text-align:left;flex:1}.cf-bar-btn svg{color:#9ca3af;width:15px;height:15px;transition:transform .15s}.cf-bar-btn svg.rot{transform:rotate(180deg)}.cf-bar-count{color:#9ca3af;margin-left:4px;font-size:11px}.cf-panel-body{flex:1;padding:16px 20px;overflow-y:auto}.cf-hint{color:#6b7280;background:#eff6ff;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:12px;display:flex}.cf-hint svg{color:#3b82f6;width:14px;height:14px}.cf-panel-foot{background:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 20px;display:flex}.cf-btn{cursor:pointer;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.cf-btn:disabled{opacity:.5;cursor:not-allowed}.cf-btn svg{width:16px;height:16px}.cf-btn-pri{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 2px 8px #3b82f64d}.cf-btn-pri:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.cf-btn-pri:active:not(:disabled){transform:translateY(0)}.cf-btn-sec{color:#374151;background:#fff;border:1px solid #d1d5db}.cf-btn-sec:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.cf-btn-del{color:#dc2626;background:#fff;border:1px solid #fecaca;padding:8px 12px}.cf-btn-del:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.cf-btn-icon{color:#6b7280;background:#fff;border:1px solid #e5e7eb;width:36px;height:36px;padding:8px}.cf-btn-icon:hover:not(:disabled){color:#374151;background:#f3f4f6}.cf-fields-grouped{flex-direction:column;gap:0;display:flex}.cf-folder-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px;overflow:hidden}.cf-folder-section:last-child{margin-bottom:0}.cf-folder-section.cf-folder-expanded .cf-folder-header{border-bottom:1px solid #e5e7eb}.cf-folder-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fafbfc;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.cf-folder-title{color:#1f2937;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.cf-folder-icon{color:#3b82f6;flex-shrink:0;width:16px;height:16px}.cf-folder-toggle{color:#6b7280}.cf-folder-content{flex-direction:column;gap:12px;padding:12px 14px;display:flex}.cf-field{flex-direction:column;gap:4px;display:flex}.cf-field-label{color:#6b7280;font-size:12px;font-weight:500;display:block}.cf-req{color:#ef4444;margin-left:2px}.cf-field-view{cursor:pointer;background:#f9fafb;border-radius:6px;justify-content:space-between;align-items:center;min-height:36px;max-height:60px;padding:8px 10px;transition:all .15s;display:flex}.cf-field-view:hover{background:#f1f5f9}.cf-field-view:hover .cf-field-edit-icon{opacity:1}.cf-field-value{color:#111;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.cf-field-value .cf-tags{white-space:normal;flex-wrap:wrap;gap:4px;display:flex}.cf-field-edit-icon{color:#3b82f6;opacity:0;flex-shrink:0;width:12px;height:12px}.cf-field-edit{position:relative}.cf-field-actions{justify-content:flex-end;gap:4px;margin-top:6px;display:flex}.cf-action-btn{cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cf-action-btn.cf-action-save{color:#fff;background:#22c55e}.cf-action-btn.cf-action-save:hover{background:#16a34a}.cf-action-btn.cf-action-cancel{color:#6b7280;background:#e5e7eb}.cf-action-btn.cf-action-cancel:hover{background:#d1d5db}.cf-input,.cf-textarea{color:#111;background:#fff;border-radius:6px;width:100%;padding:8px 10px;font-size:13px;box-shadow:none!important;border:1px solid #e5e7eb!important;outline:none!important}.cf-input:focus,.cf-textarea:focus{border-color:#93c5fd!important;box-shadow:0 0 0 2px #3b82f61a!important}.cf-input:disabled,.cf-textarea:disabled{color:#9ca3af;background:#f9fafb}.cf-textarea{resize:vertical;min-height:60px}.cf-checkbox-label{cursor:pointer;color:#111;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.cf-checkbox-input{display:none}.cf-checkbox-custom{border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;width:18px;height:18px;position:relative}.cf-checkbox-input:checked+.cf-checkbox-custom{background:#3b82f6;border-color:#3b82f6}.cf-checkbox-input:checked+.cf-checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.cf-select-btn{color:#111;cursor:pointer;text-align:left;background:#fff;border-radius:6px;justify-content:space-between;align-items:center;width:100%;min-height:36px;padding:8px 10px;font-size:13px;display:flex;border:1px solid #e5e7eb!important;outline:none!important}.cf-select-btn:hover{border-color:#d1d5db!important}.cf-select-btn:focus{border-color:#93c5fd!important}.cf-select-btn svg{color:#9ca3af;flex-shrink:0;width:14px;height:14px;transition:transform .15s}.cf-select-btn svg.rotated{transform:rotate(180deg)}.cf-select-value{border:1px solid;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.cf-select-placeholder{color:#9ca3af}.cf-select-backdrop{z-index:10000;position:fixed;inset:0}.cf-select-menu{z-index:10001;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:160px;max-height:240px;padding:4px;position:fixed;overflow-y:auto;box-shadow:0 8px 30px #0000001f}.cf-select-option{color:#111;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13px;display:flex}.cf-select-option:hover{background:#f3f4f6}.cf-select-option.selected{background:#eff6ff}.cf-option-tag{border:1px solid;border-radius:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.cf-option-check{color:#3b82f6;flex-shrink:0;margin-left:auto}.cf-check-box{background:#fff;border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;transition:all .15s;display:flex}.cf-check-box.checked{color:#fff;background:#3b82f6;border-color:#3b82f6}.cf-multiselect-menu{min-width:200px}.cf-multiselect-option{color:#111;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;display:flex}.cf-multiselect-option:hover{background:#f3f4f6}.cf-multiselect-option.selected{background:#eff6ff}.cf-multiselect-option .cf-check-box{flex-shrink:0}.cf-multiselect-option .cf-option-tag{flex:none}.cf-multi-count{color:#6b7280;font-size:13px}.cf-menu{z-index:10001;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:160px;max-height:280px;padding:4px;position:fixed;overflow-y:auto;box-shadow:0 8px 30px #0000001f}.cf-menu-item{color:#111;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13px;display:flex}.cf-menu-item:hover{background:#f3f4f6}.cf-menu-item.active{color:#3b82f6;background:#eff6ff}.cf-entry-dropdown{flex-direction:column;max-height:420px;padding:0;display:flex;overflow:hidden}.cf-entry-search{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:10px;padding:12px;display:flex}.cf-entry-search svg{color:#9ca3af;flex-shrink:0;width:16px;height:16px}.cf-entry-search-input{color:#111;background:#f9fafb;border-radius:6px;flex:1;padding:8px 12px;font-size:13px;border:1px solid #e5e7eb!important;outline:none!important}.cf-entry-search-input:focus{background:#fff;box-shadow:0 0 0 3px #3b82f61a;border-color:#3b82f6!important}.cf-entry-search-input::placeholder{color:#9ca3af}.cf-entry-search-clear{cursor:pointer;background:#e5e7eb;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.cf-entry-search-clear:hover{background:#d1d5db}.cf-entry-search-clear svg{color:#6b7280;width:12px;height:12px}.cf-entry-dropdown-info{color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:8px 12px;font-size:11px;font-weight:500}.cf-entry-dropdown-list{flex:1;padding:4px;overflow-y:auto}.cf-entry-dropdown-list::-webkit-scrollbar{width:6px}.cf-entry-dropdown-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.cf-entry-dropdown-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.cf-entry-dropdown-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.cf-entry-dropdown-empty{text-align:center;color:#9ca3af;padding:24px 12px;font-size:13px}.cf-entry-dropdown .cf-menu-item{border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:10px 12px;display:flex}.cf-entry-dropdown .cf-menu-item:last-child{margin-bottom:0}.cf-menu-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.cf-menu-item-check{color:#3b82f6;flex-shrink:0;width:14px;height:14px}.dct-toolbar{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:10px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.dct-toolbar-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.dct-selection-badge{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:8px;align-items:center;gap:6px;padding:5px 10px 5px 6px;animation:.25s cubic-bezier(.4,0,.2,1) dct-slideIn;display:flex;box-shadow:0 2px 8px #3b82f659}@keyframes dct-slideIn{0%{opacity:0;transform:translate(-12px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.dct-selection-count{color:#1d4ed8;background:#fff;border-radius:6px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 6px;font-size:12px;font-weight:700;display:flex;box-shadow:0 1px 2px #0000001a}.dct-selection-text{color:#fffffff2;margin-left:2px;font-size:13px;font-weight:500}.dct-selection-clear{color:#3b82f6;cursor:pointer;background:#fff;border:none;border-radius:6px;align-items:center;margin-left:6px;padding:3px 10px;font-size:11px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000014}.dct-selection-clear:hover{color:#1d4ed8;background:#eff6ff;transform:translateY(-1px)}.dct-stats{align-items:center;gap:6px;display:flex}.dct-stat-item{background:#fff;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;transition:all .15s;display:flex}.dct-stat-item:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000000f}.dct-stat-icon{color:#94a3b8}.dct-stat-value{color:#1e293b;font-size:13px;font-weight:600}.dct-stat-label{color:#64748b;font-size:12px;font-weight:400}.dct-stat-divider{color:#cbd5e1;margin:0 2px;font-size:8px}.dct-toolbar-separator{background:linear-gradient(#0000,#e2e8f0,#0000);width:1px;height:28px;margin:0 4px}.dct-bulk-actions{background:#f1f5f9;border-radius:10px;align-items:center;gap:4px;padding:4px;animation:.2s dct-fadeIn;display:flex}@keyframes dct-fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.dct-bulk-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.dct-bulk-btn:hover{color:#1e293b;background:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.dct-bulk-btn:active{transform:translateY(0)}.dct-bulk-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dct-bulk-btn-danger{color:#dc2626}.dct-bulk-btn-danger:hover{color:#b91c1c;background:#fef2f2;box-shadow:0 2px 4px #dc262626}.dct-toolbar-right{align-items:center;gap:8px;display:flex}.dct-action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.dct-action-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 4px #0000000f}.dct-action-btn:active{transform:translateY(0)}.dct-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.dct-action-icon{border-radius:8px;padding:8px}.dct-action-icon span{display:none}.dct-action-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#0000;box-shadow:0 2px 6px #3b82f64d}.dct-action-primary:hover{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.dct-action-primary:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f64d}.dct-spin{animation:1s linear infinite dct-rotate}@keyframes dct-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1200px){.dct-toolbar{padding:10px 14px}.dct-action-btn span{display:none}.dct-action-btn{padding:8px}}@media (max-width:1024px){.dct-toolbar{flex-wrap:wrap;gap:12px}.dct-toolbar-left{justify-content:flex-start;width:100%}.dct-toolbar-right{justify-content:flex-end;width:100%}}@media (max-width:768px){.dct-toolbar{padding:10px 12px}.dct-stats{gap:4px}.dct-stat-item{padding:4px 8px}.dct-stat-label,.dct-stat-divider,.dct-bulk-btn span{display:none}.dct-bulk-btn{padding:6px 8px}.dct-selection-text{display:none}}@media (max-width:480px){.dct-toolbar-left{gap:8px}.dct-stats{display:none}.dct-toolbar-right{gap:4px}.dct-action-icon{padding:6px}}.cf-modal-description{margin-bottom:12px;font-size:13px}.cf-new-folder-section{margin-bottom:12px}.cf-add-folder-btn{color:#6b7280;cursor:pointer;background:#f8fafc;border:1px dashed #d1d5db;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.cf-add-folder-btn:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.cf-new-folder-input{align-items:center;gap:6px;display:flex}.cf-new-folder-input .cf-input{border:1px solid #e5e7eb;border-radius:5px;outline:none;flex:1;padding:6px 10px;font-size:13px}.cf-new-folder-input .cf-input:focus{border-color:#3b82f6}.cf-folders-list{flex-direction:column;gap:6px;display:flex}.cf-folder{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .15s;overflow:hidden}.cf-folder:hover{border-color:#d1d5db}.cf-folder.cf-folder-dragging{opacity:.8;border-color:#3b82f6;box-shadow:0 4px 15px #0000001f}.cf-folder.cf-folder-over{background:#eff6ff;border-color:#3b82f6}.cf-folder-header{cursor:pointer;background:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:center;gap:6px;padding:8px 10px;display:flex}.cf-folder-header:hover{background:#f3f4f6}.cf-folder-drag{color:#9ca3af;cursor:grab;border-radius:3px;justify-content:center;align-items:center;padding:2px;display:flex}.cf-folder-drag:hover{color:#6b7280;background:#e5e7eb}.cf-folder-drag:active{cursor:grabbing}.cf-folder-drag svg{width:14px;height:14px}.cf-folder-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:flex}.cf-folder-toggle:hover{color:#3b82f6}.cf-folder-toggle svg{width:16px;height:16px}.cf-folder-name{color:#111827;flex:1;font-size:13px;font-weight:600}.cf-folder-count{color:#6b7280;background:#e5e7eb;border-radius:8px;padding:1px 6px;font-size:11px;font-weight:500}.cf-folder-actions{opacity:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.cf-folder-header:hover .cf-folder-actions{opacity:1}.cf-folder-actions .cf-btn{padding:4px}.cf-folder-actions .cf-btn svg{width:13px;height:13px}.cf-folder-rename{flex:1;align-items:center;gap:4px;display:flex}.cf-folder-rename-input{background:#fff;border:1px solid #3b82f6;border-radius:4px;outline:none;flex:1;padding:3px 6px;font-size:13px;font-weight:600}.cf-folder-content{flex-direction:column;gap:3px;min-height:36px;padding:6px;display:flex}.cf-folder-empty{color:#9ca3af;background:#fafafa;border:1px dashed #e5e7eb;border-radius:6px;justify-content:center;align-items:center;padding:12px;font-size:12px;font-style:italic;display:flex}.cf-field-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;transition:all .15s;display:flex}.cf-field-item:hover{background:#f9fafb;border-color:#d1d5db}.cf-field-item:hover .cf-field-item-actions{opacity:1}.cf-field-item.cf-field-item-dragging{background:#fff;border-color:#3b82f6;box-shadow:0 4px 15px #0000001f}.cf-field-item.cf-field-item-placeholder{opacity:.4;border-style:dashed}.cf-field-drag-handle{color:#9ca3af;cursor:grab;border-radius:3px;justify-content:center;align-items:center;padding:2px;display:flex}.cf-field-drag-handle:hover{color:#6b7280;background:#f3f4f6}.cf-field-drag-handle:active{cursor:grabbing}.cf-field-drag-handle svg{width:14px;height:14px}.cf-field-item-info{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.cf-field-item-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.cf-field-item-type{color:#6b7280;text-transform:uppercase;background:#f3f4f6;border-radius:3px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:500}.cf-field-item-actions{opacity:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.cf-field-item-actions .cf-btn{padding:4px}.cf-field-item-actions .cf-btn svg{width:13px;height:13px}.cf-ungrouped-section{border-top:1px dashed #e5e7eb;margin-top:12px;padding-top:12px}.cf-ungrouped-header{align-items:center;gap:8px;margin-bottom:6px;padding:0 4px;display:flex}.cf-ungrouped-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.cf-ungrouped-content{flex-direction:column;gap:3px;display:flex}.cf-btn-ghost{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.cf-btn-ghost:hover{color:#111827;background:#f3f4f6}.cf-btn-danger-ghost:hover{color:#ef4444;background:#fef2f2}@media (max-width:600px){.cf-folder-actions,.cf-field-item-actions{opacity:1}}.cf-toolbar-selection-badge{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:0 2px 8px #3b82f64d}.cf-toolbar-selection-count{background:#ffffff40;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}.cf-toolbar-selection-label{color:#ffffffe6}.cf-toolbar-selection-clear{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:12px;margin-left:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s}.cf-toolbar-selection-clear:hover{background:#ffffff59}.cf-btn-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #ef444440}.cf-btn-danger:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ef444459}.cf-btn-danger:active{transform:translateY(0)}.cf-table-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 8px 8px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.cf-table-footer-left{align-items:center;gap:12px;display:flex}.cf-table-info{color:#64748b;margin:0;font-size:13px}.cf-selection-bar{display:none!important}.bu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s buFadeIn;display:flex;position:fixed;inset:0}@keyframes buFadeIn{0%{opacity:0}to{opacity:1}}.bu-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:85vh;animation:.25s buSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes buSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.bu-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.bu-header-left{align-items:center;gap:12px;display:flex}.bu-header-icon{color:#6366f1;flex-shrink:0}.bu-title{color:#111827;margin:0;font-size:18px;font-weight:600;line-height:1.3}.bu-subtitle{color:#6b7280;margin:2px 0 0;font-size:13px}.bu-subtitle strong{color:#374151;font-weight:600}.bu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.bu-close:hover{color:#111827;background:#f3f4f6}.bu-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.bu-step{flex-direction:column;gap:10px;display:flex}.bu-step-header{align-items:center;gap:10px;display:flex}.bu-step-number{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.bu-step-label{color:#374151;font-size:14px;font-weight:600}.bu-field-selector{position:relative}.bu-field-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:14px;transition:all .15s;display:flex}.bu-field-btn:hover{border-color:#6366f1}.bu-field-btn:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.bu-field-selected{align-items:center;gap:8px;display:flex}.bu-field-name{color:#111827;font-weight:500}.bu-field-type{color:#6b7280;letter-spacing:.5px;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.bu-field-placeholder{color:#9ca3af}.bu-rotated{transition:transform .2s;transform:rotate(180deg)}.bu-field-dropdown{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:10px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #00000026}.bu-field-search{color:#9ca3af;border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;padding:8px 12px;display:flex}.bu-field-search-input{color:#111827;background:0 0;border:none;outline:none;flex:1;font-size:13px}.bu-field-search-input::placeholder{color:#9ca3af}.bu-field-list{max-height:240px;padding:4px;overflow-y:auto}.bu-field-empty{text-align:center;color:#9ca3af;padding:16px;font-size:13px}.bu-field-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;transition:background .1s;display:flex}.bu-field-item:hover{background:#f3f4f6}.bu-field-item-active{color:#6366f1;background:#eef2ff!important}.bu-field-item-name{color:#374151;flex:1;font-weight:500}.bu-field-item-active .bu-field-item-name{color:#6366f1}.bu-field-item-type{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.bu-value-section{min-height:60px}.bu-value-placeholder{color:#9ca3af;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:13px;display:flex}.bu-label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.bu-input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:10px 14px;font-size:14px;transition:all .15s}.bu-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.bu-input::placeholder{color:#9ca3af}.bu-textarea{color:#111827;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;min-height:80px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .15s}.bu-textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.bu-select-options{flex-direction:column;gap:4px;max-height:200px;display:flex;overflow-y:auto}.bu-option-btn{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;transition:all .1s;display:flex}.bu-option-btn:hover{background:#f3f4f6}.bu-option-active{background:#eef2ff!important;border-color:#c7d2fe!important}.bu-option-tag{border:1px solid;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.bu-option-clear{font-style:italic;color:#9ca3af!important;background:#f9fafb!important;border-color:#e5e7eb!important}.bu-option-check{color:#6366f1;margin-left:auto}.bu-checkbox{border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.bu-checkbox-checked{color:#fff;background:#6366f1;border-color:#6366f1}.bu-checkbox-field{flex-direction:column;gap:8px;display:flex}.bu-checkbox-options{gap:8px;display:flex}.bu-toggle-btn{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.bu-toggle-btn:hover{border-color:#9ca3af}.bu-toggle-active.bu-toggle-yes{color:#059669;background:#ecfdf5;border-color:#34d399}.bu-toggle-active.bu-toggle-no{color:#dc2626;background:#fef2f2;border-color:#f87171}.bu-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.bu-warning svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.bu-warning strong{font-weight:600}.bu-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.bu-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.bu-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.bu-btn:disabled{opacity:.5;cursor:not-allowed}.bu-btn-cancel{color:#374151;background:#fff;border:1px solid #d1d5db}.bu-btn-cancel:hover:not(:disabled){background:#f3f4f6}.bu-btn-apply{color:#fff;background:#6366f1}.bu-btn-apply:hover:not(:disabled){background:#4f46e5}.bu-spin{animation:1s linear infinite buSpinAnim}@keyframes buSpinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:640px){.bu-modal{border-radius:16px 16px 0 0;max-width:100%;max-height:90vh;margin-top:auto}.bu-overlay{align-items:flex-end;padding:0}.bu-header{padding:16px 20px}.bu-body{padding:20px}.bu-footer{padding:14px 20px}}.pagination-wrapper{align-items:center;gap:16px;display:flex}.items-per-page{align-items:center;gap:8px;display:flex;position:relative}.items-per-page-label{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.items-per-page-btn{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:6px;min-width:70px;padding:6px 12px;display:flex}.items-per-page-btn:hover{background:var(--bg-secondary);border-color:var(--color-gray-300)}.items-per-page-btn .dropdown-icon{color:var(--text-secondary);transition:transform var(--transition-fast);font-size:14px}.items-per-page-btn .dropdown-icon.open{transform:rotate(180deg)}.items-per-page-dropdown{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);z-index:100;min-width:80px;position:absolute;bottom:calc(100% + 4px);left:auto;right:0;overflow:hidden;box-shadow:0 -4px 20px #0000001f}.dropdown-option{width:100%;font-size:var(--font-size-sm);color:var(--text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;padding:10px 14px;display:block}.dropdown-option:hover{background:var(--bg-secondary)}.dropdown-option.active{background:var(--color-primary-light,#e8f4fc);color:#fff;font-weight:var(--font-weight-medium)}.pagination{align-items:center;gap:4px;display:flex}.pagination-btn{width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:16px;display:flex;outline:none!important}.pagination-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--color-gray-300)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{margin:0 var(--spacing-sm);align-items:center;gap:4px;display:flex}.pagination-number{width:36px;height:36px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex;outline:none!important}.pagination-number:hover:not(.active){background:var(--bg-secondary)}.pagination-number.active{background:var(--color-navy);color:var(--color-white);border-color:var(--color-navy)}@media (max-width:640px){.pagination-wrapper{flex-direction:column;gap:12px}.items-per-page{order:2}.pagination{order:1}}.property-selector{z-index:50;flex-shrink:0;position:relative}.selector-trigger{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;min-width:200px;max-width:320px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.selector-trigger:hover{border-color:#1a3250;box-shadow:0 2px 8px #1a325014}.selector-trigger.open{border-color:#1a3250;box-shadow:0 0 0 3px #1a32501a}.selector-trigger .selector-text{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.selector-trigger .chevron{color:#9ca3af;flex-shrink:0;font-size:16px;transition:transform .2s}.selector-trigger .chevron.rotated{transform:rotate(180deg)}.selector-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-width:400px;max-width:500px;max-height:520px;animation:.2s selectorDropdownIn;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 20px 50px #0000001f,0 4px 12px #00000014}@media (max-width:768px){.selector-dropdown{min-width:320px;max-width:calc(100vw - 32px)}}@keyframes selectorDropdownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.selector-loading{color:#9ca3af;justify-content:center;align-items:center;padding:40px 20px;display:flex}.selector-list{max-height:500px;padding:8px;overflow-y:auto}.selector-list::-webkit-scrollbar{width:6px}.selector-list::-webkit-scrollbar-track{background:0 0}.selector-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.selector-list::-webkit-scrollbar-thumb:hover{background:#d1d5db}.selector-group{margin-bottom:12px}.selector-group:last-child{margin-bottom:0}.selector-group .group-header{color:#6b7280;text-transform:uppercase;letter-spacing:.6px;background:#f8fafc;border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:10px 14px;font-size:11px;font-weight:700;display:flex}.selector-group .group-header svg{color:#1a3250;font-size:14px}.master-group{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:8px;padding:6px;transition:all .2s}.master-group:hover{border-color:#e2e8f0}.master-group:last-child{margin-bottom:0}.selector-item{color:#374151;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;transition:all .15s;display:flex}.selector-item:hover{background:#f1f5f9}.selector-item.active{color:#fff!important;background:#1a3250!important}.selector-item.active .item-name{color:#fff!important}.selector-item.active .item-badge{color:#fff!important;background:#ffffff40!important;border-color:#0000!important}.selector-item.active .subunit-count{color:#fff!important;background:#ffffff40!important}.selector-item.active:hover{background:#162840!important}.selector-item.master{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:4px;font-weight:600}.selector-item.master:hover:not(.active){background:#fff;border-color:#1a3250}.selector-item.master.active{border-color:#1a3250}.selector-item.subunit{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-left:3px solid #94a3b8;border-radius:8px;margin-left:12px;padding:10px 12px;font-size:13px}.selector-item.subunit:hover:not(.active){background:#f8fafc;border-color:#cbd5e1 #cbd5e1 #cbd5e1 #1a3250}.selector-item.subunit.active{border-color:#1a3250 #1a3250 #1a3250 #fff!important}.selector-item .item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.item-badge{text-transform:uppercase;letter-spacing:.4px;border:1px solid #0000;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:10px;font-weight:700}.item-badge.master{color:#fff;background:#1a3250}.item-badge.subunit{color:#fff;background:#64748b}.item-badge.letting{color:#fff;background:#6366f1}.subunit-count{color:#1a3250;background:#e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:24px;height:24px;margin-left:4px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.selector-empty{color:#9ca3af;justify-content:center;align-items:center;padding:40px 20px;font-size:14px;display:flex}@media (max-width:640px){.selector-trigger{min-width:150px;max-width:200px;padding:8px 12px;font-size:13px}.selector-dropdown{min-width:300px}.selector-item{padding:10px 12px;font-size:13px}.selector-item.subunit{margin-left:10px;padding:8px 10px}.item-badge{padding:3px 8px;font-size:9px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:focus{outline:none}:focus-visible{outline:2px solid var(--color-navy);outline-offset:2px}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-bold);margin:0;line-height:1.3}p{margin:0}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}::selection{background-color:var(--color-primary);color:var(--color-white)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}html{scrollbar-width:thin;scrollbar-color:var(--color-gray-300)var(--bg-secondary)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}@media print{.no-print{display:none!important}}