@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.5}body{font-family:var(--font-family);font-weight:var(--font-weight-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100dvh;transition:background-color var(--transition-normal), color var(--transition-normal)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:var(--font-weight-semibold)}p{overflow-wrap:break-word}::selection{color:#fff;background-color:#3b82f659}[data-theme=light] ::selection{color:#0f172a;background-color:#3b82f640}:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-tertiary:#1a1f2e;--bg-hover:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-color:#1e293b;--border-subtle:#151b2d;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg, #3b82f6, #8b5cf6);--accent-gradient-hover:linear-gradient(135deg, #2563eb, #7c3aed);--accent-glow:#3b82f640;--success:#10b981;--success-bg:#10b9811f;--warning:#f59e0b;--warning-bg:#f59e0b1f;--danger:#ef4444;--danger-bg:#ef44441f;--info:#06b6d4;--info-bg:#06b6d41f;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:64px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-xs:.75rem;--font-sm:.8125rem;--font-md:.875rem;--font-lg:1rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0009, 0 8px 10px -6px #00000080;--shadow-glow:0 0 20px #3b82f626;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--z-dropdown:100;--z-sticky:200;--z-modal:500;--z-toast:700}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-hover:#e2e8f0;--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--border-color:#e2e8f0;--border-subtle:#f1f5f9;--accent-glow:#3b82f61f;--success-bg:#10b98114;--warning-bg:#f59e0b14;--danger-bg:#ef444414;--info-bg:#06b6d414;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000f;--shadow-glow:0 0 20px #3b82f614}.glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#11182799}[data-theme=light] .glass{background:#ffffffb3}.glass-subtle{-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-subtle);background:#11182759}[data-theme=light] .glass-subtle{background:#ffffff80}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:1280px;padding-inline:var(--space-lg);margin-inline:auto}.container-sm{max-width:768px}.container-lg{max-width:1440px}.section{padding-block:var(--space-3xl)}.section-sm{padding-block:var(--space-2xl)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-md{font-size:var(--font-md)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.text-3xl{font-size:var(--font-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.m-0{margin:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100dvh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out}.animate-slide-down{animation:slideDown var(--transition-normal) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) ease-out}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary)}input,select,textarea{width:100%;font-size:var(--font-md);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);outline:none;padding:10px 14px}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:hover,select:hover,textarea:hover{border-color:var(--text-tertiary)}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-tertiary)}textarea{resize:vertical;min-height:80px}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8 8.293 5.354 5.646a.5.5 0 1 0-.708.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}input[type=checkbox],input[type=radio]{cursor:pointer;width:auto;accent-color:var(--accent-primary)}@media (max-width:639px){.container{padding-inline:var(--space-md)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.hide-mobile{display:none!important}.section{padding-block:var(--space-2xl)}}@media (min-width:640px) and (max-width:1023px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.hide-tablet{display:none!important}}@media (min-width:1024px){.hide-desktop{display:none!important}}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-size:var(--font-md);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all var(--transition-fast);border:1px solid #0000;padding:10px 20px;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn-primary{background:var(--accent-gradient);color:#fff;border-color:#0000;box-shadow:0 1px 3px #3b82f64d}.btn-primary:hover{background:var(--accent-gradient-hover);box-shadow:0 4px 12px #3b82f666}.btn-primary:active{box-shadow:0 1px 2px #3b82f64d}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--text-tertiary)}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover{background-color:var(--bg-hover);color:var(--text-primary)}.btn-danger{background-color:var(--danger);color:#fff;border-color:#0000}.btn-danger:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef444459}.btn-outline{color:var(--accent-primary);border-color:var(--accent-primary);background-color:#0000}.btn-outline:hover{box-shadow:0 0 0 3px var(--accent-glow);background-color:#3b82f61a}.btn-sm{font-size:var(--font-xs);border-radius:var(--radius-sm);padding:6px 12px}.btn-lg{font-size:var(--font-lg);border-radius:var(--radius-lg);padding:14px 28px}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.btn-icon.btn-sm{width:32px;height:32px}.btn-icon.btn-lg{width:48px;height:48px}.btn-full{width:100%}.btn-loading{color:#0000;pointer-events:none}.btn-loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;position:absolute}.btn-secondary.btn-loading:after,.btn-ghost.btn-loading:after{border-color:#94a3b84d;border-top-color:var(--text-primary)}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn-group .btn+.btn{margin-left:-1px}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--text-tertiary)}.card-interactive:hover{cursor:pointer;transform:translateY(-2px)}.card-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.card-header-title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.card-body{padding:var(--space-xl)}.card-footer{justify-content:flex-end;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-subtle);display:flex}.card-highlighted{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.card-highlighted:hover{box-shadow:var(--shadow-glow), var(--shadow-lg)}.card-glass{-webkit-backdrop-filter:blur(12px);border-color:var(--border-color);background:#11182799}[data-theme=light] .card-glass{background:#ffffffb3}.badge{font-size:var(--font-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;line-height:1.4;display:inline-flex}.badge-primary{color:#60a5fa;background:#3b82f626}[data-theme=light] .badge-primary{color:#2563eb;background:#3b82f61a}.badge-success{background:var(--success-bg);color:var(--success)}[data-theme=light] .badge-success{color:#059669}.badge-warning{background:var(--warning-bg);color:var(--warning)}[data-theme=light] .badge-warning{color:#d97706}.badge-danger{background:var(--danger-bg);color:var(--danger)}[data-theme=light] .badge-danger{color:#dc2626}.badge-info{background:var(--info-bg);color:var(--info)}[data-theme=light] .badge-info{color:#0891b2}.badge-outline{background:0 0;border:1px solid}.badge-purple{color:#a855f7;background:#a855f71f}[data-theme=light] .badge-purple{color:#7c3aed}.badge-cyan{color:#06b6d4;background:#06b6d41f}[data-theme=light] .badge-cyan{color:#0891b2}.badge-dot:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.modal-overlay{padding:var(--space-lg);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);animation:fadeIn var(--transition-fast) ease-out;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay[data-closing=true]{animation:fadeOut var(--transition-fast) ease-in}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90dvh;box-shadow:var(--shadow-xl);animation:scaleIn var(--transition-normal) ease-out;flex-direction:column;display:flex;overflow:hidden}.modal-sm{max-width:400px}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.modal-header{padding:var(--space-xl);border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-header-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-tertiary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--space-xl);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-subtle);flex-shrink:0;display:flex}.table-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--font-md)}.data-table th{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);white-space:nowrap;z-index:1;padding:12px 16px;position:sticky;top:0}.data-table td{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);transition:background-color var(--transition-fast);padding:12px 16px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:nth-child(2n){background-color:var(--bg-tertiary)}[data-theme=light] .data-table tbody tr:nth-child(2n){background-color:#f1f5f980}.data-table tbody tr:hover td{background-color:var(--bg-hover)}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--text-primary)}.data-table th.sorted-asc:after{content:" ▲";font-size:10px}.data-table th.sorted-desc:after{content:" ▼";font-size:10px}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-group+.form-group{margin-top:var(--space-lg)}.form-label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.form-label-required:after{content:" *";color:var(--danger)}.form-input,.form-select,.form-textarea{width:100%;font-size:var(--font-md);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);outline:none;padding:10px 14px}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--text-tertiary)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.form-input.is-error,.form-select.is-error,.form-textarea.is-error{border-color:var(--danger);box-shadow:0 0 0 3px #ef444426}.form-input.is-success,.form-select.is-success,.form-textarea.is-success{border-color:var(--success);box-shadow:0 0 0 3px #10b98126}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8 8.293 5.354 5.646a.5.5 0 1 0-.708.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.form-textarea{resize:vertical;min-height:100px}.form-error{font-size:var(--font-xs);color:var(--danger);align-items:center;gap:4px;display:flex}.form-hint{font-size:var(--font-xs);color:var(--text-tertiary)}.input-with-icon{position:relative}.input-with-icon .form-input{padding-left:40px}.input-with-icon-right .form-input{padding-left:14px;padding-right:40px}.input-with-icon .input-icon{color:var(--text-tertiary);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon-right .input-icon{left:auto;right:12px}.search-input{position:relative}.search-input .form-input{background-color:var(--bg-tertiary);border-color:var(--border-subtle);padding-left:40px}.search-input .form-input:focus{background-color:var(--bg-primary);border-color:var(--accent-primary)}.search-input .search-icon{color:var(--text-tertiary);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.form-checkbox,.form-radio{align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-md);color:var(--text-primary);-webkit-user-select:none;user-select:none;display:inline-flex}.form-checkbox input,.form-radio input{width:18px;height:18px;accent-color:var(--accent-primary)}.toggle{align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-full);width:44px;height:24px;transition:all var(--transition-fast);flex-shrink:0;position:relative}.toggle-slider:after{content:"";background-color:var(--text-secondary);width:18px;height:18px;transition:all var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px}.toggle-input:checked+.toggle-slider{background-color:var(--accent-primary);border-color:var(--accent-primary)}.toggle-input:checked+.toggle-slider:after{background-color:#fff;transform:translate(20px)}.toggle-input:focus-visible+.toggle-slider{box-shadow:0 0 0 3px var(--accent-glow)}.toggle-label{font-size:var(--font-md);color:var(--text-primary)}.alert{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-md);line-height:var(--line-height-normal);border:1px solid #0000;display:flex}.alert-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.alert-content{flex:1}.alert-title{font-weight:var(--font-weight-semibold);margin-bottom:2px}.alert-info{background-color:var(--info-bg);color:var(--info);border-color:#06b6d433}.alert-success{background-color:var(--success-bg);color:var(--success);border-color:#10b98133}.alert-warning{background-color:var(--warning-bg);color:var(--warning);border-color:#f59e0b33}.alert-danger{background-color:var(--danger-bg);color:var(--danger);border-color:#ef444433}.tabs{border-bottom:1px solid var(--border-color);align-items:center;gap:2px;display:flex;overflow-x:auto}.tab{align-items:center;gap:var(--space-sm);font-size:var(--font-md);font-weight:var(--font-weight-medium);color:var(--text-tertiary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;display:inline-flex}.tab:hover{color:var(--text-primary);background-color:var(--bg-hover)}.tab.active,.tab[aria-selected=true]{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tab-count{font-size:var(--font-xs);border-radius:var(--radius-full);background-color:var(--bg-tertiary);color:var(--text-secondary);padding:1px 6px}.tab.active .tab-count{color:var(--accent-primary);background:#3b82f626}.tabs-pills{background-color:var(--bg-tertiary);border-radius:var(--radius-md);border-bottom:none;gap:2px;padding:3px}.tabs-pills .tab{border-radius:var(--radius-sm);border-bottom:none;margin-bottom:0}.tabs-pills .tab.active{background-color:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.avatar{background:var(--accent-gradient);color:#fff;width:40px;height:40px;font-weight:var(--font-weight-semibold);font-size:var(--font-md);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:28px;height:28px;font-size:var(--font-xs)}.avatar-md{width:40px;height:40px;font-size:var(--font-md)}.avatar-lg{width:56px;height:56px;font-size:var(--font-xl)}.avatar-xl{width:72px;height:72px;font-size:var(--font-2xl)}.avatar-group{align-items:center;display:flex}.avatar-group .avatar{border:2px solid var(--bg-secondary);transition:transform var(--transition-fast);margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.avatar-group .avatar:hover{z-index:1;transform:translateY(-2px)}.avatar-group-count{background-color:var(--bg-tertiary);border:2px solid var(--bg-secondary);width:40px;height:40px;font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;display:inline-flex}.avatar-status{position:relative}.avatar-status:after{content:"";border:2px solid var(--bg-secondary);background-color:var(--text-tertiary);border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.avatar-status.online:after{background-color:var(--success)}.avatar-status.busy:after{background-color:var(--danger)}.avatar-status.away:after{background-color:var(--warning)}.dropdown{display:inline-flex;position:relative}.dropdown-menu{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:200px;max-height:320px;box-shadow:var(--shadow-xl);padding:var(--space-xs);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transition:all var(--transition-fast);position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;transform:translateY(-8px)scale(.98)}.dropdown-menu.right{left:auto;right:0}.dropdown-menu.up{top:auto;bottom:calc(100% + 4px);transform:translateY(8px)scale(.98)}.dropdown.open .dropdown-menu,.dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.dropdown-item{align-items:center;gap:var(--space-sm);width:100%;font-size:var(--font-md);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;white-space:nowrap;background:0 0;border:none;padding:8px 12px;display:flex}.dropdown-item:hover{background-color:var(--bg-hover)}.dropdown-item.active{color:var(--accent-primary);background-color:#3b82f61a}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background-color:var(--danger-bg)}.dropdown-item-icon{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0}.dropdown-item:hover .dropdown-item-icon{color:var(--text-primary)}.dropdown-item-shortcut{font-size:var(--font-xs);color:var(--text-tertiary);margin-left:auto}.dropdown-divider{height:1px;margin:var(--space-xs) 0;background-color:var(--border-subtle)}.dropdown-label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:6px 12px}.stat-card{gap:var(--space-md);padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);flex-direction:column;display:flex}.stat-card:hover{border-color:var(--text-tertiary);box-shadow:var(--shadow-md)}.stat-card-header{justify-content:space-between;align-items:center;display:flex}.stat-card-icon{border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-card-icon.success{background:var(--success-bg);color:var(--success)}.stat-card-icon.warning{background:var(--warning-bg);color:var(--warning)}.stat-card-icon.danger{background:var(--danger-bg);color:var(--danger)}.stat-card-icon.info{background:var(--info-bg);color:var(--info)}.stat-card-value{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);animation:.5s ease-out countUp}.stat-card-label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.stat-card-change{font-size:var(--font-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.stat-card-change.positive{color:var(--success);background-color:var(--success-bg)}.stat-card-change.negative{color:var(--danger);background-color:var(--danger-bg)}.stat-card-change.neutral{color:var(--text-tertiary);background-color:var(--bg-tertiary)}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-hover) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{border-radius:var(--radius-sm);width:100%;height:14px}.skeleton-text+.skeleton-text{margin-top:var(--space-sm)}.skeleton-text:last-child{width:60%}.skeleton-title{border-radius:var(--radius-sm);width:40%;height:24px;margin-bottom:var(--space-md)}.skeleton-circle{border-radius:50%}.skeleton-circle.sm{width:28px;height:28px}.skeleton-circle.md{width:40px;height:40px}.skeleton-circle.lg{width:56px;height:56px}.skeleton-card{border-radius:var(--radius-lg);height:200px}.skeleton-avatar{border-radius:50%;width:40px;height:40px}.skeleton-button{border-radius:var(--radius-md);width:120px;height:40px}.spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin;display:inline-block}.spinner-sm{border-width:2px;width:16px;height:16px}.spinner-lg{border-width:4px;width:40px;height:40px}.page-loader{justify-content:center;align-items:center;gap:var(--space-lg);min-height:300px;color:var(--text-secondary);font-size:var(--font-md);flex-direction:column;display:flex}.progress-bar{background-color:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--accent-gradient);border-radius:var(--radius-full);height:100%;transition:width .6s}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state-icon{width:64px;height:64px;margin-bottom:var(--space-xl);color:var(--text-tertiary);opacity:.6}.empty-state-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state-description{font-size:var(--font-md);color:var(--text-secondary);max-width:400px;margin-bottom:var(--space-xl);line-height:var(--line-height-relaxed)}.tooltip{position:relative}.tooltip:before,.tooltip:after{opacity:0;visibility:hidden;pointer-events:none;transition:all var(--transition-fast);z-index:var(--z-toast);position:absolute}.tooltip:after{content:attr(data-tooltip);font-size:var(--font-xs);font-weight:var(--font-weight-medium);white-space:nowrap;color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);background-color:#1e293b;padding:6px 10px;line-height:1.4}[data-theme=light] .tooltip:after{background-color:#0f172a}.tooltip:before{content:"";background-color:#1e293b;width:8px;height:8px;transform:rotate(45deg)}[data-theme=light] .tooltip:before{background-color:#0f172a}.tooltip:hover:before,.tooltip:hover:after{opacity:1;visibility:visible}.tooltip:after,.tooltip-top:after{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.tooltip:hover:after,.tooltip-top:hover:after{transform:translate(-50%)translateY(0)}.tooltip:before,.tooltip-top:before{bottom:calc(100% + 4px);left:50%;transform:translate(-50%)rotate(45deg)}.tooltip-bottom:after{top:calc(100% + 8px);bottom:auto;left:50%;transform:translate(-50%)translateY(-4px)}.tooltip-bottom:hover:after{transform:translate(-50%)translateY(0)}.tooltip-bottom:before{top:calc(100% + 4px);bottom:auto;left:50%;transform:translate(-50%)rotate(45deg)}.tooltip-left:after{inset:50% calc(100% + 8px) auto auto;transform:translateY(-50%)translate(4px)}.tooltip-left:hover:after{transform:translateY(-50%)translate(0)}.tooltip-left:before{inset:50% calc(100% + 4px) auto auto;transform:translateY(-50%)rotate(45deg)}.tooltip-right:after{top:50%;bottom:auto;left:calc(100% + 8px);transform:translateY(-50%)translate(-4px)}.tooltip-right:hover:after{transform:translateY(-50%)translate(0)}.tooltip-right:before{top:50%;bottom:auto;left:calc(100% + 4px);transform:translateY(-50%)rotate(45deg)}.toast-container{top:var(--space-xl);right:var(--space-xl);gap:var(--space-sm);z-index:var(--z-toast);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:320px;max-width:440px;box-shadow:var(--shadow-xl);animation:slideInRight var(--transition-normal) ease-out;pointer-events:auto;display:flex}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--info)}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-content{flex:1}.toast-title{font-size:var(--font-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.toast-message{font-size:var(--font-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.toast-close{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.pagination{align-items:center;gap:2px;display:flex}.pagination-item{min-width:36px;height:36px;font-size:var(--font-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;padding:0 8px;display:inline-flex}.pagination-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.pagination-item.active{background:var(--accent-gradient);color:#fff;border-color:#0000}.pagination-item:disabled{opacity:.4;cursor:not-allowed}.pagination-ellipsis{min-width:36px;height:36px;color:var(--text-tertiary);font-size:var(--font-md);justify-content:center;align-items:center;display:inline-flex}.divider{background-color:var(--border-color);width:100%;height:1px;margin:var(--space-lg) 0}.divider-vertical{background-color:var(--border-color);width:1px;height:100%;margin:0 var(--space-lg)}.divider-with-text{align-items:center;gap:var(--space-lg);color:var(--text-tertiary);font-size:var(--font-sm);margin:var(--space-lg) 0;display:flex}.divider-with-text:before,.divider-with-text:after{content:"";background-color:var(--border-color);flex:1;height:1px}.settings-nav-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s;display:flex;position:relative}.settings-nav-item:hover{background:var(--bg-secondary);color:var(--accent-primary)}.settings-nav-item.active{color:var(--accent-primary);background:#6366f114;font-weight:600}.settings-nav-item.active:before{content:"";background:var(--accent-primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.settings-layout{grid-template-columns:220px 1fr;align-items:start;gap:24px;display:grid}.settings-layout>div{min-width:0}@media (max-width:860px){.settings-layout{gap:var(--space-md);grid-template-columns:1fr}.settings-layout>.settings-nav{-webkit-overflow-scrolling:touch;flex-direction:row;gap:4px;display:flex;overflow-x:auto;padding:8px!important;position:static!important;top:auto!important}.settings-layout>.settings-nav>div{display:none}.settings-layout>.settings-nav>.settings-nav-item{white-space:nowrap;border-radius:var(--radius-md);flex-shrink:0;width:auto}.settings-layout>.settings-nav>.settings-nav-item.active:before{display:none}}
.dashboard-layout{background-color:var(--bg-primary);min-height:100dvh;display:flex}.dashboard-main{min-width:0;transition:margin-left var(--transition-normal);flex-direction:column;flex:1;margin-left:260px;display:flex}.dashboard-layout.sidebar-collapsed .dashboard-main{margin-left:72px}.dashboard-content{padding:var(--space-xl) var(--space-2xl);flex:1;overflow-y:auto}.dashboard-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);width:260px;z-index:var(--z-sticky);transition:width var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.dashboard-layout.sidebar-collapsed .dashboard-sidebar{width:72px}.sidebar-logo{align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg);border-bottom:1px solid var(--border-subtle);flex-shrink:0;min-height:64px;display:flex}.sidebar-logo-icon{border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-logo-text{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);white-space:nowrap;opacity:1;transition:opacity var(--transition-fast);overflow:hidden}.sidebar-collapsed .sidebar-logo-text{opacity:0;width:0}.sidebar-nav{padding:var(--space-md) var(--space-sm);flex:1;overflow:hidden auto}.sidebar-nav-section{margin-bottom:var(--space-lg)}.sidebar-nav-section-title{padding:var(--space-sm) var(--space-md);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;opacity:1;transition:opacity var(--transition-fast);overflow:hidden}.sidebar-collapsed .sidebar-nav-section-title{opacity:0;height:0;margin:0;padding:0;overflow:hidden}.sidebar-nav-item{align-items:center;gap:var(--space-md);padding:10px var(--space-md);font-size:var(--font-md);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;text-decoration:none;display:flex;position:relative}.sidebar-nav-item:hover{color:var(--text-primary);background-color:var(--bg-hover)}.sidebar-nav-item.active{color:var(--accent-primary);background-color:#3b82f61a}.sidebar-nav-item.active:before{content:"";background:var(--accent-gradient);border-radius:var(--radius-full);width:3px;position:absolute;top:6px;bottom:6px;left:0}.sidebar-collapsed .sidebar-nav-item.active:before{width:20px;height:3px;top:auto;bottom:-2px;left:50%;transform:translate(-50%)}.sidebar-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-nav-text{opacity:1;transition:opacity var(--transition-fast);overflow:hidden}.sidebar-collapsed .sidebar-nav-text{opacity:0;width:0}.sidebar-nav-badge{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:#fff;background:var(--accent-gradient);border-radius:var(--radius-full);white-space:nowrap;transition:opacity var(--transition-fast);margin-left:auto;padding:2px 8px}.sidebar-collapsed .sidebar-nav-badge{opacity:0;width:0;padding:0;overflow:hidden}.sidebar-nav-group{margin-bottom:var(--space-xs)}.sidebar-nav-group-header{padding:10px var(--space-md);font-size:var(--font-md);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;display:flex}.sidebar-nav-group-header:hover{color:var(--text-primary);background-color:var(--bg-hover)}.sidebar-nav-group-arrow{width:16px;height:16px;color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.sidebar-nav-group.open .sidebar-nav-group-arrow{transform:rotate(90deg)}.sidebar-nav-group-items{max-height:0;transition:max-height var(--transition-normal);overflow:hidden}.sidebar-nav-group.open .sidebar-nav-group-items{max-height:500px}.sidebar-nav-group-items .sidebar-nav-item{padding-left:var(--space-2xl);font-size:var(--font-sm)}.sidebar-divider{height:1px;margin:var(--space-sm) var(--space-md);background-color:var(--border-subtle)}.sidebar-user{align-items:center;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--border-subtle);cursor:pointer;transition:background-color var(--transition-fast);flex-shrink:0;display:flex}.sidebar-user:hover{background-color:var(--bg-hover)}.sidebar-user-avatar{background:var(--accent-gradient);color:#fff;width:36px;height:36px;font-weight:var(--font-weight-semibold);font-size:var(--font-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.sidebar-user-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-user-info{opacity:1;transition:opacity var(--transition-fast);overflow:hidden}.sidebar-collapsed .sidebar-user-info{opacity:0;width:0}.sidebar-user-name{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-user-role{font-size:var(--font-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-collapse-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);z-index:10;opacity:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:-14px}.dashboard-sidebar:hover .sidebar-collapse-btn{opacity:1}.sidebar-collapse-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--text-tertiary)}.sidebar-collapsed .sidebar-collapse-btn{opacity:1;transform:rotate(180deg)}.topbar{justify-content:space-between;align-items:center;gap:var(--space-lg);height:64px;padding:0 var(--space-2xl);background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:var(--z-sticky);display:flex;position:sticky;top:0}[data-theme=light] .topbar{border-bottom:1px solid var(--border-color);background-color:#fff}.topbar-left{align-items:center;gap:var(--space-lg);min-width:0;display:flex}.topbar-right{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.topbar-breadcrumb{align-items:center;gap:var(--space-sm);font-size:var(--font-sm);color:var(--text-secondary);min-width:0;display:flex}.topbar-breadcrumb-item{white-space:nowrap;color:var(--text-tertiary);transition:color var(--transition-fast);text-decoration:none}.topbar-breadcrumb-item:hover{color:var(--text-primary)}.topbar-breadcrumb-item.current{color:var(--text-primary);font-weight:var(--font-weight-medium)}.topbar-breadcrumb-separator{color:var(--text-tertiary);font-size:var(--font-xs);flex-shrink:0}.topbar-search{flex:1;max-width:400px;position:relative}.topbar-search .form-input{height:38px;font-size:var(--font-sm);background-color:var(--bg-tertiary);border-color:var(--border-subtle);border-radius:var(--radius-md);padding-left:38px;padding-right:60px}.topbar-search .form-input:focus{background-color:var(--bg-primary);border-color:var(--accent-primary)}.topbar-search-icon{width:16px;height:16px;color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.topbar-search-shortcut{font-size:11px;font-weight:var(--font-weight-medium);color:var(--text-tertiary);background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);pointer-events:none;padding:2px 6px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.topbar-actions{align-items:center;gap:var(--space-xs);display:flex}.topbar-notification{border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.topbar-notification:hover{background-color:var(--bg-hover);color:var(--text-primary)}.topbar-notification-badge{min-width:18px;height:18px;font-size:10px;font-weight:var(--font-weight-bold);color:#fff;background-color:var(--danger);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 5px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.topbar-user{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;padding:4px 8px 4px 4px;display:flex}.topbar-user:hover{background-color:var(--bg-hover)}.topbar-user-avatar{background:var(--accent-gradient);color:#fff;width:32px;height:32px;font-weight:var(--font-weight-semibold);font-size:var(--font-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.topbar-user-avatar img{object-fit:cover;width:100%;height:100%}.topbar-user-name{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap}.topbar-user-btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);color:var(--text-primary);background:0 0;border:none;padding:4px 8px 4px 4px;display:flex}.topbar-user-btn:hover{background-color:var(--bg-hover)}.topbar-user-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);animation:.15s slideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.topbar-user-dropdown-header{padding:var(--space-md);border-bottom:1px solid var(--border-color);flex-direction:column;gap:2px;display:flex}.topbar-user-dropdown-header strong{font-size:.9rem}.topbar-user-dropdown-header span{color:var(--text-secondary);font-size:.8rem}.topbar-user-dropdown-divider{background:var(--border-color);height:1px}.topbar-user-dropdown-item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;font-size:.85rem;display:flex}.topbar-user-dropdown-item:hover{background-color:var(--bg-hover)}.topbar-user-dropdown-item svg{color:var(--text-secondary)}.topbar-menu-toggle{border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.topbar-menu-toggle svg{width:22px;height:22px}.topbar-menu-toggle:hover{background-color:var(--bg-hover);color:var(--text-primary)}.detail-two-col{gap:var(--space-lg);align-items:flex-start;display:flex}.detail-two-col>.detail-col-main{flex:65%;min-width:0}.detail-two-col>.detail-col-side{min-width:0;top:var(--space-lg);flex:0 0 320px;position:sticky}@media (max-width:860px){.detail-two-col{flex-direction:column}.detail-two-col>.detail-col-main,.detail-two-col>.detail-col-side{flex:auto;width:100%;min-width:0;position:static;top:auto}}@media (max-width:767px){.hide-mobile{display:none!important}.data-table.tickets-table{min-width:0;display:block}.data-table.tickets-table thead{display:none}.data-table.tickets-table tbody{display:block}.data-table.tickets-table tbody tr{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:14px 16px;display:flex}.data-table.tickets-table tbody td{border:none;align-items:center;padding:0;display:inline-flex}.data-table.tickets-table tbody td:has(.table-subtitle){flex:100%}.data-table.tickets-table .table-subtitle{white-space:normal;overflow-wrap:anywhere}}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-2xl);display:flex}.page-header-content{min-width:0}.page-title{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight)}.page-description{font-size:var(--font-md);color:var(--text-secondary);margin-top:var(--space-xs);max-width:600px;line-height:var(--line-height-relaxed)}.page-actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.stats-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.content-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.content-grid-2{grid-template-columns:repeat(2,1fr)}.content-grid-auto{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.content-with-sidebar{gap:var(--space-xl);grid-template-columns:1fr 320px;display:grid}.activity-feed{flex-direction:column;display:flex}.activity-item{gap:var(--space-md);padding:var(--space-lg) 0;display:flex;position:relative}.activity-item+.activity-item{border-top:1px solid var(--border-subtle)}.activity-feed.timeline .activity-item:before{content:"";background-color:var(--border-subtle);width:1px;position:absolute;top:48px;bottom:0;left:19px}.activity-feed.timeline .activity-item:last-child:before{display:none}.activity-feed.timeline .activity-item+.activity-item{border-top:none}.activity-dot{background-color:var(--text-tertiary);z-index:1;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px;position:relative}.activity-dot.primary{background-color:var(--accent-primary)}.activity-dot.success{background-color:var(--success)}.activity-dot.warning{background-color:var(--warning)}.activity-dot.danger{background-color:var(--danger)}.activity-avatar{z-index:1;flex-shrink:0;position:relative}.activity-content{flex:1;min-width:0}.activity-text{font-size:var(--font-md);color:var(--text-primary);line-height:var(--line-height-normal)}.activity-text strong{font-weight:var(--font-weight-semibold)}.activity-text a{color:var(--accent-primary);font-weight:var(--font-weight-medium)}.activity-text a:hover{text-decoration:underline}.activity-timestamp{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:2px}.activity-meta{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.module-card{text-align:center;align-items:center;gap:var(--space-lg);padding:var(--space-2xl) var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);flex-direction:column;text-decoration:none;display:flex}.module-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary);transform:translateY(-4px)}.module-card-icon{border-radius:var(--radius-lg);background:var(--accent-gradient);color:#fff;width:56px;height:56px;font-size:var(--font-2xl);justify-content:center;align-items:center;display:flex}.module-card-icon.tickets{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.module-card-icon.bookings{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.module-card-icon.assets{background:linear-gradient(135deg,#10b981,#3b82f6)}.module-card-icon.visitors{background:linear-gradient(135deg,#f59e0b,#ef4444)}.module-card-icon.reports{background:linear-gradient(135deg,#06b6d4,#8b5cf6)}.module-card-title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.module-card-description{font-size:var(--font-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);max-width:220px}.module-card-count{font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.module-card-count-label{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:var(--space-xs)}.chart-container{width:100%;padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);position:relative}.chart-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.chart-title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.chart-legend{align-items:center;gap:var(--space-lg);display:flex}.chart-legend-item{align-items:center;gap:var(--space-xs);font-size:var(--font-xs);color:var(--text-secondary);display:flex}.chart-legend-dot{border-radius:50%;width:8px;height:8px}.chart-body{justify-content:center;align-items:center;min-height:250px;display:flex}.mobile-bottom-nav{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);height:64px;z-index:var(--z-sticky);padding:var(--space-xs) 0;padding-bottom:env(safe-area-inset-bottom,0);display:none;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav-items{justify-content:space-around;align-items:center;height:100%;display:flex}.mobile-nav-item{padding:var(--space-xs);color:var(--text-tertiary);font-size:10px;font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--accent-primary)}.mobile-nav-item-icon{width:22px;height:22px}.mobile-nav-item-label{white-space:nowrap}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:calc(var(--z-sticky) - 1);animation:fadeIn var(--transition-fast) ease-out;background:#00000080;display:none;position:fixed;inset:0}.widget-toolbar{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);justify-content:flex-end;display:flex}.widget-toolbar .btn{align-items:center;gap:6px;display:inline-flex}.widget-add-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);animation:.2s slideDown}.widget-add-panel-title{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm)}.widget-add-panel-list{gap:var(--space-sm);flex-wrap:wrap;display:flex}.widget-add-item{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--accent-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#3b82f614;border:1px dashed #3b82f64d;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.widget-add-item:hover{border-color:var(--accent-primary);background:#3b82f626;transform:translateY(-1px)}.dashboard-widget-grid{gap:var(--space-lg);grid-template-columns:repeat(12,1fr);align-items:start;display:grid}.widget-size-sm{grid-column:span 3}.widget-size-md{grid-column:span 4}.widget-size-lg{grid-column:span 8}.widget-size-full{grid-column:1/-1}.widget-container{border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast), transform var(--transition-fast), opacity var(--transition-fast);min-width:0;position:relative}.widget-container.widget-edit-mode{border:1px dashed var(--border-color);border-radius:var(--radius-lg);cursor:grab;background:var(--bg-primary)}.widget-container.widget-edit-mode:hover{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f61a}.widget-dragging{opacity:.4;transform:scale(.98);cursor:grabbing!important}.widget-drag-over{border-color:var(--accent-primary)!important;box-shadow:0 0 0 2px #3b82f640,inset 0 0 20px #3b82f60d!important}.widget-drag-over:before{content:"";border-radius:var(--radius-lg);border:2px solid var(--accent-primary);pointer-events:none;animation:1s infinite widgetPulse;position:absolute;inset:-2px}@keyframes widgetPulse{0%,to{opacity:1}50%{opacity:.5}}.widget-controls{align-items:center;gap:var(--space-sm);padding:6px var(--space-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;-webkit-user-select:none;user-select:none;display:flex}.widget-drag-handle{color:var(--text-tertiary);cursor:grab;border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);align-items:center;padding:2px;display:flex}.widget-drag-handle:hover{color:var(--text-primary);background:var(--bg-hover)}.widget-title-label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.widget-remove-btn{width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.widget-remove-btn:hover{color:var(--danger);background:#ef44441a}.widget-content{min-width:0}.dashboard-widget-grid.edit-mode{border-radius:var(--radius-lg);padding:var(--space-md);border:1px dashed var(--border-subtle);background:repeating-linear-gradient(-45deg,#0000,#0000 10px,#3b82f605 10px 20px)}@media (max-width:1279px){.stats-grid,.content-grid{grid-template-columns:repeat(2,1fr)}.content-with-sidebar{grid-template-columns:1fr}.dashboard-widget-grid{grid-template-columns:repeat(6,1fr)}.widget-size-sm,.widget-size-md{grid-column:span 3}.widget-size-lg{grid-column:span 6}}@media (max-width:767px){.dashboard-sidebar{box-shadow:none;z-index:calc(var(--z-sticky) + 10);transform:translate(-100%)}.dashboard-layout.sidebar-open .dashboard-sidebar{box-shadow:var(--shadow-xl);transform:translate(0)}.dashboard-layout.sidebar-open .sidebar-overlay{display:block}.dashboard-layout.sidebar-collapsed .dashboard-sidebar{width:260px;transform:translate(-100%)}.dashboard-layout.sidebar-collapsed.sidebar-open .dashboard-sidebar{transform:translate(0)}.dashboard-main{margin-left:0!important}.dashboard-content{padding:var(--space-lg);padding-bottom:80px}.topbar{padding:0 var(--space-lg)}.topbar-menu-toggle{display:flex}.topbar-search,.topbar-user-name{display:none}.mobile-bottom-nav{display:block}.stats-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.content-grid,.content-grid-2,.dashboard-widget-grid{grid-template-columns:1fr}.widget-size-sm,.widget-size-md,.widget-size-lg,.widget-size-full{grid-column:1/-1}.widget-toolbar{justify-content:stretch}.widget-toolbar .btn{flex:1;justify-content:center}.page-header{gap:var(--space-md);flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.page-title{font-size:var(--font-xl)}.sidebar-collapse-btn{display:none}}@media (max-width:479px){.stats-grid{grid-template-columns:1fr}.dashboard-content{padding:var(--space-md);padding-bottom:80px}.topbar{padding:0 var(--space-md)}}
:root{--admin-accent:#f59e0b;--admin-accent-hover:#d97706;--admin-accent-bg:#f59e0b1f;--admin-accent-glow:#f59e0b33;--admin-gradient:linear-gradient(135deg, #f59e0b, #ef4444);--admin-gradient-hover:linear-gradient(135deg, #d97706, #dc2626);--admin-gradient-soft:linear-gradient(135deg, #f59e0b26, #ef44441a)}[data-theme=light]{--admin-accent-bg:#f59e0b14;--admin-accent-glow:#f59e0b1f;--admin-gradient-soft:linear-gradient(135deg, #f59e0b1a, #ef44440f)}.admin-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);width:260px;z-index:var(--z-sticky);transition:width var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.admin-sidebar .sidebar-logo-icon{background:var(--admin-gradient)}.admin-sidebar .sidebar-nav-item.active{color:var(--admin-accent);background-color:var(--admin-accent-bg)}.admin-sidebar .sidebar-nav-item.active:before,.admin-sidebar .sidebar-nav-badge{background:var(--admin-gradient)}.admin-badge{font-size:var(--font-xs);font-weight:var(--font-weight-bold);color:var(--admin-accent);background:var(--admin-accent-bg);border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border:1px solid #f59e0b33;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.admin-badge-icon{width:12px;height:12px}.admin-sidebar .sidebar-user{border-top-color:var(--border-subtle)}.admin-topbar{border-bottom-color:#f59e0b26}.admin-topbar:after{content:"";background:var(--admin-gradient);opacity:.4;height:2px;position:absolute;bottom:0;left:0;right:0}.client-list{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.client-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.client-card:hover{border-color:var(--text-tertiary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.client-card-header{align-items:center;gap:var(--space-md);padding:var(--space-xl);border-bottom:1px solid var(--border-subtle);display:flex}.client-card-logo{border-radius:var(--radius-md);background:var(--bg-tertiary);width:44px;height:44px;font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.client-card-logo img{object-fit:contain;width:100%;height:100%}.client-card-info{flex:1;min-width:0}.client-card-name{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.client-card-domain{font-size:var(--font-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.client-card-body{padding:var(--space-xl)}.client-card-stats{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.client-card-stat{text-align:center}.client-card-stat-value{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.client-card-stat-label{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:2px}.client-card-footer{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--border-subtle);background-color:var(--bg-tertiary);justify-content:space-between;align-items:center;display:flex}.client-card-plan{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.client-status{font-size:var(--font-xs);font-weight:var(--font-weight-medium);align-items:center;gap:6px;display:inline-flex}.client-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.client-status.active .client-status-dot{background-color:var(--success);box-shadow:0 0 6px #10b98166}.client-status.active{color:var(--success)}.client-status.suspended .client-status-dot{background-color:var(--danger);box-shadow:0 0 6px #ef444466}.client-status.suspended{color:var(--danger)}.client-status.trial .client-status-dot{background-color:var(--warning);box-shadow:0 0 6px #f59e0b66}.client-status.trial{color:var(--warning)}.client-status.inactive .client-status-dot{background-color:var(--text-tertiary)}.client-status.inactive{color:var(--text-tertiary)}.client-table{width:100%}.client-table .client-name-cell{align-items:center;gap:var(--space-md);display:flex}.client-table .client-name-cell-logo{border-radius:var(--radius-sm);background:var(--bg-tertiary);width:32px;height:32px;font-size:var(--font-sm);font-weight:var(--font-weight-bold);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.client-table .client-name-cell-text{min-width:0}.client-table .client-name-cell-name{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.client-table .client-name-cell-domain{font-size:var(--font-xs);color:var(--text-tertiary)}.client-detail-header{align-items:center;gap:var(--space-xl);padding:var(--space-2xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);display:flex}.client-detail-logo{border-radius:var(--radius-lg);background:var(--bg-tertiary);width:72px;height:72px;font-size:var(--font-3xl);font-weight:var(--font-weight-bold);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.client-detail-logo img{object-fit:contain;width:100%;height:100%}.client-detail-info{flex:1;min-width:0}.client-detail-name{font-size:var(--font-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.client-detail-meta{align-items:center;gap:var(--space-lg);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.client-detail-meta-item{align-items:center;gap:var(--space-xs);font-size:var(--font-sm);color:var(--text-secondary);display:flex}.client-detail-actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.client-branding-preview{padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.client-branding-title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-lg)}.client-branding-colors{gap:var(--space-md);flex-wrap:wrap;display:flex}.client-branding-swatch{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.client-branding-swatch-color{border-radius:var(--radius-md);border:2px solid var(--border-color);width:56px;height:56px;box-shadow:var(--shadow-sm)}.client-branding-swatch-label{font-size:var(--font-xs);color:var(--text-tertiary);font-family:Courier New,monospace}.client-branding-logo-preview{margin-top:var(--space-xl);padding:var(--space-xl);background:var(--bg-tertiary);border-radius:var(--radius-md);justify-content:center;align-items:center;min-height:100px;display:flex}.client-modules-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.client-module-item{padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.client-module-item:hover{border-color:var(--text-tertiary)}.client-module-info{align-items:center;gap:var(--space-md);display:flex}.client-module-icon{border-radius:var(--radius-md);background:var(--bg-tertiary);width:40px;height:40px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.client-module-item.enabled .client-module-icon{color:var(--accent-primary);background:#3b82f61a}.client-module-name{font-size:var(--font-md);font-weight:var(--font-weight-medium);color:var(--text-primary)}.client-module-description{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:2px}.platform-overview{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(4,1fr);display:grid}.platform-stat-card{padding:var(--space-2xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.platform-stat-card:hover{border-color:var(--text-tertiary);box-shadow:var(--shadow-md)}.platform-stat-card:before{content:"";background:var(--admin-gradient);opacity:0;height:3px;transition:opacity var(--transition-fast);position:absolute;top:0;left:0;right:0}.platform-stat-card:hover:before{opacity:1}.platform-stat-icon{border-radius:var(--radius-lg);background:var(--admin-gradient-soft);width:48px;height:48px;color:var(--admin-accent);margin-bottom:var(--space-lg);justify-content:center;align-items:center;display:flex}.platform-stat-value{font-size:2.25rem;font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight);animation:.5s ease-out countUp}.platform-stat-label{font-size:var(--font-sm);color:var(--text-secondary);margin-top:var(--space-xs);font-weight:var(--font-weight-medium)}.platform-stat-trend{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);margin-top:var(--space-md);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.platform-stat-trend.up{color:var(--success);background-color:var(--success-bg)}.platform-stat-trend.down{color:var(--danger);background-color:var(--danger-bg)}.revenue-card{padding:var(--space-2xl);background:var(--admin-gradient-soft);border-radius:var(--radius-lg);border:1px solid #f59e0b26}.revenue-card-value{font-size:2.5rem;font-weight:var(--font-weight-bold);background:var(--admin-gradient);-webkit-text-fill-color:transparent;line-height:var(--line-height-tight);-webkit-background-clip:text;background-clip:text}.revenue-card-label{font-size:var(--font-md);color:var(--text-secondary);margin-top:var(--space-xs)}.settings-page{max-width:800px}.settings-section{padding:var(--space-2xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.settings-section-title{font-size:var(--font-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.settings-section-description{font-size:var(--font-md);color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:var(--line-height-relaxed)}.settings-items{flex-direction:column;display:flex}.settings-item{justify-content:space-between;align-items:center;gap:var(--space-xl);padding:var(--space-lg) 0;border-bottom:1px solid var(--border-subtle);display:flex}.settings-item:first-child{padding-top:0}.settings-item:last-child{border-bottom:none;padding-bottom:0}.settings-item-content{flex:1;min-width:0}.settings-item-label{font-size:var(--font-md);font-weight:var(--font-weight-medium);color:var(--text-primary)}.settings-item-description{font-size:var(--font-sm);color:var(--text-tertiary);line-height:var(--line-height-relaxed);margin-top:2px}.settings-item-control{flex-shrink:0}.settings-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.settings-toggle-input{opacity:0;width:0;height:0;position:absolute}.settings-toggle-slider{background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-full);width:48px;height:26px;transition:all var(--transition-fast);position:relative}.settings-toggle-slider:after{content:"";background-color:var(--text-secondary);width:20px;height:20px;transition:all var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px}.settings-toggle-input:checked+.settings-toggle-slider{background-color:var(--accent-primary);border-color:var(--accent-primary)}.settings-toggle-input:checked+.settings-toggle-slider:after{background-color:#fff;transform:translate(22px)}.settings-toggle-input:focus-visible+.settings-toggle-slider{box-shadow:0 0 0 3px var(--accent-glow)}.settings-input-group{align-items:center;gap:var(--space-sm);display:flex}.settings-input-group .form-input{max-width:200px}.settings-danger-zone{border-color:#ef444433}.settings-danger-zone .settings-section-title{color:var(--danger)}.settings-danger-zone .settings-item{border-bottom-color:#ef44441a}.audit-log{flex-direction:column;display:flex}.audit-log-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);transition:background-color var(--transition-fast);display:flex}.audit-log-item:hover{background-color:var(--bg-tertiary)}.audit-log-item+.audit-log-item{border-top:1px solid var(--border-subtle)}.audit-log-icon{border-radius:var(--radius-md);background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.audit-log-icon.create{background:var(--success-bg);color:var(--success)}.audit-log-icon.update{color:var(--accent-primary);background:#3b82f61f}.audit-log-icon.delete{background:var(--danger-bg);color:var(--danger)}.audit-log-icon.login{background:var(--info-bg);color:var(--info)}.audit-log-content{flex:1;min-width:0}.audit-log-action{font-size:var(--font-md);color:var(--text-primary);line-height:var(--line-height-normal)}.audit-log-action strong{font-weight:var(--font-weight-semibold)}.audit-log-details{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:2px}.audit-log-timestamp{font-size:var(--font-xs);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.admin-quick-actions{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.admin-quick-action{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);text-decoration:none;display:flex}.admin-quick-action:hover{border-color:var(--admin-accent);background:var(--admin-accent-bg);transform:translateY(-1px)}.admin-quick-action-icon{border-radius:var(--radius-md);background:var(--admin-gradient-soft);width:40px;height:40px;color:var(--admin-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-quick-action-text{font-size:var(--font-md);font-weight:var(--font-weight-medium)}.tenant-selector{position:relative}.tenant-selector-trigger{align-items:center;gap:var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-sm);color:var(--text-primary);padding:8px 12px;display:flex}.tenant-selector-trigger:hover{border-color:var(--text-tertiary)}.tenant-selector-logo{border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff;width:24px;height:24px;font-size:11px;font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tenant-selector-name{font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.tenant-selector-arrow{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}@media (max-width:1279px){.platform-overview{grid-template-columns:repeat(2,1fr)}.client-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:767px){.platform-overview,.client-list{grid-template-columns:1fr}.client-detail-header{text-align:center;gap:var(--space-lg);flex-direction:column}.client-detail-meta{justify-content:center}.client-detail-actions{justify-content:center;width:100%}.client-modules-grid{grid-template-columns:1fr}.settings-item{align-items:flex-start;gap:var(--space-md);flex-direction:column}.admin-quick-actions{grid-template-columns:1fr}.admin-sidebar{z-index:calc(var(--z-sticky) + 10);transform:translate(-100%)}.admin-layout.sidebar-open .admin-sidebar{box-shadow:var(--shadow-xl);transform:translate(0)}}
.marketing-nav{z-index:var(--z-sticky,100);padding:var(--space-md,16px) 0;transition:all var(--transition-normal,.3s ease);position:fixed;top:0;left:0;right:0}.marketing-nav-scrolled{background:var(--bg-secondary,#111827);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color,#1e293b);padding:var(--space-sm,8px) 0;box-shadow:0 4px 30px #00000026}[data-theme=light] .marketing-nav-scrolled{background:#ffffffd9;box-shadow:0 4px 30px #0000000d}.marketing-nav-inner{justify-content:space-between;align-items:center;gap:var(--space-md,16px);display:flex}.marketing-logo{align-items:center;gap:var(--space-xs,4px);color:var(--text-primary,#f1f5f9);font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.marketing-logo-icon{border-radius:var(--radius-md,8px);background:var(--accent-gradient,linear-gradient(135deg, #3b82f6, #8b5cf6));color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:800;display:flex}.marketing-logo-text{font-size:1.25rem;font-weight:700}.marketing-nav-links{align-items:center;gap:var(--space-lg,24px);display:flex}.marketing-nav-links a{color:var(--text-secondary,#94a3b8);transition:color var(--transition-fast,.15s ease);font-size:.9rem;font-weight:500;text-decoration:none}.marketing-nav-links a:hover{color:var(--text-primary,#f1f5f9)}.marketing-login-btn{margin-left:var(--space-sm,8px)}.theme-toggle-btn{border:1px solid var(--border-color,#1e293b);border-radius:var(--radius-md,8px);cursor:pointer;color:var(--text-secondary,#94a3b8);transition:all var(--transition-fast,.15s ease);background:0 0;justify-content:center;align-items:center;padding:6px;display:flex}.theme-toggle-btn:hover{color:var(--text-primary,#f1f5f9);border-color:var(--text-secondary,#94a3b8)}.marketing-nav-mobile-actions{align-items:center;gap:var(--space-sm,8px);display:none}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:flex}.mobile-menu-btn span{background:var(--text-primary,#f1f5f9);width:22px;height:2px;transition:all var(--transition-fast,.15s ease);border-radius:2px;display:block}.mobile-menu-btn span.open:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-btn span.open:nth-child(2){opacity:0}.mobile-menu-btn span.open:last-child{transform:translateY(-7px)rotate(-45deg)}@media (max-width:768px){.marketing-nav-links{background:var(--bg-secondary,#111827);border-bottom:1px solid var(--border-color,#1e293b);padding:var(--space-lg,24px);gap:var(--space-md,16px);z-index:99;flex-direction:column;display:none;position:fixed;top:60px;left:0;right:0}[data-theme=light] .marketing-nav-links{background:#fffffffa}.marketing-nav-links.open,.marketing-nav-mobile-actions{display:flex}}.hero-section{align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-bg-effects{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-gradient-orb{filter:blur(100px);opacity:.4;border-radius:50%;position:absolute}.hero-orb-1{background:#3b82f6;width:600px;height:600px;animation:20s ease-in-out infinite float;top:-200px;right:-100px}.hero-orb-2{background:#8b5cf6;width:500px;height:500px;animation:25s ease-in-out infinite reverse float;bottom:-150px;left:-100px}.hero-orb-3{background:#06b6d4;width:300px;height:300px;animation:15s ease-in-out infinite float;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=light] .hero-gradient-orb{opacity:.15}.hero-grid-pattern{background-image:radial-gradient(circle,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}[data-theme=light] .hero-grid-pattern{background-image:radial-gradient(circle,#0000000a 1px,#0000 1px)}@keyframes float{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-30px)translate(20px)}50%{transform:translateY(10px)translate(-20px)}75%{transform:translateY(-20px)translate(10px)}}.hero-content{z-index:1;text-align:center;max-width:800px;margin:0 auto;position:relative}.hero-badge{align-items:center;gap:var(--space-sm,8px);border-radius:var(--radius-full,9999px);color:#3b82f6;margin-bottom:var(--space-xl,32px);background:#3b82f61a;border:1px solid #3b82f633;padding:8px 16px;font-size:.85rem;font-weight:500;animation:.5s fadeIn;display:inline-flex}.hero-badge-dot{background:#3b82f6;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.hero-title{margin-bottom:var(--space-lg,24px);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;animation:.5s .1s both fadeIn}.gradient-text{background:var(--accent-gradient,linear-gradient(135deg, #3b82f6, #8b5cf6));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary,#94a3b8);max-width:600px;margin:0 auto var(--space-xl,32px);font-size:1.2rem;line-height:1.7;animation:.5s .2s both fadeIn}.hero-actions{gap:var(--space-md,16px);margin-bottom:var(--space-2xl,48px);flex-wrap:wrap;justify-content:center;animation:.5s .3s both fadeIn;display:flex}.hero-stats-row{justify-content:center;align-items:center;gap:var(--space-xl,32px);animation:.5s .4s both fadeIn;display:flex}.hero-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.hero-stat-value{color:var(--text-primary,#f1f5f9);font-size:1.8rem;font-weight:800}.hero-stat-label{color:var(--text-tertiary,#64748b);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.hero-stat-divider{background:var(--border-color,#1e293b);width:1px;height:40px}.section{padding:100px 0}.section-alt{background:var(--bg-secondary,#111827)}[data-theme=light] .section-alt{background:var(--bg-secondary,#f8fafc)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-2xl,48px)}.section-tag{border-radius:var(--radius-full,9999px);color:var(--accent-primary,#3b82f6);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md,16px);background:#3b82f61a;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-block}.section-header h2{margin-bottom:var(--space-md,16px);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.15}.section-header p{color:var(--text-secondary,#94a3b8);font-size:1.1rem;line-height:1.7}.container{max-width:1200px;padding:0 var(--space-lg,24px);margin:0 auto}.problem-grid{gap:var(--space-md,16px);grid-template-columns:repeat(3,1fr);display:grid}.problem-card{text-align:center;padding:var(--space-xl,32px) var(--space-lg,24px)}.problem-card-icon{margin-bottom:var(--space-md,16px);font-size:2.5rem}.problem-card h3{margin-bottom:var(--space-xs,4px);font-size:1.1rem;font-weight:600}.problem-card p{color:var(--text-secondary,#94a3b8);margin-bottom:var(--space-md,16px);font-size:.9rem}.problem-card-cost{color:var(--text-tertiary,#64748b);font-size:.85rem;font-weight:500}.problem-card-total{background:#ef44440d;border-color:#ef444433}.problem-card-cost-total{color:var(--danger,#ef4444);font-size:1rem;font-weight:700}@media (max-width:768px){.problem-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.problem-grid{grid-template-columns:1fr}}.solution-layout{gap:var(--space-2xl,48px);grid-template-columns:1fr 1fr;align-items:center;display:grid}.solution-text h2{margin-bottom:var(--space-md,16px);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.15}.solution-text p{color:var(--text-secondary,#94a3b8);margin-bottom:var(--space-lg,24px);font-size:1.1rem;line-height:1.7}.solution-price{margin-bottom:var(--space-sm,8px);align-items:baseline;gap:4px;display:flex}.solution-price-from{color:var(--text-secondary,#94a3b8);font-size:.9rem}.solution-price-amount{color:var(--text-primary,#f1f5f9);font-size:3rem;font-weight:800}.solution-price-period{color:var(--text-secondary,#94a3b8);font-size:1.1rem}.solution-price-note{color:var(--text-tertiary,#64748b);font-size:.9rem}.solution-dashboard-preview{background:var(--bg-primary,#0a0e1a);border:1px solid var(--border-color,#1e293b);border-radius:var(--radius-lg,12px);overflow:hidden;box-shadow:0 25px 60px #0000004d}[data-theme=light] .solution-dashboard-preview{background:#fff;box-shadow:0 25px 60px #00000014}.solution-preview-topbar{align-items:center;gap:var(--space-md,16px);background:var(--bg-tertiary,#1a1f2e);border-bottom:1px solid var(--border-color,#1e293b);padding:12px 16px;display:flex}.solution-preview-dots{gap:6px;display:flex}.solution-preview-dots span{border-radius:50%;width:10px;height:10px}.solution-preview-dots span:first-child{background:#ef4444}.solution-preview-dots span:nth-child(2){background:#f59e0b}.solution-preview-dots span:nth-child(3){background:#10b981}.solution-preview-url{color:var(--text-tertiary,#64748b);background:var(--bg-primary,#0a0e1a);border-radius:var(--radius-md,8px);text-align:center;flex:1;padding:4px 12px;font-size:.75rem}.solution-preview-content{min-height:250px;display:flex}.solution-preview-sidebar{border-right:1px solid var(--border-color,#1e293b);flex-direction:column;gap:12px;width:50px;padding:16px 8px;display:flex}.solution-preview-nav-item{background:var(--border-color,#1e293b);border-radius:3px;width:100%;height:6px}.solution-preview-nav-item.active{background:var(--accent-primary,#3b82f6)}.solution-preview-main{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.solution-preview-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.solution-preview-stat{border-radius:var(--radius-sm,6px);background:var(--bg-tertiary,#1a1f2e);height:50px;animation:2s ease-in-out infinite alternate shimmer}@keyframes shimmer{0%{opacity:.5}to{opacity:.8}}.solution-preview-chart{border-radius:var(--radius-sm,6px);background:var(--bg-tertiary,#1a1f2e);height:80px;animation:2.5s ease-in-out infinite alternate shimmer}.solution-preview-table{flex-direction:column;gap:6px;display:flex}.solution-preview-row{background:var(--bg-tertiary,#1a1f2e);border-radius:3px;height:20px;animation:3s ease-in-out infinite alternate shimmer}.solution-preview-row:nth-child(2){width:85%}.solution-preview-row:nth-child(3){width:70%}@media (max-width:768px){.solution-layout{grid-template-columns:1fr}}.features-grid{gap:var(--space-md,16px);grid-template-columns:repeat(4,1fr);display:grid}.feature-card{padding:var(--space-xl,32px) var(--space-lg,24px);transition:all var(--transition-normal,.3s ease)}.feature-card:hover{border-color:#3b82f64d;transform:translateY(-4px)}.feature-card-icon{border-radius:var(--radius-md,8px);width:48px;height:48px;color:var(--accent-primary,#3b82f6);margin-bottom:var(--space-md,16px);background:#3b82f61a;justify-content:center;align-items:center;display:flex}.feature-card-icon svg{width:24px;height:24px}.feature-card h3{margin-bottom:var(--space-sm,8px);font-size:1.1rem;font-weight:600}.feature-card p{color:var(--text-secondary,#94a3b8);margin-bottom:var(--space-md,16px);font-size:.9rem;line-height:1.6}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.features-grid{grid-template-columns:1fr}}.mobile-features-grid{gap:var(--space-md,16px);grid-template-columns:repeat(4,1fr);display:grid}.mobile-feature-card{padding:var(--space-xl,32px) var(--space-lg,24px);text-align:center}.mobile-feature-icon{margin-bottom:var(--space-md,16px);font-size:2.5rem}.mobile-feature-card h3{margin-bottom:var(--space-sm,8px);font-size:1rem;font-weight:600}.mobile-feature-card p{color:var(--text-secondary,#94a3b8);font-size:.85rem;line-height:1.6}@media (max-width:768px){.mobile-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.mobile-features-grid{grid-template-columns:1fr}}.comparison-table-wrapper{border-radius:var(--radius-lg,12px);border:1px solid var(--border-color,#1e293b);overflow-x:auto}.comparison-table{width:100%}.comparison-highlight{background:#3b82f60d!important}.comparison-yes{color:var(--success,#10b981);font-weight:500}.comparison-no{color:var(--danger,#ef4444)}.comparison-warn{color:var(--warning,#f59e0b)}.comparison-scope-row td{border-top:2px solid var(--border-color,#1e293b);font-weight:600}.pricing-grid{gap:var(--space-md,16px);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.pricing-card{padding:var(--space-xl,32px);text-align:center}.pricing-card-featured{border-color:var(--accent-primary,#3b82f6);z-index:1;position:relative;transform:scale(1.05)}.pricing-popular{border-radius:var(--radius-full,9999px);background:var(--accent-gradient,linear-gradient(135deg, #3b82f6, #8b5cf6));color:#fff;white-space:nowrap;padding:4px 16px;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-tier{color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md,16px);font-size:1rem;font-weight:600}.pricing-price{margin-bottom:var(--space-xs,4px);justify-content:center;align-items:baseline;gap:2px;display:flex}.pricing-currency{color:var(--text-primary,#f1f5f9);font-size:1.5rem;font-weight:700}.pricing-amount{color:var(--text-primary,#f1f5f9);font-size:3.5rem;font-weight:800;line-height:1}.pricing-period{color:var(--text-secondary,#94a3b8);font-size:1rem}.pricing-annual{color:var(--text-tertiary,#64748b);margin-bottom:var(--space-lg,24px);font-size:.8rem}.pricing-features{text-align:left;margin-bottom:var(--space-xl,32px);list-style:none}.pricing-features li{padding:var(--space-sm,8px) 0;border-bottom:1px solid var(--border-subtle,#151b2d);color:var(--text-secondary,#94a3b8);padding-left:24px;font-size:.9rem;position:relative}.pricing-features li:before{content:"✓";color:var(--success,#10b981);font-weight:700;position:absolute;left:0}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.pricing-card-featured{transform:none}}.cta-layout{max-width:700px;margin:0 auto}.cta-content h2{margin-bottom:var(--space-md,16px);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.cta-content p{color:var(--text-secondary,#94a3b8);margin-bottom:var(--space-xl,32px);font-size:1.1rem;line-height:1.7}.cta-form{gap:var(--space-md,16px);flex-direction:column;display:flex}.form-row{gap:var(--space-md,16px);grid-template-columns:1fr 1fr;display:grid}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.cta-form-note{text-align:center;color:var(--text-tertiary,#64748b);font-size:.85rem}.auth-page{min-height:100vh;padding:var(--space-lg,24px);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-bg-effects{pointer-events:none;position:absolute;inset:0}.auth-container{z-index:1;width:100%;max-width:440px;position:relative}.auth-card{padding:var(--space-2xl,48px) var(--space-xl,32px)}.auth-header{text-align:center;margin-bottom:var(--space-xl,32px)}.auth-logo{align-items:center;gap:var(--space-xs,4px);color:var(--text-primary,#f1f5f9);margin-bottom:var(--space-lg,24px);text-decoration:none;display:inline-flex}.auth-header h1{margin-bottom:var(--space-xs,4px);font-size:1.5rem;font-weight:700}.auth-header p{color:var(--text-secondary,#94a3b8);font-size:.9rem}.auth-form{gap:var(--space-md,16px);flex-direction:column;display:flex}.auth-password-header{justify-content:space-between;align-items:center;display:flex}.auth-forgot-link{color:var(--accent-primary,#3b82f6);font-size:.8rem;text-decoration:none}.auth-forgot-link:hover{text-decoration:underline}.auth-divider{align-items:center;gap:var(--space-md,16px);margin:var(--space-lg,24px) 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color,#1e293b);flex:1;height:1px}.auth-divider span{color:var(--text-tertiary,#64748b);white-space:nowrap;font-size:.8rem}.auth-google-btn{justify-content:center;align-items:center;gap:var(--space-sm,8px);display:flex}.auth-google-btn svg{flex-shrink:0}.auth-footer-text{text-align:center;color:var(--text-tertiary,#64748b);margin-top:var(--space-lg,24px);font-size:.85rem}.auth-footer-text a{color:var(--accent-primary,#3b82f6);text-decoration:none}.auth-footer-text a:hover{text-decoration:underline}.btn-loading{align-items:center;gap:var(--space-sm,8px);display:inline-flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.spinner-sm{width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.auth-success{text-align:center}.auth-success-icon{margin-bottom:var(--space-lg,24px)}.auth-success-icon svg{margin:0 auto}.auth-success h2{margin-bottom:var(--space-sm,8px);font-size:1.3rem;font-weight:700}.auth-success p{color:var(--text-secondary,#94a3b8);margin-bottom:var(--space-xl,32px)}.marketing-footer{background:var(--bg-secondary,#111827);border-top:1px solid var(--border-color,#1e293b);padding:80px 0 40px}[data-theme=light] .marketing-footer{background:var(--bg-secondary,#f8fafc)}.marketing-footer-content{gap:var(--space-2xl,48px);margin-bottom:var(--space-2xl,48px);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.marketing-footer-brand p{color:var(--text-secondary,#94a3b8);margin-top:var(--space-md,16px);font-size:.9rem;line-height:1.6}.marketing-footer-legal{color:var(--text-tertiary,#64748b);margin-top:var(--space-sm,8px);font-size:.8rem}.marketing-footer-links{gap:var(--space-sm,8px);flex-direction:column;display:flex}.marketing-footer-links h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary,#f1f5f9);margin-bottom:var(--space-sm,8px);font-size:.85rem;font-weight:600}.marketing-footer-links a{color:var(--text-secondary,#94a3b8);transition:color var(--transition-fast,.15s ease);font-size:.9rem;text-decoration:none}.marketing-footer-links a:hover{color:var(--text-primary,#f1f5f9)}.marketing-footer-bottom{border-top:1px solid var(--border-color,#1e293b);padding-top:var(--space-lg,24px)}.marketing-footer-bottom p{color:var(--text-tertiary,#64748b);text-align:center;font-size:.8rem}@media (max-width:768px){.marketing-footer-content{grid-template-columns:1fr 1fr}.marketing-footer-brand{grid-column:1/-1}}@media (max-width:480px){.marketing-footer-content{grid-template-columns:1fr}}.text-secondary{color:var(--text-secondary,#94a3b8)}.table-link{color:inherit;flex-direction:column;gap:2px;text-decoration:none;display:flex}.table-link:hover strong{color:var(--accent-primary,#3b82f6)}.table-subtitle{color:var(--text-tertiary,#64748b);font-size:.8rem;display:block}.user-cell,.client-name-cell{align-items:center;gap:var(--space-sm,8px);display:flex}.client-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.page-breadcrumb{align-items:center;gap:var(--space-sm,8px);margin-bottom:var(--space-sm,8px);color:var(--text-secondary,#94a3b8);font-size:.85rem;display:flex}.breadcrumb-link{color:var(--accent-primary,#3b82f6);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{color:var(--text-tertiary,#64748b)}.detail-grid{gap:var(--space-md,16px);grid-template-columns:1fr 1fr;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-label{color:var(--text-tertiary,#64748b);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem}.detail-value{color:var(--text-primary,#f1f5f9);font-size:.95rem}.modules-grid{gap:var(--space-md,16px);grid-template-columns:repeat(2,1fr);display:grid}.module-toggle-card{padding:var(--space-md,16px);border:1px solid var(--border-color,#1e293b);border-radius:var(--radius-md,8px);transition:border-color var(--transition-fast,.15s ease);justify-content:space-between;align-items:center;display:flex}.module-toggle-card.module-enabled{background:#3b82f608;border-color:#3b82f64d}.module-toggle-info h3{margin-bottom:2px;font-size:.95rem;font-weight:600}.module-toggle-info p{color:var(--text-secondary,#94a3b8);font-size:.8rem}.upload-area{border:2px dashed var(--border-color,#1e293b);border-radius:var(--radius-md,8px);padding:var(--space-xl,32px);text-align:center;cursor:pointer;transition:border-color var(--transition-fast,.15s ease)}.upload-area:hover{border-color:var(--accent-primary,#3b82f6)}.upload-area svg{margin:0 auto var(--space-sm,8px)}.upload-area p{margin-bottom:4px;font-size:.9rem}.color-input-wrapper{align-items:center;gap:var(--space-sm,8px);display:flex}.color-input{border-radius:var(--radius-sm,6px);cursor:pointer;border:none;width:40px;height:40px;padding:0}.quick-actions-grid{gap:var(--space-md,16px);margin-bottom:var(--space-xl,32px);grid-template-columns:repeat(4,1fr);display:grid}.quick-action-card{align-items:center;gap:var(--space-md,16px);padding:var(--space-md,16px);color:var(--text-primary,#f1f5f9);transition:all var(--transition-fast,.15s ease);text-decoration:none;display:flex}.quick-action-card:hover{transform:translateY(-2px)}.quick-action-icon{border-radius:var(--radius-md,8px);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.quick-action-label{font-size:.9rem;font-weight:600}@media (max-width:768px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}.booking-list{gap:var(--space-md,16px);flex-direction:column;display:flex}.booking-item{padding:var(--space-sm,8px) 0;border-bottom:1px solid var(--border-subtle,#151b2d);justify-content:space-between;align-items:center;display:flex}.booking-item:last-child{border-bottom:none}.booking-item-left{align-items:center;gap:var(--space-md,16px);display:flex}.booking-date-badge{border-radius:var(--radius-sm,6px);color:var(--accent-primary,#3b82f6);white-space:nowrap;background:#3b82f61a;padding:4px 12px;font-size:.8rem;font-weight:600}.booking-time{white-space:nowrap}.module-cards-grid{gap:var(--space-md,16px);margin-bottom:var(--space-xl,32px);grid-template-columns:repeat(5,1fr);display:grid}.module-card{color:var(--text-primary,#f1f5f9);padding:var(--space-lg,24px);transition:all var(--transition-normal,.3s ease);text-align:center;text-decoration:none}.module-card:hover{transform:translateY(-4px)}.module-card-icon{width:48px;height:48px;margin:0 auto var(--space-md,16px);border-radius:var(--radius-md,8px);justify-content:center;align-items:center;display:flex}.module-card-icon svg{width:24px;height:24px}.module-card-tickets .module-card-icon{color:#f59e0b;background:#f59e0b1a}.module-card-contacts .module-card-icon{color:#10b981;background:#10b9811a}.module-card-bookings .module-card-icon{color:#8b5cf6;background:#8b5cf61a}.module-card-operations .module-card-icon{color:#ef4444;background:#ef44441a}.module-card-finance .module-card-icon{color:#06b6d4;background:#06b6d41a}.module-card h3{margin-bottom:4px;font-size:1rem;font-weight:600}.module-card p{color:var(--text-secondary,#94a3b8);margin-bottom:var(--space-sm,8px);font-size:.8rem}.module-card-count{color:var(--text-tertiary,#64748b);font-size:.75rem;font-weight:500}@media (max-width:1024px){.module-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.module-cards-grid{grid-template-columns:repeat(2,1fr)}}.settings-grid{gap:var(--space-lg,24px);flex-direction:column;display:flex}.settings-item{justify-content:space-between;align-items:flex-start;gap:var(--space-xl,32px);padding-bottom:var(--space-lg,24px);border-bottom:1px solid var(--border-subtle,#151b2d);display:flex}.settings-item:last-child{border-bottom:none;padding-bottom:0}.settings-item-info h3{margin-bottom:2px;font-size:.95rem;font-weight:600}.settings-item-info p{color:var(--text-secondary,#94a3b8);font-size:.85rem}.card-danger{border-color:#ef44444d}.card-danger .card-header h2{color:var(--danger,#ef4444)}.toggle-switch{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--border-color,#1e293b);transition:all var(--transition-fast,.15s ease);border-radius:var(--radius-full,9999px);position:absolute;inset:0}.toggle-slider:before{content:"";width:20px;height:20px;transition:all var(--transition-fast,.15s ease);background-color:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--accent-gradient,linear-gradient(135deg, #3b82f6, #8b5cf6))}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.filters-row{align-items:center;gap:var(--space-md,16px);flex-wrap:wrap;display:flex}.search-input-wrapper{position:relative}.search-icon{color:var(--text-tertiary,#64748b);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{padding-left:40px!important}@media (max-width:768px){.filters-row{flex-direction:column}.filters-row .form-select{width:100%!important}}.stats-grid-sm{margin-bottom:var(--space-lg,24px)}.stat-card-compact{padding:var(--space-md,16px);text-align:center}.stat-card-compact .stat-card-value{font-size:1.8rem}.stat-card-compact .stat-card-label{font-size:.75rem}.stat-card-active{box-shadow:0 0 0 1px var(--primary,#3b82f6);border-color:var(--primary,#3b82f6)!important}.rooms-grid{gap:var(--space-md,16px);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1024px){.rooms-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.rooms-grid{grid-template-columns:1fr}}.room-card{transition:all var(--transition-normal,.3s ease)}.room-card:hover{border-color:var(--accent-primary,#3b82f6);transform:translateY(-2px)}.housekeeping-list{gap:var(--space-sm,8px);flex-direction:column;display:flex}.housekeeping-item{align-items:center;gap:var(--space-md,16px);padding:var(--space-md,16px);border:1px solid var(--border-color,#1e293b);border-radius:var(--radius-md,8px);transition:all var(--transition-fast,.15s ease);display:flex}.housekeeping-item.completed{opacity:.7;background:#10b98108;border-color:#10b98126}.housekeeping-item.completed .housekeeping-info strong{color:var(--text-secondary,#94a3b8);text-decoration:line-through}.housekeeping-checkbox{cursor:pointer;flex-shrink:0;position:relative}.housekeeping-checkbox input{opacity:0;width:0;height:0;position:absolute}.housekeeping-checkmark{border:2px solid var(--border-color,#1e293b);border-radius:var(--radius-sm,6px);width:24px;height:24px;transition:all var(--transition-fast,.15s ease);justify-content:center;align-items:center;display:flex}.housekeeping-checkbox input:checked+.housekeeping-checkmark{background:var(--success,#10b981);border-color:var(--success,#10b981);color:#fff}.housekeeping-info{flex-direction:column;flex:1;gap:2px;display:flex}.housekeeping-meta{flex-shrink:0}.demo-banner{align-items:flex-start;gap:var(--space-md,16px);padding:var(--space-md,16px);border-radius:var(--radius-md,8px);margin-bottom:var(--space-lg,24px);background:#f59e0b14;border:1px solid #f59e0b33;display:flex}.demo-banner-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.demo-banner strong{color:var(--warning,#f59e0b);margin-bottom:2px;font-size:.9rem;display:block}.demo-banner p{color:var(--text-secondary,#94a3b8);margin:0;font-size:.8rem;line-height:1.4}.demo-accounts-section{margin-top:var(--space-md,16px)}.demo-accounts-grid{gap:var(--space-md,16px);flex-direction:column;display:flex}.demo-account-group{gap:var(--space-xs,4px);flex-direction:column;display:flex}.demo-group-title{align-items:center;gap:var(--space-sm,8px);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#94a3b8);margin-bottom:var(--space-xs,4px);font-size:.75rem;font-weight:600;display:flex}.demo-group-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.demo-account-btn{align-items:center;gap:var(--space-sm,8px);width:100%;padding:10px var(--space-md,16px);background:var(--bg-tertiary,#1a1f2e);border:1px solid var(--border-color,#1e293b);border-radius:var(--radius-md,8px);cursor:pointer;text-align:left;transition:all var(--transition-fast,.15s ease);color:var(--text-primary,#f1f5f9);display:flex}[data-theme=light] .demo-account-btn{background:var(--bg-tertiary,#f1f5f9)}.demo-account-btn:hover{border-color:var(--accent-primary,#3b82f6);background:#3b82f60d;transform:translate(4px)}.demo-account-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.demo-account-info{flex:1;min-width:0}.demo-account-info strong{font-size:.85rem;font-weight:600;display:block}.demo-account-info span{color:var(--text-tertiary,#64748b);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;display:block;overflow:hidden}.demo-credentials-note{text-align:center;color:var(--text-tertiary,#64748b);margin-top:var(--space-md,16px);font-size:.8rem}.demo-credentials-note code{background:var(--bg-tertiary,#1a1f2e);border-radius:var(--radius-sm,6px);color:var(--accent-primary,#3b82f6);padding:2px 6px;font-size:.75rem}.avatar{background:var(--accent-gradient,linear-gradient(135deg, #3b82f6, #8b5cf6));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.avatar-sm{width:32px;height:32px;font-size:.7rem}.avatar-md{width:40px;height:40px;font-size:.85rem}.avatar-lg{width:48px;height:48px;font-size:1rem}
@media print{.sidebar,.topbar,.tabs,.btn,.modal-overlay,.filters-row,.search-input-wrapper,.page-actions,nav{display:none!important}body,.content-area,.card{color:#000!important;box-shadow:none!important;background:#fff!important;border:none!important}.data-table{border-collapse:collapse;width:100%!important}.data-table th,.data-table td{color:#000!important;background:#fff!important;border:1px solid #ccc!important;padding:6px 8px!important}.data-table thead th{font-weight:700;background:#f0f0f0!important}.badge{color:#000!important;background:0 0!important;border:1px solid #999!important}.content-area{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.card{page-break-inside:avoid}.stats-grid{gap:12px!important;display:flex!important}.stat-card{color:#000!important;background:#fff!important;border:1px solid #ccc!important}a[href]:after{content:none!important}}
@media (max-width:768px){.content-area{padding:var(--space-sm)!important}.page-header{gap:var(--space-sm);flex-direction:column;align-items:flex-start!important}.page-actions{flex-wrap:wrap;width:100%}.page-actions .btn{flex:1;justify-content:center;min-width:120px}.stats-grid,.stats-grid-sm{grid-template-columns:repeat(2,1fr)!important}.card-body-flush{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:640px}.filters-row{flex-direction:column;gap:var(--space-sm)!important}.filters-row .form-select,.filters-row .search-input-wrapper{width:100%!important}.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:0;overflow-x:auto}.tabs .tab{white-space:nowrap;flex-shrink:0;min-width:auto}.modal{max-height:90vh;margin:5vh auto;width:95vw!important;max-width:95vw!important}[style*="flex: 0 0 35%"],[style*="flex: 0 0 280px"]{order:-1;flex:100%!important;position:static!important}.card{margin-bottom:var(--space-md)!important}.card-body{padding:var(--space-md)!important}.calendar-month-grid{font-size:.75rem}.notification-dropdown{max-width:400px;width:calc(100vw - 32px)!important;right:-40px!important}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr!important}.page-title{font-size:1.2rem}.stat-card-value{font-size:1.4rem}}