@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--kft-green:#4cb882;--kft-green-dark:#3a9468;--kft-green-light:#e8f5ee;--kft-black:#1d1d1b;--kft-white:#fff;--kft-gray-50:#f8f8f8;--kft-gray-100:#f0f2f5;--kft-gray-200:#e2e5ea;--kft-gray-400:#9ca3af;--kft-gray-600:#686e77;--kft-gray-800:#2d3239;--kft-success:#4cb882;--kft-success-light:#e8f5ee;--kft-warning:#f59e0b;--kft-warning-light:#fffbeb;--kft-danger:#ef4444;--kft-danger-light:#fef2f2;--kft-info:#3b82f6;--kft-info-light:#eff6ff;--kft-brown:#603913;--kft-cream:#ffedca;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:.6875rem;--text-sm:.75rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.2;--leading-normal:1.4;--leading-relaxed:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001f;--transition-fast:.15s ease;--transition-normal:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--kft-black);background-color:var(--kft-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--font-bold);color:var(--kft-black)}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg);font-weight:var(--font-semibold)}h3{font-size:var(--text-md);font-weight:var(--font-semibold)}p{line-height:var(--leading-relaxed)}a{color:var(--kft-green-dark);text-decoration:none}a:hover{color:var(--kft-green)}input,textarea,select{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--kft-black);background-color:var(--kft-gray-100);border:1px solid var(--kft-gray-200);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--kft-green);box-shadow:0 0 0 2px var(--kft-green-light)}input::placeholder,textarea::placeholder{color:var(--kft-gray-400)}label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--kft-gray-600);margin-bottom:var(--space-1);display:block}button{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;border-radius:var(--radius-pill);padding:var(--space-2) var(--space-5);transition:background-color var(--transition-fast), opacity var(--transition-fast);border:none;line-height:1}button:disabled{opacity:.5;cursor:not-allowed}button{background-color:var(--kft-green);color:var(--kft-white)}button:hover:not(:disabled){background-color:var(--kft-green-dark)}.btn-secondary{background-color:var(--kft-white);color:var(--kft-black);border:1px solid var(--kft-gray-200)}.btn-secondary:hover:not(:disabled){background-color:var(--kft-gray-50);border-color:var(--kft-gray-400)}.btn-danger{background-color:var(--kft-danger);color:var(--kft-white)}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-ghost{color:var(--kft-green);padding:var(--space-1) var(--space-2);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--kft-green-light)}.card{background-color:var(--kft-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:box-shadow var(--transition-normal)}.card-hover:hover{box-shadow:var(--shadow-md)}.badge{align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);padding:2px var(--space-2);border-radius:var(--radius-pill);line-height:var(--leading-normal);display:inline-flex}.badge-success{background-color:var(--kft-success);color:var(--kft-white)}.badge-warning{background-color:var(--kft-warning);color:var(--kft-white)}.badge-danger{background-color:var(--kft-danger);color:var(--kft-white)}.badge-info{background-color:var(--kft-info);color:var(--kft-white)}.badge-outline-info{color:var(--kft-info);border:1px solid var(--kft-info);background-color:#0000}.badge-outline-warning{color:var(--kft-warning);border:1px solid var(--kft-warning);background-color:#0000}.tabs-scroll{gap:var(--space-1);border-bottom:2px solid var(--kft-gray-200);margin-bottom:var(--space-4);scrollbar-width:none;display:flex;overflow-x:auto}.tabs-scroll::-webkit-scrollbar{display:none}.tabs-scroll>button{white-space:nowrap;flex-shrink:0}table{border-collapse:collapse;width:100%}th{text-align:left;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--kft-gray-600);padding:var(--space-2) var(--space-3);border-bottom:2px solid var(--kft-gray-200)}td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--kft-gray-200);font-size:var(--text-base)}tr:hover{background-color:var(--kft-gray-50)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.2s ease-out fade-in}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--kft-gray-200);border-top-color:var(--kft-green);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--kft-gray-200);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--kft-gray-400)}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:2000;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--font-medium);pointer-events:auto;min-width:260px;max-width:400px;display:flex}.toast-success{background-color:var(--kft-success);color:var(--kft-white)}.toast-error{background-color:var(--kft-danger);color:var(--kft-white)}.toast-info{background-color:var(--kft-info);color:var(--kft-white)}.toast-message{flex:1}.toast-close{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.toast-close:hover{opacity:1;background-color:#ffffff26}.toast-enter{animation:.3s ease-out toast-slide-in}.toast-exit{animation:.3s ease-in forwards toast-slide-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (width<=768px){.toast-container{bottom:72px;right:var(--space-4);left:var(--space-4)}.toast{min-width:auto;max-width:none}}.layout{background-color:var(--kft-gray-50);min-height:100vh;display:flex}.sidebar{background-color:var(--kft-white);border-right:1px solid var(--kft-gray-200);z-index:100;flex-direction:column;width:220px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--kft-gray-200)}.sidebar-logo-link{align-items:center;gap:var(--space-2);color:var(--kft-black);text-decoration:none;display:flex}.sidebar-logo-icon{border-radius:var(--radius-sm);background-color:var(--kft-green);width:32px;height:32px;color:var(--kft-white);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.sidebar-logo-text{font-weight:700;font-size:var(--text-md)}.sidebar-nav{padding:var(--space-2) 0;flex:1;overflow-y:auto}.sidebar-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin:1px var(--space-2);border-radius:var(--radius-sm);color:var(--kft-gray-600);font-size:var(--text-base);font-weight:var(--font-medium);transition:all var(--transition-fast);text-decoration:none;display:flex}.sidebar-link:hover{color:var(--kft-black);background-color:var(--kft-gray-50)}.sidebar-link-active,.sidebar-link-active:hover{color:var(--kft-green-dark);background-color:var(--kft-green-light)}.sidebar-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--kft-gray-200)}.sidebar-logout{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);color:var(--kft-gray-600);border-radius:var(--radius-sm);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:flex}.sidebar-logout:hover{color:var(--kft-danger);background-color:var(--kft-danger-light)}.main-area{flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:220px;display:flex}.main-area-full{margin-left:0}.topbar{z-index:50;padding:var(--space-3) var(--space-5);background-color:var(--kft-white);border-bottom:1px solid var(--kft-gray-200);justify-content:space-between;align-items:center;min-height:52px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;display:flex}.topbar-brand{align-items:center;gap:var(--space-2);text-decoration:none;display:flex}.topbar-right{align-items:center;gap:var(--space-1);display:flex}.topbar-user{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--kft-gray-600);margin-left:var(--space-1)}.topbar-logout{margin-left:var(--space-1);padding:var(--space-1);border-radius:50%}.content{padding:var(--space-6) var(--space-5);flex:1;width:100%;max-width:1200px}.mobile-tabs{display:none}@media (width<=768px){.sidebar{display:none}.main-area{margin-left:0;padding-bottom:64px}.content{padding:var(--space-4) var(--space-4);min-width:0;max-width:100%;overflow-x:hidden}.mobile-tabs{background-color:var(--kft-white);border-top:1px solid var(--kft-gray-200);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tab{padding:var(--space-2) var(--space-1);color:var(--kft-gray-400);font-size:var(--text-xs);font-weight:var(--font-medium);transition:color var(--transition-fast);flex-direction:column;flex:1;align-items:center;gap:2px;text-decoration:none;display:flex}.mobile-tab-active{color:var(--kft-green)}.topbar-user{display:none}}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg, var(--kft-gray-100) 0px, var(--kft-gray-200) 40px, var(--kft-gray-100) 80px);background-size:200px 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton-card{background-color:var(--kft-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.ptr-container{position:relative}.ptr-indicator{color:var(--kft-green);justify-content:center;align-items:center;transition:height .2s;display:flex;overflow:hidden}.ptr-indicator-visible{transition:none}.ptr-icon{transition:transform .1s}.ptr-icon-spinning{animation:.6s linear infinite spin}.modal-backdrop{z-index:1000;padding:var(--space-4);background-color:#00000073;justify-content:center;align-items:center;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{background-color:var(--kft-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-height:calc(100vh - var(--space-8));flex-direction:column;animation:.2s ease-out modal-in;display:flex}.modal-sm{max-width:420px}.modal-md{max-width:560px}.modal-lg{max-width:720px}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--kft-gray-200);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--kft-black);line-height:var(--leading-tight);margin:0}.modal-close-btn{width:32px;height:32px;color:var(--kft-gray-600);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.modal-body{padding:var(--space-5);flex:1;overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--kft-gray-200);gap:var(--space-2);flex-shrink:0;justify-content:flex-end;display:flex}@keyframes modal-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92vh;animation:.25s ease-out modal-slide-up}}@keyframes modal-slide-up{0%{opacity:.8;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.location-picker{border:1px solid var(--kft-gray-200);border-radius:var(--radius-md);background-color:var(--kft-white);overflow:hidden}.location-chips{gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--kft-gray-200);flex-wrap:wrap;align-items:center;min-height:44px;display:flex}.location-chips-empty{font-size:var(--text-sm);color:var(--kft-gray-400);font-style:italic}.location-chip{font-size:var(--text-sm);font-weight:var(--font-medium);background-color:var(--kft-green-light);color:var(--kft-green-dark);padding:3px var(--space-2);border-radius:var(--radius-pill);align-items:center;gap:4px;line-height:1;display:inline-flex}.location-chip-remove{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex;color:var(--kft-green-dark)!important;background:0 0!important;border-radius:50%!important;padding:0!important}.location-chip-remove:hover:not(:disabled){background-color:var(--kft-green)!important;color:var(--kft-white)!important}.location-picker-search{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--kft-gray-200);background-color:var(--kft-gray-50)}.location-picker-search input{font-size:var(--text-sm);box-shadow:none;background:0 0;border:none;padding:0}.location-picker-search input:focus{box-shadow:none;border:none}.location-picker-list{max-height:200px;overflow-y:auto}.location-picker-item{padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-sm);border-bottom:1px solid var(--kft-gray-100);transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.location-picker-item:last-child{border-bottom:none}.location-picker-item:hover{background-color:var(--kft-green-light)}.location-picker-item-name{color:var(--kft-black)}.location-picker-item-add{color:var(--kft-green);font-size:var(--text-sm);font-weight:var(--font-medium);flex-shrink:0}.location-picker-empty{padding:var(--space-4) var(--space-3);text-align:center;font-size:var(--text-sm);color:var(--kft-gray-400)}.modal-field{margin-bottom:var(--space-4)}.modal-field:last-child{margin-bottom:0}.modal-error{color:var(--kft-danger);font-size:var(--text-sm);margin-bottom:var(--space-3)}.template-assign-item:hover{background-color:var(--kft-green-light)}.responsive-table-wrap{background-color:var(--kft-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.responsive-table{width:100%}@media (width<=768px){.responsive-table-wrap{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.responsive-table thead{display:none}.responsive-table tr{background-color:var(--kft-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.responsive-table tr:hover{background-color:var(--kft-white)}.responsive-table td{padding:var(--space-1) 0;justify-content:space-between;align-items:center;gap:var(--space-3);text-align:left;font-size:var(--text-base);border:none;display:flex}.responsive-table td:before{content:attr(data-label);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--kft-gray-600);flex-shrink:0}.responsive-table td[data-primary=true]{font-size:var(--text-md);font-weight:var(--font-semibold);border-bottom:1px solid var(--kft-gray-200);padding-bottom:var(--space-2);margin-bottom:var(--space-2);display:block}.responsive-table td[data-primary=true]:before{display:none}.responsive-table td[data-actions=true]{padding-top:var(--space-2);margin-top:var(--space-2);border-top:1px solid var(--kft-gray-200);justify-content:flex-end}.responsive-table td[data-actions=true]:before{display:none}.responsive-table-desktop-only{display:none!important}}.time-picker{align-items:center;gap:var(--space-1);display:inline-flex}.time-picker-select{width:auto;min-width:68px;padding-right:var(--space-6);font-variant-numeric:tabular-nums;text-align:center}.time-picker-separator{font-weight:var(--font-semibold);color:var(--kft-gray-600);font-size:var(--text-base);-webkit-user-select:none;user-select:none;line-height:1}.ms-wrap{display:inline-block;position:relative}.ms-trigger{align-items:center;gap:var(--space-2);background-color:var(--kft-white);color:var(--kft-black);border:1px solid var(--kft-gray-200);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;max-width:220px;transition:background-color var(--transition-fast), border-color var(--transition-fast);line-height:1;display:inline-flex}button.ms-trigger:hover{background-color:var(--kft-gray-50);border-color:var(--kft-gray-400);color:var(--kft-black)}button.ms-trigger-active{background-color:var(--kft-green-light);border-color:var(--kft-green);color:var(--kft-green-dark)}button.ms-trigger-active:hover{background-color:var(--kft-green-light);border-color:var(--kft-green-dark);color:var(--kft-green-dark)}.ms-trigger-label{font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;line-height:1;overflow:hidden}.ms-trigger-clear{background-color:var(--kft-green);width:16px;height:16px;color:var(--kft-white);cursor:pointer;margin-left:var(--space-1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ms-trigger-clear:hover{background-color:var(--kft-green-dark)}.ms-backdrop{display:none}.ms-panel{top:calc(100% + var(--space-2));z-index:900;background-color:var(--kft-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--kft-gray-200);flex-direction:column;width:min(320px,95vw);animation:.15s ease-out ms-fade-in;display:flex;position:absolute;left:0}@keyframes ms-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ms-panel-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--kft-gray-200);justify-content:space-between;align-items:center;display:flex}.ms-panel-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--kft-gray-600)}.ms-panel-close{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:none}.ms-chips{gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--kft-gray-200);flex-wrap:wrap;display:flex}.ms-chip{font-size:var(--text-sm);font-weight:var(--font-medium);background-color:var(--kft-green-light);color:var(--kft-green-dark);padding:3px var(--space-2);border-radius:var(--radius-pill);align-items:center;gap:4px;line-height:1;display:inline-flex}.ms-chip-remove{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex;color:var(--kft-green-dark)!important;background:0 0!important;border-radius:50%!important;padding:0!important}.ms-chip-remove:hover:not(:disabled){background-color:var(--kft-green)!important;color:var(--kft-white)!important}.ms-search{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--kft-gray-200);background-color:var(--kft-gray-50)}.ms-search input{font-size:var(--text-sm);box-shadow:none;background:0 0;border:none;padding:0}.ms-search input:focus{box-shadow:none;border:none}.ms-list{max-height:240px;overflow-y:auto}.ms-item{padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-sm);border-bottom:1px solid var(--kft-gray-100);transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.ms-item:last-child{border-bottom:none}.ms-item:hover{background-color:var(--kft-green-light)}.ms-item-label{color:var(--kft-black)}.ms-item-add{color:var(--kft-green);font-size:var(--text-sm);font-weight:var(--font-medium);flex-shrink:0}.ms-empty{padding:var(--space-4) var(--space-3);text-align:center;font-size:var(--text-sm);color:var(--kft-gray-400)}@media (width<=600px){.ms-backdrop{z-index:1100;touch-action:none;background-color:#00000073;animation:.15s ease-out ms-fade-bg;display:block;position:fixed;inset:0}@keyframes ms-fade-bg{0%{opacity:0}to{opacity:1}}.ms-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:1200;overscroll-behavior:contain;border:none;width:100%;max-height:55dvh;animation:.25s ease-out ms-slide-up;position:fixed;inset:auto 0 0}@keyframes ms-slide-up{0%{opacity:.8;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.ms-panel-close{display:flex}.ms-list{overscroll-behavior:contain;max-height:35dvh}.ms-item{padding:var(--space-3) var(--space-4);font-size:var(--text-lg);min-height:48px}.ms-search input{font-size:var(--text-base);padding:var(--space-2) 0}.ms-panel-title{font-size:var(--text-lg)}.ms-chip{font-size:var(--text-base);padding:var(--space-1) var(--space-3)}}.filter-bar-wrap{margin-bottom:var(--space-6)}.filter-bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-bar-clear-btn{color:var(--kft-gray-600);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-pill);text-underline-offset:2px;background:0 0;text-decoration:underline}button.filter-bar-clear-btn:hover:not(:disabled){color:var(--kft-black);background:0 0}.filter-chip{align-items:center;gap:var(--space-2);background-color:var(--kft-white);color:var(--kft-black);border:1px solid var(--kft-gray-200);border-radius:var(--radius-pill);height:36px;font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast), border-color var(--transition-fast);padding:0;line-height:1;display:inline-flex;position:relative}.filter-chip:hover{background-color:var(--kft-gray-50);border-color:var(--kft-gray-400)}.filter-chip-active{background-color:var(--kft-green-light);border-color:var(--kft-green);color:var(--kft-green-dark)}.filter-chip-active:hover{background-color:var(--kft-green-light);border-color:var(--kft-green-dark)}.filter-chip select{appearance:none;color:inherit;font:inherit;font-weight:var(--font-medium);padding:0 var(--space-4);cursor:pointer;width:100%;height:100%;box-shadow:none;background:0 0;border:none;outline:none}.filter-chip select:focus{box-shadow:none;border:none;outline:none}.filter-bar-mobile-btn{align-items:center;gap:var(--space-2);background-color:var(--kft-white);color:var(--kft-black);border:1px solid var(--kft-gray-200);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1;display:inline-flex}button.filter-bar-mobile-btn:hover:not(:disabled){background-color:var(--kft-gray-50);border-color:var(--kft-gray-400);color:var(--kft-black)}.filter-bar-mobile-btn-active{background-color:var(--kft-green-light);border-color:var(--kft-green);color:var(--kft-green-dark)}button.filter-bar-mobile-btn-active:hover:not(:disabled){background-color:var(--kft-green-light);border-color:var(--kft-green-dark);color:var(--kft-green-dark)}.filter-bar-badge{background-color:var(--kft-green);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.filter-bar-modal-content{gap:var(--space-4);flex-direction:column;display:flex}.filter-bar-modal-content .filter-chip{width:100%;height:44px}.filter-bar-modal-content .filter-chip select{width:100%}.filter-bar-modal-content .drp-trigger,.filter-bar-modal-content .ms-trigger{width:100%;max-width:none;min-height:48px;font-size:var(--text-lg);padding:var(--space-3) var(--space-4);justify-content:center}.filter-bar-mobile{display:none}.filter-bar-desktop{display:block}@media (width<=600px){.filter-bar-desktop{display:none}.filter-bar-mobile{align-items:center;gap:var(--space-2);display:flex}}.drp-wrap{display:inline-block;position:relative}.drp-trigger{align-items:center;gap:var(--space-2);background-color:var(--kft-white);color:var(--kft-black);border:1px solid var(--kft-gray-200);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast), border-color var(--transition-fast);line-height:1;display:inline-flex}button.drp-trigger:hover{background-color:var(--kft-gray-50);border-color:var(--kft-gray-400);color:var(--kft-black)}button.drp-trigger-active{background-color:var(--kft-green-light);border-color:var(--kft-green);color:var(--kft-green-dark)}button.drp-trigger-active:hover{background-color:var(--kft-green-light);border-color:var(--kft-green-dark);color:var(--kft-green-dark)}.drp-trigger-label{font-size:var(--text-base);line-height:1}.drp-trigger-clear{background-color:var(--kft-green);width:16px;height:16px;color:var(--kft-white);cursor:pointer;margin-left:var(--space-1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.drp-trigger-clear:hover{background-color:var(--kft-green-dark)}.drp-backdrop{display:none}.drp-panel{top:calc(100% + var(--space-2));z-index:900;background-color:var(--kft-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--kft-gray-200);flex-direction:column;width:min(640px,95vw);animation:.15s ease-out drp-fade-in;display:flex;position:absolute;left:0}@keyframes drp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.drp-panel-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--kft-gray-200);justify-content:space-between;align-items:center;display:flex}.drp-panel-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--kft-gray-600)}.drp-panel-close{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:none}.drp-presets{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--kft-gray-200);flex-wrap:wrap;display:flex}.drp-preset{background-color:var(--kft-gray-100);color:var(--kft-gray-800);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;border:1px solid #0000}button.drp-preset:hover{background-color:var(--kft-gray-200);color:var(--kft-gray-800)}button.drp-preset-active{background-color:var(--kft-green-light);color:var(--kft-green-dark);border-color:var(--kft-green)}button.drp-preset-active:hover{background-color:var(--kft-green-light);color:var(--kft-green-dark)}.drp-cal{padding:var(--space-3) var(--space-4);position:relative}.drp-cal-nav{margin-bottom:var(--space-2);justify-content:space-between;display:flex}.drp-nav-btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.drp-months{gap:var(--space-5);justify-content:center;display:flex}.drp-month{flex:1;min-width:0;max-width:280px}.drp-month-label{text-align:center;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--kft-gray-800);margin-bottom:var(--space-2);text-transform:capitalize}.drp-dow-row{margin-bottom:var(--space-1);grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.drp-dow{text-align:center;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--kft-gray-400);text-transform:uppercase;padding:var(--space-1) 0}.drp-day-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.drp-day{color:var(--kft-black);border-radius:var(--radius-sm);height:36px;font-size:var(--text-sm);font-weight:var(--font-normal);cursor:pointer;transition:background-color var(--transition-fast);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:flex}.drp-day:hover:not(.drp-day-empty):not(.drp-day-from):not(.drp-day-to){background-color:var(--kft-gray-100)}.drp-day-empty{cursor:default;pointer-events:none}.drp-day-today{font-weight:var(--font-semibold);color:var(--kft-green-dark)}.drp-day-in-range{background-color:var(--kft-green-light);border-radius:0}.drp-day-from,.drp-day-to{background-color:var(--kft-green);color:var(--kft-white);font-weight:var(--font-semibold)}.drp-day-from{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.drp-day-to{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.drp-day-single,.drp-day-from.drp-day-to{border-radius:var(--radius-sm)}.drp-day-from:hover,.drp-day-to:hover{background-color:var(--kft-green-dark)}.drp-footer{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--kft-gray-200);justify-content:flex-end;display:flex}@media (width<=600px){.drp-backdrop{z-index:999;background-color:#00000073;animation:.15s ease-out drp-fade-bg;display:block;position:fixed;inset:0}@keyframes drp-fade-bg{0%{opacity:0}to{opacity:1}}.drp-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:1000;border:none;width:100%;max-height:92vh;animation:.25s ease-out drp-slide-up;position:fixed;inset:auto 0 0;overflow-y:auto}@keyframes drp-slide-up{0%{opacity:.8;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.drp-panel-close{display:flex}.drp-month-second{display:none}.drp-month{max-width:100%}.drp-day{height:44px;font-size:var(--text-base)}.drp-preset{padding:var(--space-2) var(--space-4);font-size:var(--text-base)}}