code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#16a34a;--color-primary-dark:#15803d;--color-primary-light:#22c55e;--color-secondary:#667eea;--color-secondary-dark:#5a67d8;--color-secondary-light:#7c3aed;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-dark-bg:#0f0f0f;--color-dark-surface:#1a1a1a;--color-dark-border:#2a2a2a;--color-text-primary:#0f172a;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--border-width:1px;--border-style:solid;--border-color:var(--color-gray-200);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--shadow-2xl:0 25px 50px #00000040;--shadow-focus:0 0 0 3px #16a34a33;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-tooltip:600;--z-notification:700;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}@media (prefers-color-scheme:dark){:root{--color-text-primary:#f0f9ff;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--border-color:var(--color-dark-border)}}.dark{--color-text-primary:#f0f9ff;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--border-color:var(--color-dark-border)}.ds-btn{align-items:center;-webkit-appearance:none;appearance:none;background:var(--color-gray-100);border:var(--border-width) var(--border-style) #0000;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-sm);justify-content:center;line-height:var(--leading-normal);min-height:40px;outline:none;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.ds-btn:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ds-btn:focus-visible{box-shadow:var(--shadow-focus)}.ds-btn:active:not(:disabled){transform:translateY(0)}.ds-btn:disabled{cursor:not-allowed;opacity:.5}.ds-btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.ds-btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.ds-btn-secondary{background:var(--color-white);border-color:var(--color-gray-300);color:var(--color-text-primary)}.ds-btn-secondary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.ds-btn-ghost{background:#0000;border-color:#0000;color:var(--color-text-secondary)}.ds-btn-ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-text-primary)}.ds-btn-danger{background:var(--color-error);border-color:var(--color-error);color:var(--color-white)}.ds-btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.ds-btn-sm{font-size:var(--text-xs);min-height:32px;padding:var(--spacing-xs) var(--spacing-sm)}.ds-btn-lg{font-size:var(--text-base);min-height:48px;padding:var(--spacing-md) var(--spacing-lg)}.ds-btn-block{width:100%}.ds-btn-icon{min-width:40px;padding:var(--spacing-sm)}.ds-btn-icon.ds-btn-sm{min-width:32px;padding:var(--spacing-xs)}.ds-btn-icon.ds-btn-lg{min-width:48px;padding:var(--spacing-md)}.ds-btn-loading{color:#0000;pointer-events:none;position:relative}.ds-btn-loading:after{animation:ds-btn-spin .6s linear infinite;border:2px solid var(--color-white);border-radius:50%;border-top:2px solid #0000;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes ds-btn-spin{to{transform:rotate(1turn)}}.ds-btn-group{display:inline-flex;gap:var(--spacing-sm)}.ds-btn-group-attached{display:inline-flex;gap:0}.ds-btn-group-attached .ds-btn{border-radius:0}.ds-btn-group-attached .ds-btn:first-child{border-bottom-left-radius:var(--radius-md);border-top-left-radius:var(--radius-md)}.ds-btn-group-attached .ds-btn:last-child{border-bottom-right-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.ds-btn-group-attached .ds-btn:not(:first-child){margin-left:-1px}.btn-primary.use-ds,.btn-secondary.use-ds{@extend .ds-btn;@extend .ds-btn-secondary}.dark .ds-btn-secondary{background:var(--color-dark-surface);border-color:var(--color-dark-border);color:var(--color-text-inverse)}.dark .ds-btn-secondary:hover:not(:disabled){background:var(--color-gray-800);border-color:var(--color-gray-600)}.dark .ds-btn-ghost:hover:not(:disabled){background:var(--color-dark-surface)}.ds-modal-overlay,.modal-overlay[data-use-ds=true]{align-items:center;animation:ds-modal-fade-in var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:var(--z-modal)}@keyframes ds-modal-fade-in{0%{opacity:0}to{opacity:1}}.ds-modal,.modal-content[data-use-ds=true]{animation:ds-modal-slide-up var(--transition-slow);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}@keyframes ds-modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ds-modal-sm{max-width:400px}.ds-modal-lg{max-width:800px}.ds-modal-xl{max-width:1200px}.ds-modal-full{max-height:calc(100vh - var(--spacing-2xl));max-width:calc(100vw - var(--spacing-2xl))}.ds-modal-header,.modal-header[data-use-ds=true]{align-items:center;background:var(--color-gray-50);border-bottom:var(--border-width) var(--border-style) var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-lg)}.ds-modal-title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.ds-modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:var(--spacing-sm);transition:all var(--transition-fast);width:32px}.ds-modal-close:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.ds-modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ds-modal-body,.modal-body[data-use-ds=true]{flex:1 1 auto;overflow-y:auto;padding:var(--spacing-lg);scrollbar-color:var(--color-gray-300) #0000;scrollbar-width:thin}.ds-modal-body::-webkit-scrollbar{width:8px}.ds-modal-body::-webkit-scrollbar-track{background:#0000}.ds-modal-body::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.ds-modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.ds-modal-footer,.modal-footer[data-use-ds=true]{align-items:center;background:var(--color-gray-50);border-top:var(--border-width) var(--border-style) var(--border-color);display:flex;flex-shrink:0;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg)}.ds-modal-footer-left{justify-content:flex-start}.ds-modal-footer-center{justify-content:center}.ds-modal-footer-between{justify-content:space-between}.ds-modal-alert{max-width:400px}.ds-modal-alert .ds-modal-body{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.ds-modal-drawer{animation:ds-modal-slide-left var(--transition-slow);border-radius:0;bottom:0;max-height:100vh;max-width:480px;position:fixed;right:0;top:0;width:100%}@keyframes ds-modal-slide-left{0%{transform:translateX(100%)}to{transform:translateX(0)}}.ds-modal-drawer-left{animation:ds-modal-slide-right var(--transition-slow);left:0;right:auto}@keyframes ds-modal-slide-right{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.dark .ds-modal,.dark .modal-content[data-use-ds=true]{background:var(--color-dark-surface);color:var(--color-text-inverse)}.dark .ds-modal-footer,.dark .ds-modal-header,.dark .modal-footer[data-use-ds=true],.dark .modal-header[data-use-ds=true]{background:var(--color-dark-bg);border-color:var(--color-dark-border)}.dark .ds-modal-close:hover{background:var(--color-gray-800)}@media (max-width:640px){.ds-modal-overlay{padding:0}.ds-modal{border-radius:0;max-height:100%}.ds-modal,.ds-modal-lg,.ds-modal-xl{max-width:100%}}.ds-form-group,.form-group[data-use-ds=true]{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.ds-form-group label,.ds-label,.form-group[data-use-ds=true] label{color:var(--color-text-primary);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--spacing-xs)}.ds-form-group label.required:after,.ds-label-required:after{color:var(--color-error);content:" *"}.ds-label-optional:after{color:var(--color-text-muted);content:" (optional)";font-size:var(--text-xs);font-weight:var(--font-normal)}.ds-form-group input:not([type=checkbox]):not([type=radio]),.ds-form-group select,.ds-form-group textarea,.ds-input,.ds-select,.ds-textarea,.form-group[data-use-ds=true] input:not([type=checkbox]):not([type=radio]),.form-group[data-use-ds=true] select,.form-group[data-use-ds=true] textarea{-webkit-text-fill-color:#000!important;-webkit-appearance:none;appearance:none;background:var(--color-white)!important;background-color:#fff!important;border:var(--border-width) var(--border-style) var(--color-gray-300);border-radius:var(--radius-md);color:#000!important;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.ds-input::placeholder,.ds-textarea::placeholder,.form-group[data-use-ds=true] input::placeholder,.form-group[data-use-ds=true] textarea::placeholder{-webkit-text-fill-color:#9ca3af!important;color:#9ca3af!important}.ds-input:focus,.ds-select:focus,.ds-textarea:focus,.form-group[data-use-ds=true] input:focus,.form-group[data-use-ds=true] select:focus,.form-group[data-use-ds=true] textarea:focus{-webkit-text-fill-color:#000!important;border-color:var(--color-primary);box-shadow:var(--shadow-focus);color:#000!important}.ds-input:-webkit-autofill,.ds-input:-webkit-autofill:focus,.ds-input:-webkit-autofill:hover,.form-group[data-use-ds=true] input:-webkit-autofill,.form-group[data-use-ds=true] input:-webkit-autofill:focus,.form-group[data-use-ds=true] input:-webkit-autofill:hover{-webkit-text-fill-color:#000!important;background-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.ds-input:disabled,.ds-select:disabled,.ds-textarea:disabled{background:var(--color-gray-50);color:var(--color-text-muted);cursor:not-allowed}.ds-form-group.error input,.ds-input-error,.ds-input:invalid:not(:placeholder-shown){border-color:var(--color-error)}.ds-input-error:focus{box-shadow:0 0 0 3px #ef444433}.ds-form-group.success input,.ds-input-success{border-color:var(--color-success)}.ds-textarea{min-height:100px;resize:vertical}.ds-textarea-sm{min-height:60px}.ds-textarea-lg{min-height:150px}.ds-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right var(--spacing-md) center;background-repeat:no-repeat;cursor:pointer;padding-right:var(--spacing-2xl)}.ds-checkbox-group,.ds-radio-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.ds-checkbox-wrapper,.ds-radio-wrapper{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm)}.ds-checkbox,.ds-form-group input[type=checkbox],.ds-form-group input[type=radio],.ds-radio{-webkit-appearance:none;appearance:none;background:var(--color-white);border:var(--border-width) var(--border-style) var(--color-gray-400);cursor:pointer;flex-shrink:0;height:18px;margin:0;width:18px}.ds-checkbox,.ds-form-group input[type=checkbox]{border-radius:var(--radius-sm)}.ds-form-group input[type=radio],.ds-radio{border-radius:var(--radius-full)}.ds-checkbox:checked,.ds-radio:checked{background:var(--color-primary);border-color:var(--color-primary);position:relative}.ds-checkbox:checked:after{border:2px solid var(--color-white);border-left:0;border-top:0;content:"";height:9px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.ds-radio:checked:after{background:var(--color-white);border-radius:var(--radius-full);content:"";height:8px;left:4px;position:absolute;top:4px;width:8px}.ds-checkbox:focus-visible,.ds-radio:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ds-form-group .help-text,.ds-help-text{color:var(--color-text-secondary);font-size:var(--text-xs);margin-top:var(--spacing-xs)}.ds-error-text,.ds-form-group .error-text,.ds-form-group.error .help-text{color:var(--color-error);font-size:var(--text-xs);margin-top:var(--spacing-xs)}.ds-input-group{display:flex;width:100%}.ds-input-group .ds-input{border-radius:0;flex:1 1}.ds-input-group .ds-input:first-child{border-bottom-left-radius:var(--radius-md);border-top-left-radius:var(--radius-md)}.ds-input-group .ds-input:last-child{border-bottom-right-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.ds-input-addon{align-items:center;background:var(--color-gray-50);border:var(--border-width) var(--border-style) var(--color-gray-300);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md)}.ds-input-addon:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:0}.ds-input-addon:last-child{border-left:0;border-radius:0 var(--radius-md) var(--radius-md) 0}.ds-form-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ds-form-grid-2{grid-template-columns:repeat(2,1fr)}.ds-form-grid-3{grid-template-columns:repeat(3,1fr)}.ds-form-group-full{grid-column:1/-1}.ds-form-inline{align-items:flex-end;display:flex;gap:var(--spacing-md)}.ds-form-inline .ds-form-group{flex:1 1;margin-bottom:0}.dark .ds-input,.dark .ds-select,.dark .ds-textarea{background:var(--color-dark-surface);border-color:var(--color-dark-border);color:var(--color-text-inverse)}.dark .ds-input::placeholder,.dark .ds-textarea::placeholder{color:var(--color-gray-500)}.dark .ds-input:focus,.dark .ds-select:focus,.dark .ds-textarea:focus{border-color:var(--color-primary)}.dark .ds-input-addon{background:var(--color-dark-bg);border-color:var(--color-dark-border);color:var(--color-gray-400)}@media (max-width:640px){.ds-form-grid,.ds-form-grid-2,.ds-form-grid-3{grid-template-columns:1fr}.ds-form-inline{align-items:stretch;flex-direction:column}.ds-form-inline .ds-form-group{margin-bottom:var(--spacing-md)}}.card[data-use-ds=true],.ds-card,.event-card[data-use-ds=true],.tool-card[data-use-ds=true]{background:var(--color-white);border:var(--border-width) var(--border-style) var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;padding:var(--spacing-md);position:relative;transition:all var(--transition-base)}.ds-card:hover,.event-card[data-use-ds=true]:hover,.tool-card[data-use-ds=true]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ds-card.active,.ds-card.selected,.event-card[data-use-ds=true].selected,.tool-card[data-use-ds=true].active{background:var(--color-primary);background:linear-gradient(135deg,#16a34a0d,#16a34a05);border-color:var(--color-primary);box-shadow:0 0 0 3px #16a34a1a}.ds-card-header,.event-info[data-use-ds=true]{margin-bottom:var(--spacing-sm)}.ds-card h3,.ds-card-title,.event-card[data-use-ds=true] h3{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0 0 var(--spacing-xs) 0}.ds-card-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.ds-card-meta,.event-meta[data-use-ds=true]{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--spacing-xs)}.ds-card-meta span,.event-meta[data-use-ds=true] span{align-items:center;display:flex;gap:var(--spacing-xs)}.ds-card-meta svg,.event-meta[data-use-ds=true] svg{color:var(--color-text-muted);flex-shrink:0}.ds-card-body{color:var(--color-text-primary);flex:1 1 auto;font-size:var(--text-base);line-height:var(--leading-normal)}.ds-card-footer,.event-status[data-use-ds=true]{align-items:center;border-top:var(--border-width) var(--border-style) var(--color-gray-100);display:flex;justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.ds-badge,.status-badge[data-use-ds=true]{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.025em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.ds-badge-primary,.status-badge.published[data-use-ds=true]{background:var(--color-primary);color:var(--color-white)}.ds-badge-secondary{background:var(--color-gray-100);color:var(--color-text-secondary)}.ds-badge-success{background:var(--color-success);color:var(--color-white)}.ds-badge-warning{background:var(--color-warning);color:var(--color-white)}.ds-badge-error{background:var(--color-error);color:var(--color-white)}.ds-count-badge,.rsvp-count[data-use-ds=true]{align-items:center;background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--spacing-xs) var(--spacing-sm)}.ds-card-compact{padding:var(--spacing-sm)}.ds-card-compact .ds-card-title{font-size:var(--text-base)}.ds-card-lg{padding:var(--spacing-lg)}.ds-card-lg .ds-card-title{font-size:var(--text-xl)}.ds-card-horizontal{flex-direction:row;gap:var(--spacing-md)}.ds-card-static{cursor:default}.ds-card-static:hover{box-shadow:var(--shadow-sm);transform:none}.ds-card-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ds-card-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.dark .ds-card,.dark .event-card[data-use-ds=true],.dark .tool-card[data-use-ds=true]{background:var(--color-dark-surface);border-color:var(--color-dark-border);color:var(--color-text-inverse)}.dark .ds-card:hover{border-color:var(--color-primary)}.dark .ds-card.selected{background:linear-gradient(135deg,#16a34a1a,#16a34a0d)}.dark .ds-card-title{color:var(--color-text-inverse)}.dark .ds-card-footer{border-top-color:var(--color-dark-border)}@media (max-width:640px){.ds-card-grid{grid-template-columns:1fr}.ds-card-horizontal{flex-direction:column}}.ds-filters-section,.filters-section[data-use-ds=true]{background:var(--color-white);border:var(--border-width) var(--border-style) var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.ds-filter-row,.filter-row[data-use-ds=true]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.ds-filter-group,.filter-group[data-use-ds=true]{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm);min-width:200px}.ds-filter-group svg,.filter-group[data-use-ds=true] svg{color:var(--color-text-muted);flex-shrink:0}.ds-filter-group select,.filter-group[data-use-ds=true] select{-webkit-text-fill-color:#000!important;-webkit-appearance:none;appearance:none;background:var(--color-white)!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right var(--spacing-md) center;background-repeat:no-repeat;border:var(--border-width) var(--border-style) var(--color-gray-300);border-radius:var(--radius-md);color:#000!important;cursor:pointer;flex:1 1;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);padding-right:var(--spacing-2xl);transition:all var(--transition-fast)}.ds-filter-group select:hover,.filter-group[data-use-ds=true] select:hover{background-color:var(--color-white);border-color:var(--color-gray-400)}.ds-filter-group select:focus,.filter-group[data-use-ds=true] select:focus{background-color:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.ds-search-group,.search-group[data-use-ds=true]{align-items:center;display:flex;flex:2 1;gap:var(--spacing-sm);min-width:250px;position:relative}.ds-search-group input,.search-group[data-use-ds=true] input{-webkit-text-fill-color:#000!important;background:var(--color-white)!important;border:var(--border-width) var(--border-style) var(--color-gray-300);border-radius:var(--radius-md);color:#000!important;flex:1 1;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-xl) + var(--spacing-sm));transition:all var(--transition-fast)}.ds-search-group svg,.search-group[data-use-ds=true] svg{color:var(--color-text-muted);left:var(--spacing-md);pointer-events:none;position:absolute}.ds-search-group input::placeholder,.search-group[data-use-ds=true] input::placeholder{color:var(--color-text-muted)}.ds-search-group input:focus,.search-group[data-use-ds=true] input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.ds-search-bar{align-items:center;display:flex;max-width:400px;position:relative;width:100%}.ds-search-input{-webkit-text-fill-color:var(--color-text-primary)!important;background:var(--color-white);border:var(--border-width) var(--border-style) var(--color-gray-300);border-radius:var(--radius-full);color:var(--color-text-primary)!important;font-size:var(--text-base);padding:var(--spacing-md) var(--spacing-lg);padding-left:calc(var(--spacing-2xl) + var(--spacing-md));transition:all var(--transition-fast);width:100%}.ds-search-bar svg{color:var(--color-text-muted);left:var(--spacing-lg);pointer-events:none;position:absolute}.ds-search-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.ds-search-button{background:var(--color-primary);border:none;border-radius:var(--radius-full);color:var(--color-white);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);position:absolute;right:var(--spacing-xs);transition:all var(--transition-fast)}.ds-search-button:hover{background:var(--color-primary-dark)}.ds-filter-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.ds-filter-chip{align-items:center;background:var(--color-gray-100);border:var(--border-width) var(--border-style) var(--color-gray-300);border-radius:var(--radius-full);color:var(--color-text-primary);display:inline-flex;font-size:var(--text-sm);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.ds-filter-chip button{align-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;margin-left:var(--spacing-xs);padding:0}.ds-filter-chip button:hover{color:var(--color-error)}.ds-active-filters{align-items:center;background:var(--color-primary);border-radius:var(--radius-md);display:flex;font-weight:var(--font-medium);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.ds-active-filters,.ds-clear-filters{color:var(--color-white);font-size:var(--text-sm)}.ds-clear-filters{background:none;border:none;cursor:pointer;text-decoration:underline}.ds-clear-filters:hover{text-decoration:none}.dark .ds-filters-section,.dark .filters-section[data-use-ds=true]{background:var(--color-dark-surface);border-color:var(--color-dark-border)}.dark .ds-filter-group select,.dark .filter-group[data-use-ds=true] select{background:var(--color-dark-bg);border-color:var(--color-dark-border);color:var(--color-text-inverse)}.dark .ds-search-group input,.dark .search-group[data-use-ds=true] input{-webkit-text-fill-color:var(--color-text-inverse)!important;background:var(--color-dark-bg);border-color:var(--color-dark-border);color:var(--color-text-inverse)!important}@media (max-width:768px){.ds-filter-row,.filter-row[data-use-ds=true]{flex-direction:column}.ds-filter-group,.ds-search-group,.filter-group[data-use-ds=true],.search-group[data-use-ds=true]{min-width:0;min-width:auto;width:100%}}.ds-table,table[data-use-ds=true]{background:var(--color-white);border:var(--border-width) var(--border-style) var(--color-gray-300);border-collapse:collapse;border-radius:var(--radius-lg);font-size:var(--text-sm);overflow:hidden;width:100%}.ds-table-wrapper,.table-wrapper[data-use-ds=true]{background:var(--color-white);border:var(--border-width) var(--border-style) var(--color-gray-300);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);overflow-x:auto;width:100%}.ds-table-wrapper .ds-table,.table-wrapper[data-use-ds=true] table{border:none;border-radius:0}.ds-table thead,table[data-use-ds=true] thead{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-300)}.ds-table th,table[data-use-ds=true] th{-webkit-text-fill-color:var(--color-text-primary)!important;color:var(--color-text-primary)!important;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase;white-space:nowrap}.ds-table th.sortable,table[data-use-ds=true] th.sortable{cursor:pointer;padding-right:calc(var(--spacing-lg) + 16px);position:relative;-webkit-user-select:none;user-select:none}.ds-table th.sortable:hover,table[data-use-ds=true] th.sortable:hover{background:var(--color-gray-100)}.ds-table th.sortable:after,table[data-use-ds=true] th.sortable:after{content:"↕";opacity:.5;position:absolute;right:var(--spacing-md)}.ds-table th.sortable.sorted-asc:after,table[data-use-ds=true] th.sortable.sorted-asc:after{color:var(--color-primary);content:"↑";opacity:1}.ds-table th.sortable.sorted-desc:after,table[data-use-ds=true] th.sortable.sorted-desc:after{color:var(--color-primary);content:"↓";opacity:1}.ds-table tbody,table[data-use-ds=true] tbody{background:var(--color-white)}.ds-table td,table[data-use-ds=true] td{-webkit-text-fill-color:#000!important;border-bottom:var(--border-width) var(--border-style) var(--color-gray-200);color:#000!important;padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle}.ds-table tbody tr:hover,table[data-use-ds=true] tbody tr:hover{background:var(--color-gray-50);transition:background var(--transition-fast)}.ds-table tbody tr:last-child td,table[data-use-ds=true] tbody tr:last-child td{border-bottom:none}.ds-table tr.selected,table[data-use-ds=true] tr.selected{background:rgba(var(--color-primary-rgb),.1)!important}.ds-table tr.disabled,table[data-use-ds=true] tr.disabled{opacity:.5;pointer-events:none}.ds-table tbody tr.clickable,table[data-use-ds=true] tbody tr.clickable{cursor:pointer}.ds-table tbody tr.clickable:hover,table[data-use-ds=true] tbody tr.clickable:hover{background:var(--color-gray-100)}.ds-table .text-left,table[data-use-ds=true] .text-left{text-align:left}.ds-table .text-center,table[data-use-ds=true] .text-center{text-align:center}.ds-table .text-right,table[data-use-ds=true] .text-right{text-align:right}.ds-table .table-actions,table[data-use-ds=true] .table-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.ds-table .status-badge,.ds-table .table-actions button,table[data-use-ds=true] .status-badge,table[data-use-ds=true] .table-actions button{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}.ds-table .status-badge,table[data-use-ds=true] .status-badge{border-radius:var(--radius-full);display:inline-block;font-weight:var(--font-medium);letter-spacing:.05em;text-transform:uppercase}.ds-table .status-badge.active,table[data-use-ds=true] .status-badge.active{background:#10b9811a;color:#10b981}.ds-table .status-badge.inactive,table[data-use-ds=true] .status-badge.inactive{background:#9ca3af1a;color:#6b7280}.ds-table .status-badge.pending,table[data-use-ds=true] .status-badge.pending{background:#fbbf241a;color:#f59e0b}.ds-table .status-badge.error,table[data-use-ds=true] .status-badge.error{background:#ef44441a;color:#ef4444}.ds-table.striped tbody tr:nth-child(2n),table[data-use-ds=true].striped tbody tr:nth-child(2n){background:var(--color-gray-50)}.ds-table.striped tbody tr:nth-child(2n):hover,table[data-use-ds=true].striped tbody tr:nth-child(2n):hover{background:var(--color-gray-100)}.ds-table.compact td,.ds-table.compact th,table[data-use-ds=true].compact td,table[data-use-ds=true].compact th{padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width:768px){.ds-table-responsive,table[data-use-ds=true].responsive{display:block;overflow-x:auto;white-space:nowrap}.ds-table-responsive tbody,.ds-table-responsive td,.ds-table-responsive th,.ds-table-responsive thead,.ds-table-responsive tr{display:block}.ds-table-responsive thead tr{left:-9999px;position:absolute;top:-9999px}.ds-table-responsive tr{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.ds-table-responsive td{border:none;padding-left:50%;position:relative}.ds-table-responsive td:before{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);left:var(--spacing-sm);position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);white-space:nowrap;width:45%}}.ds-table-empty,.table-empty[data-use-ds=true]{color:var(--color-text-muted);padding:var(--spacing-2xl);text-align:center}.ds-table-empty svg,.table-empty[data-use-ds=true] svg{height:48px;margin:0 auto var(--spacing-md);opacity:.5;width:48px}.ds-table-loading,.table-loading[data-use-ds=true]{opacity:.5;pointer-events:none;position:relative}.ds-table-loading:after,.table-loading[data-use-ds=true]:after{animation:spin .8s linear infinite;border:3px solid var(--color-gray-300);border-radius:50%;border-top-color:var(--color-primary);content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-white);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);margin:0}.ds-text-xs{font-size:var(--text-xs)}.ds-text-sm{font-size:var(--text-sm)}.ds-text-base{font-size:var(--text-base)}.ds-text-lg{font-size:var(--text-lg)}.ds-text-xl{font-size:var(--text-xl)}.ds-text-2xl{font-size:var(--text-2xl)}.ds-font-normal{font-weight:var(--font-normal)}.ds-font-medium{font-weight:var(--font-medium)}.ds-font-semibold{font-weight:var(--font-semibold)}.ds-font-bold{font-weight:var(--font-bold)}.ds-text-primary{color:var(--color-text-primary)}.ds-text-secondary{color:var(--color-text-secondary)}.ds-text-muted{color:var(--color-text-muted)}.ds-text-error{color:var(--color-error)}.ds-text-success{color:var(--color-success)}.ds-bg-primary{background-color:var(--color-primary)}.ds-bg-secondary{background-color:var(--color-secondary)}.ds-bg-gray-50{background-color:var(--color-gray-50)}.ds-bg-gray-100{background-color:var(--color-gray-100)}.ds-m-0{margin:0}.ds-m-xs{margin:var(--spacing-xs)}.ds-m-sm{margin:var(--spacing-sm)}.ds-m-md{margin:var(--spacing-md)}.ds-m-lg{margin:var(--spacing-lg)}.ds-p-0{padding:0}.ds-p-xs{padding:var(--spacing-xs)}.ds-p-sm{padding:var(--spacing-sm)}.ds-p-md{padding:var(--spacing-md)}.ds-p-lg{padding:var(--spacing-lg)}.ds-container{margin:0 auto;max-width:var(--breakpoint-xl);padding:0 var(--spacing-lg);width:100%}.ds-flex{display:flex}.ds-flex-col{flex-direction:column}.ds-items-center{align-items:center}.ds-justify-center{justify-content:center}.ds-justify-between{justify-content:space-between}.ds-gap-xs{gap:var(--spacing-xs)}.ds-gap-sm{gap:var(--spacing-sm)}.ds-gap-md{gap:var(--spacing-md)}.ds-gap-lg{gap:var(--spacing-lg)}.ds-border{border:var(--border-width) var(--border-style) var(--border-color)}.ds-rounded-sm{border-radius:var(--radius-sm)}.ds-rounded-md{border-radius:var(--radius-md)}.ds-rounded-lg{border-radius:var(--radius-lg)}.ds-rounded-xl{border-radius:var(--radius-xl)}.ds-rounded-full{border-radius:var(--radius-full)}.ds-shadow-sm{box-shadow:var(--shadow-sm)}.ds-shadow-md{box-shadow:var(--shadow-md)}.ds-shadow-lg{box-shadow:var(--shadow-lg)}.ds-shadow-xl{box-shadow:var(--shadow-xl)}[data-use-ds=true].btn-primary,[data-use-ds=true].btn-secondary{@extend .ds-btn;@extend .ds-btn-secondary}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.container{margin:0 auto;max-width:100%;padding:0 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-primary{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:12px;box-shadow:0 4px 15px #16a34a33;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 32px;text-align:center;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#15803d,#14532d);box-shadow:0 6px 20px #16a34a4d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #e2e8f0;border-radius:12px;color:#334155;cursor:pointer;font-size:16px;font-weight:600;padding:12px 28px;transition:all .3s ease}.btn-secondary:hover{background:#f1f5f9;border-color:#16a34a;color:#16a34a}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#16a34a,#15803d);-webkit-background-clip:text;background-clip:text}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:9999}.toast{background:#fff;border-radius:12px;box-shadow:0 6px 24px #00000026;gap:12px;max-width:420px;min-width:320px;overflow:hidden;padding:16px;pointer-events:auto;position:relative}.toast,.toast-icon{align-items:center;display:flex}.toast-icon{border-radius:8px;flex-shrink:0;height:32px;justify-content:center;width:32px}.toast-message{color:#1a1a1a;flex:1 1;font-size:14px;font-weight:500;line-height:1.4;margin:0}.toast-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.toast-close:hover{background:#0000000d;color:#666}.toast-progress{border-radius:0 0 12px 12px;bottom:0;height:3px;left:0;position:absolute;transition:width .1s linear}.toast-success{border-left:4px solid #4caf50}.toast-error{border-left:4px solid #f44336}.toast-warning{border-left:4px solid #ff9800}.toast-info{border-left:4px solid #2196f3}@media (max-width:480px){.toast-container{left:20px;right:20px}.toast{max-width:100%;min-width:auto}}@media (prefers-color-scheme:dark){.toast{background:#2a2a2a;box-shadow:0 6px 24px #00000080}.toast-message{color:#fff}.toast-close{color:#666}.toast-close:hover{background:#ffffff0d;color:#999}}.admin-layout{background:#f8fafc;display:flex;min-height:100vh}.admin-sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;width:280px;z-index:100}.admin-sidebar-header{border-bottom:1px solid #e2e8f0;padding:24px}.admin-logo{align-items:center;display:flex;gap:12px;margin-bottom:20px}.admin-logo-icon{color:#16a34a;height:32px;width:32px}.admin-logo-text{color:#16a34a;font-size:24px;font-weight:800}.admin-back-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:8px 16px;transition:all .3s ease;width:100%}.admin-back-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#0f172a}.admin-nav{flex:1 1;padding:16px}.admin-nav-item{align-items:center;border-radius:12px;color:#64748b;display:flex;gap:12px;margin-bottom:4px;overflow:hidden;padding:12px 16px;position:relative;text-decoration:none;transition:all .3s ease}.admin-nav-item:hover{background:#f1f5f9;color:#0f172a}.admin-nav-item.active{background:linear-gradient(135deg,#16a34a15,#15803d10);border:1px solid #16a34a20;color:#16a34a}.admin-nav-item.active:before{background:linear-gradient(180deg,#16a34a,#16a34a);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.admin-nav-item svg{flex-shrink:0}.admin-nav-item span{font-size:14px;font-weight:500}.admin-sidebar-footer{border-top:1px solid #e2e8f0;padding:16px}.admin-user-info{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:12px;margin-bottom:12px;padding:12px}.admin-user-avatar{align-items:center;background:linear-gradient(135deg,#16a34a,#16a34a);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.admin-user-details{flex:1 1}.admin-user-name{color:#0f172a;font-size:14px;font-weight:600;margin-bottom:2px}.admin-user-role{color:#64748b;font-size:12px}.admin-logout-btn{align-items:center;background:#fff;border:1px solid #16a34a30;border-radius:8px;color:#16a34a;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all .3s ease;width:100%}.admin-logout-btn:hover{background:#16a34a10;border-color:#16a34a}.admin-main{flex:1 1;margin-left:280px;max-width:calc(100% - 280px);overflow-x:hidden;padding:32px}.admin-page-header{margin-bottom:32px}.admin-page-title{color:#0f172a;font-size:48px;font-weight:800;margin-bottom:8px}.admin-page-subtitle{color:#64748b;font-size:18px}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.admin-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:24px;transition:all .3s ease}.admin-stat-card:hover{border-color:#16a34a30;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.admin-stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.admin-stat-label{color:#64748b;font-size:14px;letter-spacing:1px;text-transform:uppercase}.admin-stat-icon{align-items:center;display:flex;height:48px;justify-content:center;width:48px}.admin-stat-icon svg{height:32px;width:32px}.admin-stat-value{color:#0f172a;font-size:32px;font-weight:800;margin-bottom:8px}.admin-stat-change{align-items:center;display:flex;font-size:14px;gap:4px}.admin-stat-change.positive{color:#00d4a6}.admin-stat-change.negative{color:#16a34a}.admin-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.admin-table-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.admin-table-title{color:#0f172a;font-size:20px;font-weight:700}.admin-table-actions{display:flex;gap:12px}.admin-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:14px;padding:8px 16px;transition:all .3s ease;width:250px}.admin-search-input::placeholder{color:#94a3b8}.admin-search-input:focus{background:#fff;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a15;outline:none}.admin-filter-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .3s ease}.admin-filter-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#0f172a}.admin-table{border-collapse:collapse;width:100%}.admin-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:1px;padding:16px 24px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:16px 24px}.admin-table tbody tr{transition:all .3s ease}.admin-table tbody tr:hover{background:#f8fafc}.admin-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;padding:4px 12px}.admin-status-badge.active{background:#00d4a633;border:1px solid #00d4a64d;color:#00d4a6}.admin-status-badge.pending{background:#ffa72633;border:1px solid #ffa7264d;color:#ffa726}.admin-status-badge.suspended{background:#16a34a33;border:1px solid #16a34a4d;color:#16a34a}.admin-actions{display:flex;gap:8px}.admin-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .3s ease}.admin-action-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.admin-action-btn.primary{background:linear-gradient(135deg,#16a34a,#16a34a);border:none;color:#fff}.admin-action-btn.primary:hover{box-shadow:0 4px 12px #16a34a4d;transform:translateY(-1px)}.admin-action-btn svg{height:14px;width:14px}.admin-charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:32px}.admin-chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 3px #0000000d;padding:24px}.admin-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-chart-title{color:#0f172a;font-size:18px;font-weight:600}.admin-chart-period{display:flex;gap:8px}.admin-period-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.admin-period-btn:hover{background:#f8fafc;color:#0f172a}.admin-period-btn.active{background:#16a34a10;border-color:#16a34a30;color:#16a34a}.admin-empty-state{color:#64748b;padding:60px 20px;text-align:center}.admin-empty-icon{color:#cbd5e1;height:64px;margin:0 auto 20px;width:64px}.admin-empty-message{color:#475569;font-size:18px;margin-bottom:8px}.admin-empty-description{color:#94a3b8;font-size:14px}.admin-loading{align-items:center;display:flex;justify-content:center;padding:60px}.admin-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#16a34a;box-shadow:0 4px 15px #16a34a33;height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.admin-sidebar{width:240px}.admin-main{margin-left:240px;max-width:calc(100% - 240px)}.admin-charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-sidebar{position:fixed;transform:translateX(-100%);transition:transform .3s ease;width:100%}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0;max-width:100%;padding:20px}.admin-stats-grid{grid-template-columns:1fr}.admin-page-title{font-size:36px}.admin-table-container{overflow-x:auto}.admin-search-input{width:100%}}.footer{background:#0f172a;color:#fff;padding:40px 0 30px}.footer-simple{align-items:flex-start;display:flex;gap:60px;justify-content:space-between}.footer-brand{flex:1 1;max-width:350px}.footer-logo{align-items:center;display:flex;gap:12px;margin-bottom:16px}.footer-logo img{height:32px;object-fit:contain;width:32px}.footer-logo span{font-size:20px;font-weight:700}.footer-description{color:#94a3b8;font-size:14px;line-height:1.6}.footer-newsletter{flex:1 1;max-width:400px}.footer-newsletter h4{font-size:18px;margin-bottom:8px}.footer-newsletter p{color:#94a3b8;font-size:14px;margin-bottom:16px}.newsletter-form{display:flex;width:100%}.newsletter-input{background:#ffffff1a;border:1px solid #fff3;border-radius:25px 0 0 25px;color:#fff;flex:1 1;font-size:14px;padding:10px 16px}.newsletter-input::placeholder{color:#94a3b8}.newsletter-input:focus{background:#ffffff26;border-color:#16a34a;outline:none}.newsletter-btn{align-items:center;background:#16a34a;border:none;border-radius:0 25px 25px 0;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px 16px;transition:background .3s ease}.newsletter-btn:hover:not(:disabled){background:#15803d}.newsletter-btn:disabled{cursor:not-allowed;opacity:.6}.footer-copyright{flex:1 1;max-width:350px;text-align:right}.footer-copyright p{color:#94a3b8;font-size:13px;line-height:1.5;margin-bottom:4px}@media (max-width:768px){.footer{padding:30px 0 20px}.footer-simple{align-items:center;flex-direction:column;gap:30px}.footer-brand,.footer-copyright,.footer-newsletter{max-width:100%;text-align:center}.footer-logo{justify-content:center}.footer-copyright{text-align:center}.newsletter-form{max-width:100%}}.host-layout{background:#f8fafc;display:flex;min-height:100vh}.host-sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;width:280px;z-index:100}.host-sidebar-header{border-bottom:1px solid #e2e8f0;padding:24px}.host-logo{align-items:center;display:flex;gap:12px;margin-bottom:20px}.host-logo-icon{color:var(--color-primary);height:32px;width:32px}.host-logo-text{color:var(--color-primary);font-size:24px;font-weight:800}.host-back-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:8px 16px;transition:all .3s ease;width:100%}.host-back-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#0f172a}.host-nav{flex:1 1;padding:16px}.host-nav-item{align-items:center;border-radius:12px;color:#64748b;display:flex;gap:12px;margin-bottom:4px;overflow:hidden;padding:12px 16px;position:relative;text-decoration:none;transition:all .3s ease}.host-nav-item:hover{background:#f1f5f9;color:#0f172a}.host-nav-item.active{background:linear-gradient(135deg,#16a34a14,#15803d0f);border:1px solid #16a34a1f;color:var(--color-primary)}.host-nav-item.active:before{background:linear-gradient(180deg,var(--color-primary) 0,var(--color-primary) 100%);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.host-nav-icon{flex-shrink:0;height:20px;width:20px}.host-nav-label{font-size:15px;font-weight:500}.host-user-section{background:#fff;border-top:1px solid #e2e8f0;padding:20px}.host-user-info{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:12px;margin-bottom:12px;padding:12px}.host-user-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary) 100%);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.host-user-details{flex:1 1}.host-user-name{color:#0f172a;font-size:14px;font-weight:600;margin-bottom:2px}.host-user-role{color:#64748b;font-size:12px;text-transform:capitalize}.host-logout-btn{align-items:center;background:#fff;border:1px solid #16a34a33;border-radius:8px;color:var(--color-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px;transition:all .3s ease;width:100%}.host-logout-btn:hover{background:#16a34a0f;border-color:var(--color-primary)}.host-main{flex:1 1;margin-left:280px;max-width:calc(100% - 280px);overflow-x:hidden;padding:32px}@media (max-width:1024px){.host-sidebar{transform:translateX(-280px);transition:transform .3s ease}.host-sidebar.open{transform:translateX(0)}.host-main{margin-left:0}}.host-nav-badge{background:var(--color-primary);border-radius:12px;color:#fff;font-size:12px;font-weight:600;margin-left:auto;padding:2px 8px}.host-layout.loading{opacity:.6;pointer-events:none}.host-mobile-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:var(--color-primary);cursor:pointer;display:none;left:20px;padding:10px;position:fixed;top:20px;z-index:101}@media (max-width:1024px){.host-mobile-toggle{display:block}}.host-sidebar-overlay{background:#0000004d;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}@media (max-width:1024px){.host-sidebar-overlay.open{display:block}}.notification-bell-container{position:relative}.notification-bell-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .3s ease}.notification-bell-btn:hover{background:#16a34a1a;color:#16a34a}.notification-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#16a34a,#16a34a);border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:2px 5px;position:absolute;right:2px;top:2px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-dropdown{background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;max-height:500px;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:380px;z-index:1000}.notification-header{align-items:center;background:linear-gradient(135deg,#fff,#fafafa);border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.notification-header h3{color:#1a1a1a;font-size:18px;font-weight:700;margin:0}.notification-actions{display:flex;gap:8px}.mark-all-read-btn,.settings-btn{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px;transition:all .3s ease}.mark-all-read-btn:hover{background:#4caf50;border-color:#4caf50;color:#fff}.settings-btn:hover{background:#666;border-color:#666;color:#fff}.notification-list{flex:1 1;max-height:360px;overflow-y:auto}.no-notifications{color:#999;padding:40px 20px;text-align:center}.no-notifications svg{color:#ddd;margin-bottom:16px}.no-notifications p{color:#666;font-size:16px;font-weight:600;margin:0 0 8px}.no-notifications span{color:#999;font-size:14px}.notification-item{align-items:flex-start;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;transition:all .3s ease}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:linear-gradient(135deg,#f0fdf4,#fff)}.notification-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notification-content{flex:1 1;min-width:0}.notification-content h4{color:#1a1a1a;font-size:14px;font-weight:600;margin:0 0 4px}.notification-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:13px;line-height:1.4;margin:0 0 4px;overflow:hidden}.notification-time{color:#999;font-size:11px}.unread-dot{background:#16a34a;border-radius:50%;height:8px;position:absolute;right:20px;top:20px;width:8px}.notification-footer{background:#fafafa;border-top:1px solid #f0f0f0;padding:12px 20px}.view-all-btn{background:linear-gradient(135deg,#16a34a,#16a34a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:all .3s ease;width:100%}.view-all-btn:hover{box-shadow:0 4px 12px #16a34a4d;transform:translateY(-2px)}@media (max-width:480px){.notification-dropdown{right:-10px;width:calc(100vw - 40px)}}@media (prefers-color-scheme:dark){.notification-dropdown{background:#1a1a1a;box-shadow:0 10px 40px #00000080}.notification-header{background:linear-gradient(135deg,#1a1a1a,#222);border-bottom-color:#333}.notification-header h3{color:#fff}.notification-item{border-bottom-color:#333}.notification-item:hover{background:#222}.notification-item.unread{background:linear-gradient(135deg,#2a1a1a,#1a1a1a)}.notification-content h4{color:#fff}.notification-content p{color:#ccc}.notification-footer{background:#222;border-top-color:#333}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafcf2;border-bottom:1px solid #e2e8f080;box-shadow:0 2px 20px #0f172a0d;left:0;padding:10px 0;position:fixed;right:0;top:0;z-index:1000}.nav-content{justify-content:space-between}.logo,.nav-content{align-items:center;display:flex}.logo{cursor:pointer;gap:12px}.logo-icon{color:#16a34a;height:48px;object-fit:contain;width:48px}.logo-text{color:#0f172a;font-size:24px;font-weight:700}.nav-links{align-items:center;display:flex;gap:40px}.nav-links a{color:#64748b;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#16a34a}.nav-links a:after{background:#16a34a;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}.nav-buttons,.user-section{align-items:center;display:flex;gap:16px}.user-info{align-items:center;background:#0f172a0d;border-radius:12px;display:flex;gap:8px;padding:8px 16px}.user-name{color:#334155;font-weight:600}.user-type-badge{background:#16a34a;border-radius:8px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase}.logout-btn{padding:8px 16px!important}.nav-btn{font-size:14px;padding:10px 24px}.mobile-menu-btn{background:none;border:none;color:#334155;cursor:pointer;display:none}.user-menu-container{position:relative}.user-menu-trigger{align-items:center;background:#0000;border:1px solid #fff3;border-radius:24px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .2s}.user-menu-trigger:hover{background:#ffffff1a;border-color:#ffffff4d}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-weight:600;height:32px;justify-content:center;width:32px}.user-avatar,.user-name{color:#fff;font-size:14px}.user-name{font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;min-width:200px;padding:8px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 12px;text-align:left;transition:background .2s;width:100%}.dropdown-item:hover{background:#f5f5f5}.dropdown-divider{background:#e0e0e0;height:1px;margin:8px 0}@media (max-width:768px){.nav-links{background:#fff;box-shadow:0 10px 30px #0000001a;flex-direction:column;gap:20px;left:0;opacity:0;padding:20px;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease}.nav-links.active{opacity:1;pointer-events:all;transform:translateY(0)}.nav-btn{display:none}.mobile-menu-btn{display:block}}.profile-menu-container{align-items:center;display:flex;position:relative}.profile-btn{align-items:center;background:none;border:none;border-radius:25px;color:#333;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 12px;transition:all .3s ease}.profile-btn:hover{background:#16a34a1a;color:#16a34a}.profile-avatar{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.profile-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-name{font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown{background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 10px 40px #00000026;margin-top:8px;min-width:180px;padding:8px 0;position:absolute;right:0;top:100%;z-index:1000}.profile-dropdown button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:all .3s ease;width:100%}.profile-dropdown button:hover{background:#16a34a1a;color:#16a34a}.profile-dropdown button:last-child{color:#ef4444}.profile-dropdown button:last-child:hover{background:#ef44441a;color:#dc2626}@media (max-width:768px){.profile-name{display:none}.profile-menu-container{margin-right:8px}.become-host-btn{font-size:14px!important;padding:8px 12px!important}.become-host-btn svg{margin-right:6px!important}}.become-host-btn{align-items:center!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 8px #6366f14d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:600!important;gap:6px!important;padding:10px 16px!important;transition:all .3s ease!important}.become-host-btn:hover{background:linear-gradient(135deg,#5855eb,#7c3aed)!important;box-shadow:0 4px 12px #6366f166!important;transform:translateY(-1px)!important}.become-host-btn svg{flex-shrink:0!important;margin-right:4px!important}
/*# sourceMappingURL=main.4b736d7e.css.map*/