:root{--app-primary: var(--color-primary, #772cbb);--app-primary-dark: var(--color-primary-dark, #5a1f8f);--app-success: #22c55e;--app-warning: #f59e0b;--app-error: #ef4444;--app-info: #3b82f6;--app-gray-50: #f9fafb;--app-gray-100: #f3f4f6;--app-gray-200: #e5e7eb;--app-gray-500: #6b7280;--app-gray-700: #374151;--app-gray-900: #111827;--app-action-bar-height: 72px;--app-header-height: 56px;--app-safe-area-bottom: env(safe-area-inset-bottom, 0px)}.app-shell{background:var(--app-gray-50);min-height:100vh;overflow-x:hidden;position:relative}.app-content-wrapper{display:flex;flex-direction:column;flex:1;min-height:100vh;overflow-x:hidden;max-width:100vw}.app-main{flex:1;padding:16px;padding-top:calc(var(--app-header-height) + 16px);padding-bottom:16px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.app-main:after{content:"";display:block;height:calc(var(--app-action-bar-height) + 100px + var(--app-safe-area-bottom))}.app-header{position:fixed;top:0;left:0;right:0;height:var(--app-header-height);background:var(--app-primary);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:50}.app-logo{font-weight:700;font-size:18px;color:#fff}.app-page-title{font-weight:600;font-size:17px;color:#fff;flex:1;min-width:0;margin-left:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-actions{display:flex;align-items:center;gap:8px}.app-header .layout-switch-btn{padding:6px 12px;background:#f59e0b;border:2px solid #d97706;border-radius:6px;font-size:12px;font-weight:600;color:#fff;cursor:pointer;white-space:nowrap}.app-header .layout-switch-btn:hover{background:#d97706}.app-header-btn{width:40px;height:40px;border:none;background:#ffffff26;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;color:#fff;font-size:18px}.app-header-btn:hover{background:#ffffff40}.app-header-btn:active{transform:scale(.95)}.notification-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;background:var(--app-error);border-radius:9px;font-size:11px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 4px}.action-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:3px solid var(--app-primary);display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;padding-bottom:calc(12px + var(--app-safe-area-bottom));z-index:50;box-shadow:0 -2px 8px #0000001a}.action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;min-width:70px;flex:1;max-width:120px;border:1px solid var(--app-gray-200);background:var(--app-gray-50);color:var(--app-gray-700);border-radius:8px;cursor:pointer;text-decoration:none;transition:all .15s ease;min-height:60px;font-size:16px}.action-btn:hover{background:var(--app-gray-100);border-color:var(--app-gray-300);text-decoration:none}.action-btn:active{transform:scale(.95)}.action-btn.state-soon{background:var(--app-gray-100);color:var(--app-gray-500);cursor:not-allowed;opacity:.6}.action-btn.state-soon:hover{transform:none;background:var(--app-gray-100);color:var(--app-gray-500);border-color:var(--app-gray-200)}.action-btn.state-disabled{background:var(--app-gray-100);color:var(--app-gray-400);cursor:not-allowed;opacity:.5}.action-btn.state-disabled:hover{transform:none;background:var(--app-gray-100);color:var(--app-gray-400);border-color:var(--app-gray-200)}.action-btn-icon{font-size:20px}.action-btn-label{font-size:11px;font-weight:600}@media (max-width: 480px){.action-bar{gap:6px;padding:10px 12px}.action-btn{min-width:65px;padding:8px 12px;gap:2px}.action-btn-icon{font-size:18px}.action-btn-label{font-size:10px}}@media (max-width: 375px){.action-bar{gap:4px;padding:8px 10px}.action-btn{min-width:60px;padding:6px 8px}.action-btn-label{font-size:9px}}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.module-card{background:#fff;border-radius:16px;padding:20px 16px;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px solid transparent;transition:transform .15s ease,box-shadow .15s ease,opacity .1s ease;color:var(--app-gray-900);min-height:110px;box-shadow:0 1px 3px #0000000f}.module-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;text-decoration:none}.module-card:active{transform:scale(.98)}.module-card.state-new{border-color:var(--app-success)}.module-card.state-soon{border-color:var(--app-gray-200);opacity:.5;cursor:not-allowed}.module-card.state-soon:hover{transform:none;box-shadow:none}.module-icon{font-size:36px}.module-name{font-size:13px;font-weight:600}.module-badge{font-size:9px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px}.module-badge.badge-soon{background:var(--app-gray-100);color:var(--app-gray-500)}.module-badge.badge-legacy{background:var(--app-warning);color:#fff}.module-card.state-legacy{border-color:var(--app-warning)}.notifications-section{margin-bottom:24px}.notification-card{background:#fff;border-radius:12px;padding:12px 16px;margin-bottom:8px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 1px 3px #0000000d;border-left:4px solid var(--app-info)}.notification-card.type-warning{border-left-color:var(--app-warning)}.notification-card.type-success{border-left-color:var(--app-success)}.notification-card.type-error{border-left-color:var(--app-error)}.notification-icon{font-size:20px;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:600;color:var(--app-gray-900);margin-bottom:2px}.notification-message{font-size:13px;color:var(--app-gray-500)}.notification-link{font-size:13px;color:var(--app-primary);text-decoration:none;font-weight:500;display:inline-block;margin-top:4px}.notification-dismiss{background:none;border:none;font-size:18px;color:var(--app-gray-500);cursor:pointer;padding:4px;line-height:1}.notification-dismiss:hover{color:var(--app-gray-700)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:100}.menu-overlay.open{opacity:1;visibility:visible}.side-menu{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;background:#1e293b;transform:translate(-100%);transition:transform .3s ease;z-index:101;display:flex;flex-direction:column}.side-menu.open{transform:translate(0)}.menu-header{padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0px));border-bottom:1px solid #334155;display:flex;align-items:center;justify-content:space-between}.menu-title{font-size:18px;font-weight:600;color:#fff}.menu-close{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer;padding:10px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;margin:-10px -6px -10px -10px}.menu-close:hover{color:#fff}.menu-content{flex:1;overflow-y:auto;padding:16px 0}.menu-section{padding:0 16px;margin-bottom:16px}.menu-divider{height:1px;background:#334155;margin:16px}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:44px;box-sizing:border-box;color:#94a3b8;text-decoration:none;transition:all .2s ease}.menu-item:hover{background:#334155;color:#fff;text-decoration:none}.menu-item.state-soon{opacity:.5;cursor:not-allowed}.menu-item-icon{font-size:20px}.menu-item-label{font-size:15px;font-weight:500}.menu-footer{flex-shrink:0;border-top:1px solid #334155;padding-bottom:env(safe-area-inset-bottom,0px)}.menu-pinned-section{border-bottom:1px solid #334155}.menu-pinned-section:last-of-type{border-bottom:none}.menu-pinned-section .menu-nav-section{margin-bottom:0}.menu-pinned-section .menu-nav-section-items{max-height:180px;overflow-y:auto}.menu-pinned-section-pos{background:#4f46e51a;border-left:3px solid #6366f1}.menu-pinned-section-pos .menu-nav-section-toggle{color:#a5b4fc}.menu-pinned-section-pos .menu-nav-section-toggle:hover{color:#c7d2fe;background:#6366f11a}.menu-pinned-section-pos .menu-item:hover{background:#6366f126}.menu-pinned-section-pos .menu-item.active{background:#6366f140;color:#c7d2fe}.menu-pinned-section-admin{background:#64748b14}.menu-footer .menu-user-container{padding:16px}.menu-user{display:flex;align-items:center;gap:12px;padding:12px;background:#334155;border-radius:8px;margin-bottom:12px}.menu-user-avatar{width:40px;height:40px;background:var(--app-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.menu-user-name{font-size:14px;font-weight:600;color:#fff}.menu-user-email{font-size:12px;color:#94a3b8}.menu-signout{width:100%;padding:12px;background:none;border:1px solid #334155;border-radius:8px;font-size:14px;font-weight:500;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.menu-signout:hover{background:#334155;color:#fff}.menu-user-container{position:relative}.menu-user-trigger{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:#334155;border:none;border-radius:8px;cursor:pointer;text-align:left}.menu-user-info{flex:1;min-width:0}.menu-user-arrow{color:#94a3b8;font-size:10px}.menu-user-dropdown{position:absolute;bottom:100%;left:0;right:0;background:#1e293b;border:1px solid #334155;border-radius:8px;margin-bottom:8px;max-height:50vh;overflow-y:auto;box-shadow:0 -4px 12px #0000004d}.menu-user-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:#fff;font-size:14px;cursor:pointer;text-align:left}.menu-user-item:hover{background:#334155}.menu-user-item-disabled{color:#64748b;cursor:not-allowed}.menu-user-item-disabled:hover{background:none}.menu-user-divider{height:1px;background:#334155;margin:4px 0}.menu-user-signout{color:#ef4444}.menu-user-signout:hover{background:#ef44441a}.menu-user-view-as{padding:12px 16px;border-bottom:1px solid #334155}.menu-user-view-as .view-as-btn{color:#e2e8f0;border-color:#475569;background:transparent}.menu-user-view-as .view-as-btn:hover{background:#ffffff1a}.menu-user-view-as .view-as-selector{position:static}.menu-user-view-as .view-as-dropdown{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;max-width:100%;max-height:100%;z-index:1100;background:#fff;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.menu-user-view-as .view-as-search{margin:16px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px}.menu-user-view-as .view-as-list{flex:1;overflow-y:auto;padding:0 8px 16px}.menu-user-view-as .view-as-option{padding:14px 16px;margin-bottom:4px;border-radius:8px}.menu-user-view-as .view-as-exit-option{margin:16px;padding:14px 16px;background:#fef2f2;color:#dc2626;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer}.menu-nav-section{margin-bottom:.25rem}.menu-nav-section-toggle{display:flex;align-items:center;width:100%;padding:.625rem 1rem;min-height:44px;box-sizing:border-box;background:none;border:none;color:#94a3b8;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .15s}.menu-nav-section-toggle:hover{color:#fff;background:#ffffff0d}.menu-nav-section-toggle.open{color:#fff}.menu-nav-section-icon{margin-right:.5rem;font-size:.875rem}.menu-nav-section-title{flex:1;text-align:left}.menu-nav-section-arrow{font-size:.625rem;color:#64748b}.menu-nav-section-items{padding-left:0}.menu-item-nested{padding-left:2.5rem;font-size:.875rem;min-height:44px}.menu-item-disabled{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:44px;box-sizing:border-box;color:#64748b;opacity:.6;cursor:not-allowed}.menu-coming-soon-badge{margin-left:auto;padding:.125rem .375rem;background:#334155;color:#94a3b8;font-size:.625rem;font-weight:600;text-transform:uppercase;border-radius:3px;letter-spacing:.02em}.menu-item.active{background:var(--app-primary);color:#fff}.menu-footer-items{border-top:1px solid #334155;padding-top:.5rem;margin-bottom:.5rem}.section-title{font-size:14px;font-weight:600;color:var(--app-gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.app-loading{text-align:center;padding:48px;color:var(--app-gray-500)}.card{background:#fff;border-radius:12px;padding:16px}.card-header{margin-bottom:16px}.card-title{font-size:18px;font-weight:600;color:var(--app-gray-900);margin:0}.app-view-as-banner{position:sticky;top:0;z-index:60}@media (max-width: 379px){.app-main{max-width:min(600px,100%);padding:12px;padding-top:calc(var(--app-header-height) + 12px);padding-bottom:12px}.module-grid{grid-template-columns:1fr;gap:10px}.module-card{flex-direction:row;justify-content:flex-start;text-align:left;padding:16px;min-height:auto;gap:16px}.module-icon{font-size:28px}.module-name{font-size:15px}.action-btn{padding:8px 12px;min-width:60px}.action-btn-label{font-size:10px}}@media (min-width: 500px){.module-grid{grid-template-columns:repeat(3,1fr)}.module-icon{font-size:32px}.module-card{min-height:100px;padding:16px 12px}}.action-btn-overflow-wrapper{position:relative;flex:1;max-width:120px}.action-overflow-menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;border:1px solid var(--app-gray-200);border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:180px;overflow:hidden;z-index:100}.action-overflow-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;font-size:14px;color:var(--app-gray-700);cursor:pointer;text-align:left}.action-overflow-item:hover{background:var(--app-gray-50)}.action-overflow-item:active{background:var(--app-gray-100)}.global-search-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:500px;max-height:calc(100vh - 100px);background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;z-index:200}.global-search-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--app-gray-200)}.global-search-icon{font-size:20px;color:var(--app-gray-500)}.global-search-input{flex:1;border:none;outline:none;font-size:16px;background:transparent}.global-search-close{width:32px;height:32px;border:none;background:var(--app-gray-100);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--app-gray-500);font-size:14px}.global-search-close:hover{background:var(--app-gray-200)}.global-search-results{flex:1;overflow-y:auto;max-height:400px}.global-search-empty{padding:32px 16px;text-align:center;color:var(--app-gray-500)}.global-search-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;transition:background .1s}.global-search-item:hover,.global-search-item.selected{background:var(--app-gray-50)}.global-search-item.selected{background:var(--app-primary);color:#fff}.global-search-item.selected .global-search-item-path{color:#ffffffb3}.global-search-item-icon{font-size:20px;width:28px;text-align:center}.global-search-item-label{flex:1;font-size:14px;font-weight:500}.global-search-item-path{font-size:12px;color:var(--app-gray-500)}.global-search-footer{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 16px;border-top:1px solid var(--app-gray-200);background:var(--app-gray-50);font-size:12px;color:var(--app-gray-500)}.global-search-footer kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:2px 6px;background:#fff;border:1px solid var(--app-gray-200);border-radius:4px;font-family:inherit;font-size:11px;margin-right:4px}@media (min-width: 768px){.app-shell{display:flex;flex-direction:row;min-height:100vh}.side-menu{position:fixed;top:0;left:0;bottom:0;transform:none;width:250px;flex-shrink:0;overflow-y:auto}.menu-overlay,.menu-close,.app-header-btn.menu-toggle{display:none}.app-content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:250px}.app-header{position:sticky;top:0;border-radius:0}.app-main{flex:1;padding:24px 24px 100px;max-width:none;overflow-y:auto}.action-bar{position:fixed;bottom:0;left:250px;right:0;border-radius:0;max-width:none;justify-content:flex-start;padding-left:24px}.action-btn{flex:none;min-width:100px}.module-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-width:800px}}.pull-indicator{position:fixed;top:0;left:0;right:0;transform:translateY(-60px);z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform .1s ease-out,opacity .1s ease-out}.pull-indicator[data-refreshing=true]{transform:translateY(calc(var(--app-header-height) + 16px))!important;opacity:1!important}.pull-indicator-icon{display:block;width:40px;height:40px;padding:8px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;box-sizing:border-box;color:var(--app-primary);transition:transform .2s ease}.pull-indicator[data-pulling=true] .pull-indicator-icon{transform:rotate(180deg)}.pull-indicator[data-refreshing=true] .pull-indicator-icon{animation:pull-spin .8s linear infinite}@keyframes pull-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 768px){.pull-indicator{display:none}}.mobile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:flex-end;justify-content:center}.mobile-modal{width:100%;max-width:500px;max-height:90vh;background:#fff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:slideUp .3s ease;overflow-x:hidden}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mobile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--app-gray-200)}.mobile-modal-header h2{margin:0;font-size:18px;font-weight:600;color:var(--app-gray-900)}.mobile-modal-close{width:36px;height:36px;border:none;background:var(--app-gray-100);border-radius:50%;font-size:24px;line-height:1;color:var(--app-gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-modal-close:hover{background:var(--app-gray-200)}.mobile-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px}.mobile-modal-footer{display:flex;gap:12px;padding:16px 20px;padding-bottom:calc(16px + var(--app-safe-area-bottom));border-top:1px solid var(--app-gray-200);background:var(--app-gray-50)}.coming-soon-toast{position:fixed;bottom:calc(var(--app-action-bar-height) + 24px + var(--app-safe-area-bottom));left:50%;transform:translate(-50%);background:var(--app-gray-900);color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;z-index:150;animation:toastFadeIn .3s ease}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (min-width: 768px){.mobile-modal-overlay{align-items:center}.mobile-modal{max-height:80vh;border-radius:16px;margin:20px;animation:fadeIn .2s ease}.mobile-modal-footer{padding-bottom:16px}}.update-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:12px 16px;background:#1e293b;border:1px solid #334155;border-radius:12px;box-shadow:0 4px 20px #0000004d;z-index:10000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.update-prompt-content{display:flex;align-items:center;gap:8px}.update-prompt-icon{font-size:18px}.update-prompt-text{color:#fff;font-size:14px;font-weight:500;white-space:nowrap}.update-prompt-actions{display:flex;gap:8px}.update-prompt-btn{padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.update-prompt-btn-primary{background:var(--color-primary, #772cbb);border:none;color:#fff;font-weight:600}.update-prompt-btn-primary:hover{background:var(--primary-dark, #5e2393)}.update-prompt-btn-secondary{background:none;border:1px solid #475569;color:#94a3b8}.update-prompt-btn-secondary:hover{background:#334155;color:#fff}@media (max-width: 480px){.update-prompt{left:16px;right:16px;bottom:16px;transform:none;flex-wrap:wrap;justify-content:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.migrate-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#f8f4fc,#ede4f5)}.migrate-card{width:100%;max-width:440px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #772cbb1f;padding:2rem}.migrate-header{text-align:center;margin-bottom:1.5rem}.migrate-logo{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin-bottom:.25rem}.migrate-subtitle{color:#64748b;font-size:.9375rem}.migrate-progress{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding:0 1rem}.migrate-progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.migrate-progress-dot{width:36px;height:36px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all .3s ease}.migrate-progress-step.active .migrate-progress-dot{background:var(--color-primary);color:#fff}.migrate-progress-step.complete .migrate-progress-dot{background:#16a34a;color:#fff}.migrate-progress-step span{font-size:.75rem;color:#64748b;font-weight:500}.migrate-progress-step.active span{color:var(--color-primary);font-weight:600}.migrate-progress-line{flex:1;height:3px;background:#e2e8f0;margin:0 .5rem 1.5rem;max-width:60px}.migrate-step{animation:fadeIn .3s ease}.migrate-welcome{text-align:center;margin-bottom:1.5rem}.migrate-welcome h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.migrate-welcome p{color:#64748b;font-size:1rem;line-height:1.5}.migrate-form-group{margin-bottom:1rem}.migrate-form-group label{display:block;font-size:.9375rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.migrate-form-group input{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;transition:border-color .2s ease;min-height:52px}.migrate-form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #772cbb1a}.migrate-form-group input::placeholder{color:#94a3b8}.migrate-password-hint{font-size:.8125rem;color:#64748b;margin-bottom:1.5rem;line-height:1.4}.migrate-btn-primary{width:100%;padding:1rem;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:52px}.migrate-btn-primary:hover{background:var(--color-primary-dark)}.migrate-btn-primary:disabled{background:#c4b5d6;cursor:not-allowed}.migrate-btn-secondary{width:100%;padding:.875rem;background:transparent;color:#64748b;border:none;border-radius:10px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:48px}.migrate-btn-secondary:hover{background:#f1f5f9;color:#1e293b}.migrate-btn-group{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.migrate-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.875rem 1rem;border-radius:10px;font-size:.9375rem;margin-bottom:1rem;text-align:center}.migrate-error-box{text-align:center;padding:2rem 1rem}.migrate-error-box p{color:#64748b;margin-bottom:.5rem}.migrate-error-box p:first-child{color:#dc2626;font-weight:600;font-size:1.125rem}.migrate-loading{text-align:center;padding:2rem 1rem}.migrate-loading p{color:#64748b;margin-top:1rem}.migrate-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.migrate-spinner.small{width:24px;height:24px;border-width:3px;margin-top:1rem}.migrate-pwa-intro{text-align:center;margin-bottom:1.5rem}.migrate-pwa-icon{font-size:3rem;margin-bottom:.5rem}.migrate-pwa-intro h2{font-size:1.375rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.migrate-pwa-intro p{color:#64748b;font-size:1rem;line-height:1.5}.migrate-pwa-instructions{background:#f8fafc;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.migrate-instruction{display:flex;gap:1rem;margin-bottom:1.25rem}.migrate-instruction:last-child{margin-bottom:0}.migrate-instruction-number{width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.migrate-instruction-content{flex:1}.migrate-instruction-content p{font-size:.9375rem;color:#1e293b;line-height:1.5;margin-bottom:.5rem}.migrate-instruction-content p:last-child{margin-bottom:0}.migrate-instruction-note{color:#16a34a!important;font-weight:500}.migrate-instruction-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#e2e8f0;border-radius:8px;color:#475569}.migrate-instruction-visual{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;padding:.5rem .75rem;border-radius:8px;font-size:.875rem;color:#1e293b}.migrate-add-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#e2e8f0;border-radius:4px;font-weight:600;color:#475569}.migrate-desktop-note{text-align:center;padding:1rem}.migrate-desktop-note p{color:#64748b;margin-bottom:.75rem;line-height:1.5}.migrate-desktop-note p:last-child{margin-bottom:0}.migrate-pwa-result{text-align:center;margin-bottom:.5rem}.migrate-app-preview{display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.migrate-app-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary) 0%,#9b4ed6 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 12px #772cbb4d}.migrate-app-preview-label{font-size:.9375rem;color:#64748b;text-align:center;margin-bottom:1rem}.migrate-app-preview-row{display:flex;justify-content:center;gap:2rem}.migrate-app-icon-img{width:64px;height:64px;border-radius:16px;box-shadow:0 4px 12px #00000026}.migrate-app-icon-img.dark{background:#1e293b}.migrate-app-icon-img.light{background:#fff;border:1px solid #e2e8f0}.migrate-app-preview span{font-size:.875rem;color:#1e293b;font-weight:500}.migrate-mode-label{font-size:.6875rem!important;color:#94a3b8!important;font-weight:400!important}.migrate-success{text-align:center;padding:2rem 1rem}.migrate-success-icon{width:72px;height:72px;background:#16a34a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1rem;animation:scaleIn .3s ease}.migrate-success h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.migrate-success p{color:#64748b;font-size:1rem}.migrate-help{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;font-size:.875rem;color:#94a3b8}.migrate-preview-banner{background:#fef3c7;border:2px dashed #f59e0b;border-radius:8px;padding:.75rem;margin-bottom:1.5rem;text-align:center}.migrate-preview-banner>span{display:block;font-size:.75rem;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.migrate-preview-nav{display:flex;gap:.5rem;justify-content:center}.migrate-preview-nav button{padding:.5rem 1rem;border:1px solid #f59e0b;background:#fff;border-radius:6px;font-size:.875rem;font-weight:500;color:#92400e;cursor:pointer;transition:all .2s ease}.migrate-preview-nav button:hover{background:#fef3c7}.migrate-preview-nav button.active{background:#f59e0b;color:#fff;border-color:#d97706}@media (max-width: 480px){.migrate-card{padding:1.5rem;border-radius:12px}.migrate-progress-step span{font-size:.6875rem}.migrate-progress-dot{width:32px;height:32px;font-size:.8125rem}.migrate-welcome h2,.migrate-pwa-intro h2,.migrate-success h2{font-size:1.25rem}}.onboard-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#f8f4fc,#ede4f5)}.onboard-card{width:100%;max-width:480px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #772cbb1f;padding:2rem}.onboard-preview-banner{background:#fef3c7;border:2px dashed #f59e0b;border-radius:8px;padding:.75rem;margin-bottom:1.5rem;text-align:center}.onboard-preview-banner>span{display:block;font-size:.75rem;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.onboard-preview-nav{display:flex;gap:.5rem;justify-content:center}.onboard-preview-nav button{width:32px;height:32px;border:1px solid #f59e0b;background:#fff;border-radius:50%;font-size:.875rem;font-weight:600;color:#92400e;cursor:pointer}.onboard-preview-nav button.active{background:#f59e0b;color:#fff}.onboard-progress{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding:0 .5rem}.onboard-progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.onboard-progress-dot{width:32px;height:32px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8125rem;transition:all .3s ease}.onboard-progress-step.active .onboard-progress-dot{background:var(--color-primary);color:#fff}.onboard-progress-step.complete .onboard-progress-dot{background:#16a34a;color:#fff}.onboard-progress-step span{font-size:.6875rem;color:#64748b;font-weight:500}.onboard-progress-step.active span{color:var(--color-primary);font-weight:600}.onboard-progress-line{flex:1;height:2px;background:#e2e8f0;margin:0 .5rem 1.25rem;max-width:40px}.onboard-step{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboard-welcome{text-align:center;margin-bottom:1.5rem}.onboard-logo-icon{margin-bottom:1rem}.onboard-logo-img{width:80px;height:80px;border-radius:20px;box-shadow:0 4px 16px #772cbb33}.onboard-title{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin:0 0 .25rem}.onboard-tagline{font-size:1rem;color:#64748b;margin:0}.onboard-intro{margin-bottom:1.5rem}.onboard-intro>p:first-child{text-align:center;color:#475569;font-size:1rem;margin-bottom:1.25rem}.onboard-features{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.25rem}.onboard-feature{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:10px}.onboard-feature-icon{font-size:1.25rem;line-height:1}.onboard-feature strong{display:block;font-size:.9375rem;color:#1e293b;margin-bottom:.125rem}.onboard-feature p{font-size:.8125rem;color:#64748b;margin:0;line-height:1.4}.onboard-future{text-align:center;font-size:.9375rem;color:#64748b;line-height:1.5;font-style:italic}.onboard-header{text-align:center;margin-bottom:1.5rem}.onboard-header h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.onboard-header p{color:#64748b;font-size:1rem;margin:0}.onboard-pwa-icon{font-size:2.5rem;margin-bottom:.5rem}.onboard-form-group{margin-bottom:1rem}.onboard-form-group label{display:block;font-size:.9375rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.onboard-form-group input{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;transition:border-color .2s ease;min-height:52px}.onboard-form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #772cbb1a}.onboard-form-group input::placeholder{color:#94a3b8}.onboard-hint{font-size:.8125rem;color:#64748b;margin-bottom:1.5rem;line-height:1.4}.onboard-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.875rem 1rem;border-radius:10px;font-size:.9375rem;margin-bottom:1rem;text-align:center}.onboard-btn-primary{width:100%;padding:1rem;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:52px}.onboard-btn-primary:hover{background:var(--color-primary-dark)}.onboard-btn-primary:disabled{background:#c4b5d6;cursor:not-allowed}.onboard-btn-secondary{width:100%;padding:.875rem;background:transparent;color:#64748b;border:none;border-radius:10px;font-size:.9375rem;font-weight:500;cursor:pointer;min-height:48px}.onboard-btn-secondary:hover{background:#f1f5f9;color:#1e293b}.onboard-btn-group{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.onboard-instructions{background:#f8fafc;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.onboard-instruction{display:flex;gap:.75rem;margin-bottom:1rem}.onboard-instruction:last-child{margin-bottom:0}.onboard-instruction-num{width:28px;height:28px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;flex-shrink:0}.onboard-instruction p{font-size:.9375rem;color:#1e293b;line-height:1.5;margin:0}.onboard-instruction-content{flex:1}.onboard-instruction-content p{margin-bottom:.5rem}.onboard-instruction-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#e2e8f0;border-radius:8px;color:#475569}.onboard-desktop-note{text-align:center}.onboard-desktop-note p{color:#64748b;margin-bottom:.5rem;line-height:1.5}.onboard-app-preview{text-align:center;margin-bottom:1.5rem}.onboard-app-preview>p{font-size:.875rem;color:#64748b;margin-bottom:.75rem}.onboard-app-icons{display:flex;justify-content:center;gap:1.5rem}.onboard-app-icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.onboard-app-icon{width:64px;height:64px;border-radius:16px;box-shadow:0 4px 12px #00000026}.onboard-app-icon-wrapper span{font-size:.875rem;color:#1e293b;font-weight:500}.onboard-install-success{text-align:center;padding:2rem 1rem}.onboard-install-success-icon{width:80px;height:80px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;animation:successPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.onboard-install-success h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.onboard-install-success p{color:#64748b;font-size:1rem;margin:0}.onboard-native-install{text-align:center;padding:1.5rem 0}.onboard-app-preview-large{margin-bottom:1rem}.onboard-app-icon-large{width:96px;height:96px;border-radius:24px;box-shadow:0 8px 24px #772cbb40;animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.onboard-install-tagline{font-size:1rem;color:#64748b;margin-bottom:1.5rem}.onboard-btn-install{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;border-radius:14px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #772cbb59;min-height:56px}.onboard-btn-install:hover{transform:translateY(-2px);box-shadow:0 6px 20px #772cbb73}.onboard-btn-install:active{transform:translateY(0)}.onboard-btn-install:disabled{opacity:.7;cursor:wait;transform:none}.onboard-btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.onboard-ios-share-demo{text-align:center;padding:1rem;margin-bottom:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px}.onboard-ios-share-icon{width:56px;height:56px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto .5rem;box-shadow:0 2px 8px #007aff26;animation:pulseIcon 2s ease-in-out infinite}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.onboard-ios-share-label{font-size:.875rem;color:#0369a1;font-weight:500;margin:0}.onboard-desktop-qr{text-align:center;padding:1.5rem;background:#f8fafc;border-radius:16px;margin-bottom:1.5rem}.onboard-qr-wrapper{background:#fff;padding:1rem;border-radius:12px;display:inline-block;box-shadow:0 2px 8px #00000014;margin-bottom:1rem}.onboard-qr-code{width:150px;height:150px;display:block}.onboard-qr-label{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.onboard-qr-hint{font-size:.875rem;color:#64748b;margin:0}.onboard-info-note{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:1rem;margin-bottom:1.5rem;font-size:.875rem;color:#166534;line-height:1.5}.onboard-info-note strong{display:block;margin-bottom:.25rem}.onboard-success{text-align:center;padding:2rem 1rem}.onboard-success-icon{width:72px;height:72px;background:#16a34a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1rem;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.onboard-success h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.onboard-success p{color:#64748b;font-size:1rem;margin:0 0 1rem}.onboard-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.onboard-link-sent{text-align:center;padding:1rem 0}.onboard-link-sent-icon{font-size:3rem;margin-bottom:1rem}.onboard-link-sent h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.onboard-link-sent p{color:#64748b;margin:0 0 .5rem}.onboard-email-display{font-weight:600;color:var(--color-primary);font-size:1rem;margin-bottom:.5rem!important}.onboard-not-you{background:none;border:none;color:#64748b;font-size:.875rem;cursor:pointer;text-decoration:underline;padding:0;margin-bottom:1rem}.onboard-not-you:hover{color:var(--color-primary)}.onboard-help{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;font-size:.875rem;color:#94a3b8}@media (max-width: 480px){.onboard-card{padding:1.5rem;border-radius:12px}.onboard-title{font-size:1.5rem}.onboard-header h2{font-size:1.25rem}.onboard-progress-step span{font-size:.625rem}}:root{--color-primary: #772cbb;--color-primary-dark: #5c2290;--color-primary-light: #9b4ed6;--color-bg: #f8fafc;--color-sidebar: #1e293b;--color-sidebar-hover: #334155;--color-text: #1e293b;--color-text-light: #64748b;--color-border: #e2e8f0;--color-white: #ffffff;--color-error: #dc2626;--color-success: #16a34a;--color-warning: #f59e0b;--color-info: #6366f1;--color-success-bg: #d1fae5;--color-success-text: #065f46;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-error-bg: #fee2e2;--color-error-text: #991b1b;--color-info-bg: #dbeafe;--color-info-text: #1e40af;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 48px;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-display: 2rem;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 32px;--icon-xl: 48px;--icon-xxl: 64px;--radius: 8px;--radius-sm: 4px;--radius-lg: 12px;--radius-xl: 16px;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1)}.portal-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;overscroll-behavior-x:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;overflow-x:hidden;overscroll-behavior-x:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:pan-y pinch-zoom}h1,h2,h3,h4,h5,h6{color:var(--color-text-light)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.portal-layout{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--color-sidebar);color:var(--color-white);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid var(--color-sidebar-hover)}.sidebar-brand{font-size:1.25rem;font-weight:600;color:var(--color-white)}.sidebar-subtitle{font-size:.8125rem;color:var(--color-text-light);margin-top:.25rem}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto;min-height:0}.nav-link{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.5rem;color:#94a3b8;text-decoration:none;transition:all .15s;font-size:.9375rem}.nav-link:hover{background:var(--color-sidebar-hover);color:var(--color-white);text-decoration:none;padding-left:1.75rem}.nav-link.active{background:var(--color-primary);color:var(--color-white);font-weight:500}.nav-link-nested{padding-left:2.5rem;font-size:.875rem}.nav-link-disabled{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#64748b;opacity:.6;cursor:not-allowed;font-size:.875rem}.coming-soon-badge{margin-left:auto;padding:.125rem .375rem;background:#334155;color:#94a3b8;font-size:.625rem;font-weight:600;text-transform:uppercase;border-radius:3px;letter-spacing:.02em}.footer-menu{padding:.5rem 0;border-top:1px solid #334155;margin-bottom:.5rem}.nav-section{margin-bottom:.25rem}.nav-section-toggle{display:flex;align-items:center;width:100%;padding:.75rem 1.5rem;background:none;border:none;color:#94a3b8;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .15s}.nav-section-toggle:hover{background:var(--color-sidebar-hover);color:var(--color-white);padding-left:1.75rem}.nav-section-toggle.open{color:#cbd5e1}.nav-section-icon{margin-right:.5rem}.nav-section-title{flex:1;text-align:left}.nav-section-arrow{font-size:.625rem;opacity:.6;transition:transform .2s}.nav-section-items{animation:slideDown .15s ease-out}.nav-subgroup{margin-bottom:.5rem}.nav-subgroup:last-child{margin-bottom:0}.nav-subgroup-title{padding:.375rem 1rem .25rem 2rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;opacity:.8}.nav-link-subgrouped{padding-left:2.75rem;font-size:.8125rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-footer{flex-shrink:0;border-top:1px solid var(--color-sidebar-hover)}.pinned-section{border-bottom:1px solid var(--color-sidebar-hover)}.pinned-section:last-of-type{border-bottom:none}.pinned-section .nav-section{margin-bottom:0}.pinned-section .nav-section-toggle{padding:.625rem 1rem}.pinned-section .nav-section-items{max-height:200px;overflow-y:auto}.pinned-section-pos{background:#4f46e514;border-left:3px solid #6366f1}.pinned-section-pos .nav-section-toggle{color:#a5b4fc}.pinned-section-pos .nav-section-toggle:hover{color:#c7d2fe}.pinned-section-pos .nav-link-nested:hover{background:#6366f126}.pinned-section-pos .nav-link-nested.active{background:#6366f140;color:#c7d2fe}.pinned-section-admin{background:#64748b14}.sidebar-footer .user-menu-container{padding:1rem 1.5rem}.user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.user-avatar{width:36px;height:36px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.user-name{font-size:.875rem;font-weight:500}.user-email{font-size:.75rem;color:var(--color-text-light)}.logout-btn{width:100%;padding:.5rem;background:transparent;border:1px solid var(--color-sidebar-hover);color:#94a3b8;border-radius:var(--radius);font-size:.875rem;transition:all .15s}.logout-btn:hover{background:var(--color-sidebar-hover);color:var(--color-white)}.user-menu-container{position:relative}.user-menu-trigger{width:100%;display:flex;align-items:center;gap:.75rem;padding:.5rem;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:#94a3b8;cursor:pointer;transition:all .15s;text-align:left}.user-menu-trigger:hover{background:var(--color-sidebar-hover);border-color:var(--color-sidebar-hover)}.user-menu-info{flex:1;min-width:0}.user-menu-info .user-name{font-size:.875rem;font-weight:500;color:var(--color-white)}.user-menu-info .user-email{font-size:.6875rem;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-arrow{font-size:.625rem;color:#64748b}.user-menu-dropdown{position:absolute;bottom:100%;left:0;right:0;background:#0f172a;border:1px solid var(--color-sidebar-hover);border-radius:var(--radius);margin-bottom:.5rem;padding:.5rem 0;box-shadow:0 -4px 12px #0000004d}.user-menu-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.875rem;color:#94a3b8;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:all .15s}.user-menu-item:hover{background:var(--color-sidebar-hover);color:var(--color-white)}.user-menu-item-disabled{opacity:.6;cursor:default}.user-menu-item-disabled:hover{background:transparent;color:#94a3b8}.user-menu-signout{color:#f87171}.user-menu-signout:hover{background:#ef44441a;color:#fca5a5}.user-menu-trigger.viewing-as{border-color:var(--color-primary);background:#772cbb1a}.user-avatar.viewing-as{background:var(--color-primary);color:#fff}.viewing-as-name{color:var(--color-primary)!important}.viewing-as-label{color:var(--color-primary)!important;font-weight:500;font-size:.625rem!important;text-transform:uppercase;letter-spacing:.05em}.user-menu-exit-view{color:var(--color-primary)!important}.user-menu-exit-view:hover{background:#772cbb26;color:var(--color-primary)!important}.user-menu-view-as{padding:.5rem}.user-menu-view-as .view-as-btn{color:#e2e8f0;border-color:#475569}.user-menu-view-as .view-as-btn:hover{background:#ffffff1a}.user-menu-view-as .view-as-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);right:auto;bottom:auto;max-height:400px;width:320px;z-index:1100}.user-menu-divider{height:1px;background:var(--color-sidebar-hover);margin:.5rem 0}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden;overscroll-behavior:none}.top-bar{flex-shrink:0;height:72px;background:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;z-index:10;box-shadow:0 1px 3px #0000001a}.page-title{font-size:1.5rem;font-weight:600}.desktop-quick-actions{display:flex;align-items:center;gap:.75rem;margin-left:auto;margin-right:1.5rem}.desktop-action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9375rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:all .15s;text-decoration:none;min-height:44px}.desktop-action-btn:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.desktop-action-btn:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.desktop-action-btn.desktop-action-disabled{opacity:.5;cursor:not-allowed}.desktop-action-btn.desktop-action-disabled:hover{background:var(--color-white);border-color:var(--color-border);color:var(--color-text)}.desktop-action-icon{font-size:1rem}.desktop-action-label{font-size:.8125rem}.quick-actions-card{background:var(--color-white);border:1px solid var(--color-border)}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 768px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}.quick-action-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.25rem 1rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;text-decoration:none;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;text-align:center;box-sizing:border-box;min-height:120px}.quick-action-tile:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #772cbb26;transform:translateY(-2px)}.quick-action-tile.quick-action-disabled{opacity:.5;cursor:not-allowed}.quick-action-tile.quick-action-disabled:hover{border-color:var(--color-border);box-shadow:none;transform:none}.quick-action-icon{font-size:2rem;margin-bottom:.5rem}.quick-action-label{font-size:.9375rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.quick-action-desc{font-size:.8125rem;color:var(--color-text-secondary);text-align:center}.top-bar-actions{display:flex;align-items:center;gap:1rem}.layout-switch-btn{padding:.5rem 1rem;background:#f59e0b;border:2px solid #d97706;border-radius:var(--radius);font-size:.8125rem;font-weight:600;color:#fff;cursor:pointer;transition:all .15s}.layout-switch-btn:hover{background:#d97706;border-color:#b45309}.content-area{flex:1;padding:2.5rem;overflow-y:auto;overflow-x:auto;min-height:0;overscroll-behavior:contain;width:100%}.card{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:4px;overflow:hidden;max-width:100%}.card>.list-toolbar:first-child{margin:-4px -4px 0;padding:.75rem;border-radius:var(--radius) var(--radius) 0 0}.card-header{margin-bottom:1rem}.card-title{font-size:1rem;font-weight:600}.card-body{padding:var(--space-lg)}.card-footer{padding:var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius);font-weight:500;font-size:.875rem;transition:all .15s;border:none;min-height:36px}.toolbar-btn-primary,.toolbar-btn-secondary{min-height:38px}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-white);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg)}.btn-outline{background:transparent;color:var(--color-text);border:2px solid var(--color-border)}.btn-outline:hover{background:var(--color-bg);border-color:var(--color-text-light)}.btn-danger{background:var(--color-error);color:var(--color-white)}.btn-danger:hover{background:#b91c1c}.btn-success{background:var(--color-success);color:var(--color-white)}.btn-success:hover{background:#15803d}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-sm);min-height:32px}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-base)}.btn-action{padding:.25rem .5rem;font-size:.75rem;font-weight:500;width:85px;height:32px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.form-input{width:100%;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #772cbb1a}.form-input--error{border-color:var(--color-danger, #dc3545)!important;background-color:#dc35450d}.form-input--error:focus{border-color:var(--color-danger, #dc3545)!important;box-shadow:0 0 0 3px #dc354526}.form-error-hint{display:block;color:var(--color-danger, #dc3545);font-size:.75rem;margin-top:.25rem}.form-select{width:100%;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-sm);background:var(--color-white);cursor:pointer}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #772cbb1a}.form-textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-sm);resize:vertical;min-height:80px;font-family:inherit}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #772cbb1a}.form-help{font-size:var(--font-xs);color:var(--color-text-light);margin-top:var(--space-xs)}.form-required{color:var(--color-error)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-lg)}.form-error{color:var(--color-error);font-size:.75rem;margin-top:.25rem}.form-hint{display:block;color:var(--color-text-light);font-size:.75rem;margin-top:.25rem}.form-checkbox{display:flex;align-items:center;gap:.5rem}.form-checkbox label{margin:0;font-weight:400}.form-details{margin-top:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md)}.form-details-summary{padding:.75rem 1rem;cursor:pointer;font-weight:500;background:var(--color-surface);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none}.form-details-summary:hover{background:var(--color-surface-hover)}.form-details[open] .form-details-summary{border-bottom:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0}.form-details>div{padding:1rem}.file-drop-zone{border:2px dashed var(--color-border);border-radius:8px;padding:32px;text-align:center;cursor:pointer;background:#fff;transition:all .2s}.file-drop-zone:hover,.file-drop-zone.drag-over{border-color:var(--color-primary);background:var(--color-bg-secondary)}.file-drop-zone-icon{font-size:32px;margin-bottom:8px}.login-container{min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;padding-top:calc(var(--safe-area-top, 0px) + 1.5rem);padding-bottom:calc(var(--safe-area-bottom, 0px) + 1.5rem);background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.login-card{width:100%;max-width:400px;background:var(--color-white);border-radius:16px;box-shadow:0 4px 24px #00000014;padding:2rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.login-subtitle{color:var(--color-text);font-size:1rem;font-weight:500}.login-platform{color:var(--color-text-light);font-size:.75rem;margin-top:.5rem;letter-spacing:.02em;text-transform:uppercase}.login-card .form-input{padding:.875rem 1rem;font-size:16px;border-radius:10px;min-height:50px}.login-card .btn-primary{padding:.875rem 1.5rem;font-size:1rem;min-height:50px;border-radius:10px}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border);text-align:center;font-size:.6875rem;color:var(--color-text-light)}.login-install-prompt{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#772cbb10,#772cbb05);border:1px solid #772cbb30;border-radius:10px;text-align:center}.login-install-prompt-text{font-size:.8125rem;color:var(--color-text);margin-bottom:.75rem}.login-install-prompt-btn{padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer}.login-install-prompt-btn:active{transform:scale(.97)}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:2rem}.loading-spinner.full-screen{min-height:100vh}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes syncProgress{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffd9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;gap:1rem}.loading-overlay .spinner{width:48px;height:48px;border-width:4px}.loading-overlay-message{font-size:1rem;color:var(--color-text);font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.stat-label{font-size:.75rem;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.75rem;font-weight:700;margin-top:.25rem}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--color-text-light)}.placeholder-icon{font-size:3rem;margin-bottom:1rem}.placeholder-text{font-size:1.125rem}.not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.not-found h1{font-size:6rem;font-weight:700;color:var(--color-primary);line-height:1}.not-found p{color:var(--color-text-light);margin:1rem 0 2rem}.form-flex-row{display:flex;gap:var(--space-lg);align-items:end}.form-flex-1{flex:1}.form-width-140{width:140px}.form-width-120{width:120px}.modal-footer-left{margin-right:auto}.table-cell-name{font-weight:500}.table-cell-description{font-size:.75rem;color:var(--color-text-light);margin-top:.25rem}@media (max-width: 1024px){.sidebar{width:200px}.content-area{padding:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.portal-layout{flex-direction:column}.sidebar{width:100%;position:fixed;bottom:0;left:0;right:0;top:auto;z-index:100;flex-direction:row;padding:0}.sidebar-header,.sidebar-footer{display:none}.nav-section{display:contents}.nav-section-toggle{display:none}.nav-section-items{display:contents}.sidebar-nav{display:flex;overflow-x:auto;padding:.5rem;gap:.25rem;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-link,.nav-link-nested{padding:.5rem .75rem;flex-direction:column;gap:.25rem;font-size:.6875rem;min-width:fit-content;text-align:center}.main-content{padding-bottom:70px}.content-area{padding:1rem}.top-bar{padding:0 1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.card{overflow-x:auto}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.content-area{padding:1rem}.nav-link span:last-child{display:none}.nav-link{padding:.75rem}.page-title{font-size:1rem}.btn{padding:.5rem 1rem;font-size:.8125rem}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (max-width: 1024px){.hide-tablet{display:none!important}}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:2rem}.text-uppercase{text-transform:uppercase;letter-spacing:.025em}.danger-zone{padding:1rem;background:#fef2f2;border-radius:8px;border:1px solid #fecaca}.font-mono{font-family:monospace}.font-semibold,.font-bold{font-weight:600}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mt-0{margin-top:0}.gap-1{gap:.5rem}.gap-2{gap:1rem}.mt-xs{margin-top:.25rem}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mb-xs{margin-bottom:.25rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.py-xs{padding-top:.25rem;padding-bottom:.25rem}.py-sm{padding-top:.5rem;padding-bottom:.5rem}.py-md{padding-top:1rem;padding-bottom:1rem}.px-xs{padding-left:.25rem;padding-right:.25rem}.px-sm{padding-left:.5rem;padding-right:.5rem}.px-md{padding-left:1rem;padding-right:1rem}.p-0{padding:0}.gap-xs{gap:.25rem}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.border-none{border:none}.rounded-full{border-radius:999px}.cursor-pointer{cursor:pointer}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-error{background:#f8d7da;color:#721c24}.badge-info{background:#dbeafe;color:#1e40af}.badge-neutral{background:#e2e3e5;color:#383d41}.badge{display:inline-block;padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.badge-primary{background:#dbeafe;color:#1e40af}.view-as-banner{flex-shrink:0;background:linear-gradient(90deg,#ea580c,#dc2626);color:#fff;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1rem;font-weight:600;box-shadow:0 2px 8px #dc262666;animation:view-as-pulse 2s ease-in-out infinite}.view-as-banner:before{content:"⚠️";font-size:1.25rem}@keyframes view-as-pulse{0%,to{opacity:1}50%{opacity:.85}}.view-as-exit-btn{background:#fff;color:#dc2626;border:none;padding:.375rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:700;text-transform:uppercase}.view-as-exit-btn:hover{background:#fef2f2}.view-as-selector{position:relative}.view-as-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text);padding:.375rem .75rem;border-radius:4px;cursor:pointer;font-size:.8125rem;display:flex;align-items:center;gap:.5rem}.view-as-btn:hover{background:var(--color-bg-secondary)}.view-as-btn.viewing{background:#772cbb;border-color:#772cbb;color:#fff}.view-as-btn.viewing:hover{background:#5a1f8e}.view-as-btn.compact{padding:.375rem .5rem;font-size:1rem;min-width:36px;justify-content:center}.view-as-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:280px;max-height:400px;overflow:hidden;z-index:1000}.view-as-search{width:100%;padding:.75rem;border:none;border-bottom:1px solid var(--color-border);font-size:.875rem;outline:none}.view-as-search:focus{background:var(--color-bg-secondary)}.view-as-list{max-height:320px;overflow-y:auto}.view-as-option{width:100%;padding:.75rem;border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;text-align:left}.view-as-option:hover{background:var(--color-bg-secondary)}.view-as-name{font-weight:500;color:var(--color-text)}.view-as-email{font-size:.75rem;color:var(--color-text-light)}.view-as-loading,.view-as-empty{padding:1rem;text-align:center;color:var(--color-text-light);font-size:.875rem}.view-as-option.active{background:var(--color-primary-light, #f3e8ff);border-left:3px solid var(--color-primary)}.view-as-exit-option{width:100%;padding:.75rem;border:none;border-bottom:1px solid var(--color-border);background:#fef3c7;cursor:pointer;font-size:.875rem;font-weight:500;color:#92400e;text-align:left}.view-as-exit-option:hover{background:#fde68a}@media (max-width: 768px){.mobile-stack{flex-direction:column!important;align-items:stretch!important;grid-template-columns:1fr!important}.mobile-full{width:100%!important;max-width:100%!important;min-width:0!important}.mobile-touch{min-height:44px!important;font-size:16px!important}.mobile-gap{gap:.75rem!important}.mobile-hide{display:none!important}.mobile-table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.mobile-compact{padding:.75rem!important}.mobile-filters-panel.collapsed{display:none!important}}.mobile-filters{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.mobile-filters-row{display:flex;gap:.5rem;align-items:stretch}.mobile-filters-search{flex:1;min-width:0}.mobile-filters-search input{width:100%;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:16px;min-height:44px}.mobile-filters-toggle{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:0 .75rem;min-width:44px;min-height:44px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem;cursor:pointer}.mobile-filters-toggle.open{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.mobile-filters-toggle .filter-count{font-size:.75rem;background:var(--color-primary);color:#fff;padding:.125rem .375rem;border-radius:10px;min-width:18px;text-align:center}.mobile-filters-toggle.open .filter-count{display:none}.mobile-filters-actions{display:flex;gap:.5rem}.mobile-filters-panel{display:flex;flex-wrap:wrap;gap:.5rem}.mobile-filters-panel select,.mobile-filters-panel input{flex:1;min-width:120px;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:16px;min-height:44px;background:#fff}.dashboard-home{display:flex;flex-direction:column;gap:1.5rem}.dashboard-section{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.dashboard-section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.dashboard-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;margin:0}.dashboard-section-icon{font-size:1.125rem}.dashboard-section-badge{font-size:.75rem;font-weight:600;color:#fff;padding:.125rem .5rem;border-radius:10px;min-width:20px;text-align:center}.dashboard-section-link{font-size:.875rem;color:var(--color-primary);font-weight:500;text-decoration:none}.dashboard-section-link:hover{text-decoration:underline}.dashboard-section-body{padding:1rem 1.25rem}.dashboard-empty-message{color:var(--color-text-light);margin:0;padding:.5rem 0}.dashboard-items{display:flex;flex-direction:column;gap:.5rem}.dashboard-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--color-bg);border-radius:6px}.dashboard-item-content{flex:1;min-width:0}.dashboard-item-title{font-weight:500;font-size:.9375rem;margin-bottom:.125rem}.dashboard-item-subtitle{font-size:.8125rem;color:var(--color-text-light);line-height:1.4}.dashboard-item-link{display:inline-block;margin-top:.5rem;font-size:.8125rem;font-weight:600;color:var(--color-primary);text-decoration:none}.dashboard-item-link:hover{text-decoration:underline}.dashboard-item-action{flex-shrink:0}.dismiss-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-light);font-size:.875rem;cursor:pointer;transition:all .15s}.dismiss-btn:hover{background:var(--color-border);color:var(--color-text)}.dashboard-view-more{display:inline-block;margin-top:.5rem;font-size:.8125rem;color:var(--color-primary)}.action-group{background:var(--color-bg);border-radius:8px;padding:.875rem;border-left:4px solid}.action-group-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.action-group-title{font-weight:600;font-size:.9375rem;display:flex;align-items:center;gap:.375rem}.action-group-badge{font-size:.6875rem;font-weight:600;color:#fff;padding:.0625rem .375rem;border-radius:8px}.action-group-description{font-size:.8125rem;color:var(--color-text-light);font-weight:400;margin-top:.25rem}.action-group-more{font-size:.75rem;color:var(--color-primary);text-decoration:none}.action-group-items{display:flex;flex-direction:column;gap:.5rem}.action-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:.625rem .75rem;border-radius:6px;gap:.75rem}.action-item-content{flex:1;min-width:0}.action-item-title{font-weight:500;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-item-subtitle{font-size:.75rem;color:var(--color-text-light)}.action-item-compact{padding:.5rem .75rem}.action-item-content-inline{flex:1;min-width:0;display:flex;align-items:center;gap:.375rem;overflow:hidden}.action-item-title-inline{font-weight:500;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:80px}.action-item-separator{color:var(--color-text-light);flex-shrink:0}.action-item-subtitle-inline{font-size:.8125rem;color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:opacity .15s;font-size:.875rem}.action-icon:hover{opacity:1}.action-item-btn{padding:.375rem .625rem;font-size:.75rem;font-weight:500;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap;transition:opacity .15s}.action-item-btn:hover{opacity:.9}@media (max-width: 768px){.dashboard-home{padding:.5rem}.dashboard-section{margin-bottom:.75rem}.dashboard-section-header,.dashboard-section-body{padding:.75rem 1rem}.dashboard-section-title{font-size:.9375rem}.action-group{padding:.75rem;margin-bottom:.75rem}.action-group-header{flex-direction:column;align-items:flex-start;gap:.25rem}.action-group-description{font-size:.75rem}.action-item-compact{flex-direction:column;align-items:stretch;gap:.5rem;padding:.75rem}.action-item-content-inline{flex-direction:column;align-items:flex-start;gap:.125rem}.action-item-title-inline{font-size:.9375rem;white-space:normal;min-width:unset}.action-item-separator{display:none}.action-item-subtitle-inline{font-size:.8125rem;white-space:normal}.action-item-compact>div:last-child{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.action-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.125rem}.action-item .btn-action{width:90px;height:40px;font-size:.875rem;flex-shrink:0}.action-item-btn{width:100%;padding:.5rem;font-size:.8125rem;min-height:40px}}.ops-page{display:flex;flex-direction:column;gap:1rem}.ops-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.ops-toolbar-actions{display:flex;align-items:center;gap:.75rem}.ops-view-toggle{display:flex;align-items:stretch;height:38px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.ops-view-btn{padding:.5rem .875rem;height:38px;background:transparent;border:none;font-size:.8125rem;font-weight:500;cursor:pointer;color:var(--color-text-light);transition:all .15s}.ops-view-btn:hover{background:var(--color-border)}.ops-view-btn.active{background:var(--color-primary);color:#fff}.ops-primary-btn{padding:.5rem 1.25rem;height:38px;font-size:.875rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:6px;cursor:pointer;transition:opacity .15s;white-space:nowrap}.ops-primary-btn:hover{opacity:.9}.ops-secondary-btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--color-text);background:#fff;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:background .15s}.ops-secondary-btn:hover{background:var(--color-bg)}.ops-search-input-wrapper{position:relative;display:flex;align-items:center;flex:1;max-width:320px;min-width:200px}.ops-search-icon{position:absolute;left:.75rem;font-size:.875rem;pointer-events:none;opacity:.5}.ops-search-input{width:100%;padding:.625rem 2.25rem;font-size:.875rem;border:1px solid var(--color-border);border-radius:6px;outline:none;background:#fff;min-height:36px}.ops-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #772cbb1a}.ops-search-clear{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;font-size:.875rem;color:var(--color-text-light);padding:.25rem}.ops-status-tabs{display:flex;gap:.25rem;border-bottom:2px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.ops-status-tab{padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-text-light);transition:all .15s;position:relative;bottom:-2px;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.ops-status-tab:hover{color:var(--color-text)}.ops-status-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.ops-tab-count{padding:.125rem .5rem;background:var(--color-bg);border-radius:10px;font-size:.75rem;font-weight:600}.ops-tab-count.active{background:var(--color-primary);color:#fff}.ops-list-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.ops-results-bar{padding:.625rem 1rem;font-size:.75rem;color:var(--color-text-light);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.ops-empty-state{text-align:center;padding:3rem 1rem;color:var(--color-text-light)}.ops-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.ops-table-wrapper{overflow-x:auto}.ops-table{width:100%;border-collapse:collapse}.ops-th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);background:var(--color-bg);border-bottom:2px solid var(--color-border);white-space:nowrap}.ops-th-sortable{cursor:pointer}.ops-th-sortable:hover{color:var(--color-text)}.ops-th-content{display:flex;align-items:center;gap:.25rem}.ops-sort-icon{font-size:.625rem;opacity:.5}.ops-th-center{text-align:center}.ops-tr{border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .15s}.ops-tr:hover{background:var(--color-bg)}.ops-td{padding:.75rem 1rem;font-size:.875rem;vertical-align:middle}.ops-td-center{text-align:center}.ops-td-amount{font-weight:500}.ops-customer-cell{display:flex;flex-direction:column;gap:.125rem}.ops-customer-name{font-weight:500}.ops-customer-email,.ops-customer-location{font-size:.75rem;color:var(--color-text-light)}.ops-status-cell{display:flex;flex-direction:column;align-items:center;gap:.25rem}.ops-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap}.ops-payment-badge{display:inline-flex;align-items:center;padding:.125rem .375rem;border-radius:3px;font-size:.625rem;font-weight:600;letter-spacing:.02em}.ops-split-chip{font-family:monospace;font-size:.75rem;color:var(--color-primary);background:#772cbb1a;padding:.25rem .5rem;border-radius:4px;font-weight:500}.ops-split-chip-sm{font-family:monospace;font-size:.625rem;color:var(--color-primary);background:#772cbb1a;padding:.125rem .375rem;border-radius:3px;font-weight:500}.ops-vat-label{font-size:.625rem;color:var(--color-text-light);margin-left:.25rem}.ops-invoice-number{font-size:.6875rem;color:var(--color-primary);font-family:monospace}.ops-actions{display:flex;gap:.375rem;justify-content:center}.ops-action-btn{padding:.25rem .375rem;font-size:1rem;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s}.ops-action-btn:hover{background:var(--color-bg);border-color:var(--color-border)}.ops-action-approve{background:#dcfce7;border-color:#16a34a}.ops-action-approve:hover{background:#bbf7d0}.ops-action-btn.disabled{opacity:.5;cursor:not-allowed}.ops-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;border-top:1px solid var(--color-border);background:var(--color-bg)}.ops-pagination-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:#fff;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text);transition:background .15s}.ops-pagination-btn:hover:not(:disabled){background:var(--color-bg)}.ops-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.ops-pagination-info{font-size:.875rem;color:var(--color-text-light)}.ops-board{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;-webkit-overflow-scrolling:touch}.ops-board-column{flex:0 0 280px;min-width:280px;background:var(--color-bg);border-radius:8px;display:flex;flex-direction:column;max-height:calc(100vh - 280px)}.ops-board-column-header{padding:.75rem 1rem;border-top:4px solid;border-radius:8px 8px 0 0;background:#fff;display:flex;justify-content:space-between;align-items:center}.ops-board-column-title{font-weight:600;font-size:.875rem}.ops-board-column-count{background:var(--color-bg);padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600;color:var(--color-text-light)}.ops-board-column-title-group{display:flex;align-items:center;gap:.5rem}.ops-board-column-sort{background:#fff3;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;color:inherit;cursor:pointer;min-width:90px}.ops-board-column-sort option{color:var(--color-text);background:#fff}.ops-board-column-sort optgroup{color:var(--color-text-light);font-weight:600}.ops-board-column-body{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.ops-board-empty{padding:1rem;text-align:center;color:var(--color-text-light);font-size:.875rem}.ops-board-card{background:#fff;border-radius:6px;padding:.75rem;box-shadow:0 1px 2px #0000000d;cursor:pointer;transition:box-shadow .15s}.ops-board-card:hover{box-shadow:0 2px 8px #0000001a}.ops-board-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.375rem}.ops-board-card-customer{font-weight:500;font-size:.875rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-board-card-amount{font-weight:600;font-size:.875rem;color:var(--color-primary);white-space:nowrap;margin-left:.5rem}.ops-board-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-light);margin-bottom:.375rem}.ops-board-card-invoice{font-size:.6875rem;color:var(--color-primary);font-family:monospace;margin-bottom:.5rem}.ops-board-card-actions{display:flex;gap:.375rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.ops-board-action{flex:1;padding:.375rem .5rem;font-size:.75rem;font-weight:500;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .15s}.ops-board-action:hover{background:var(--color-border)}.ops-board-action-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ops-board-action-primary:hover{opacity:.9;background:var(--color-primary)}.ops-board-more{padding:.5rem;text-align:center;font-size:.75rem;color:var(--color-text-light)}.ops-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.ops-modal{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow:auto;box-shadow:0 4px 20px #00000026}.ops-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.ops-modal-title{margin:0;font-size:1.125rem;font-weight:600}.ops-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-light);padding:.25rem .5rem;line-height:1}.ops-modal-body{padding:1.5rem}.ops-modal-section{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border)}.ops-modal-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-light);margin-bottom:.75rem}.ops-modal-customer-name{font-weight:500}.ops-modal-customer-detail{font-size:.875rem;color:var(--color-text-light)}.ops-modal-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.875rem}.ops-modal-label{color:var(--color-text-light)}.ops-modal-row-total{padding-top:.5rem;border-top:1px solid var(--color-border);margin-top:.5rem}.ops-modal-total-label{font-weight:600}.ops-modal-total-value{font-weight:600;font-size:1.125rem}.ops-modal-vat{font-size:.75rem;color:var(--color-text-light)}.ops-modal-note-hint{font-weight:400;font-size:.6875rem;color:var(--color-text-light);margin-left:.5rem;text-transform:none}.ops-modal-notes{font-size:.875rem;white-space:pre-wrap;color:var(--color-text-light)}.ops-modal-items-table{width:100%;font-size:.8125rem;border-collapse:collapse}.ops-modal-items-table th{text-align:left;padding:.5rem 0;font-weight:600;border-bottom:1px solid var(--color-border)}.ops-modal-items-table td{padding:.5rem 0;border-bottom:1px solid var(--color-border)}.ops-item-code{font-size:.6875rem;color:var(--color-text-light);font-family:monospace}.ops-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-bg)}@media (max-width: 768px){.ops-page-header{flex-direction:column;align-items:stretch}.ops-page-title-section,.ops-page-actions{justify-content:space-between}.ops-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.ops-toolbar-actions{justify-content:space-between;width:100%}.ops-search-input-wrapper{max-width:none;width:100%}.ops-search-input{font-size:16px}.ops-status-tabs{margin:0 -1rem;padding:0 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.ops-status-tab{white-space:nowrap;flex-shrink:0}.ops-board{margin:0 -1rem;padding:0 1rem 1rem}.ops-board-column{flex:0 0 260px;min-width:260px;max-height:calc(100vh - 320px)}.ops-modal{max-height:95vh;margin:1rem}.ops-modal-overlay{padding:0;align-items:flex-end}.ops-modal{border-radius:12px 12px 0 0;max-width:none}}.list-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.batch-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--color-primary);color:#fff;border-radius:var(--radius);margin-bottom:.5rem}.batch-actions-count{font-weight:600;font-size:.875rem}.batch-actions-buttons{display:flex;gap:.5rem}.batch-actions-bar .btn-secondary{background:#fff3;border-color:#ffffff4d;color:#fff}.batch-actions-bar .btn-secondary:hover{background:#ffffff4d}.batch-actions-bar .btn-primary{background:#fff;color:var(--color-primary)}.batch-actions-bar .btn-primary:hover{background:#ffffffe6}.batch-actions-bar .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}.batch-actions-bar .btn-ghost:hover{background:#ffffff1a}.batch-actions-select{padding:.375rem .75rem;font-size:.75rem;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);background:#ffffff26;color:#fff;min-width:140px;cursor:pointer}.batch-actions-select:focus{outline:none;border-color:#ffffff80;background:#fff3}.batch-actions-select option{background:var(--color-primary);color:#fff}.results-bar{padding:.5rem 1rem;font-size:.75rem;color:var(--color-text-light);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.table-wrapper{overflow-x:auto}.mobile-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table th{padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);background:var(--color-bg);border-bottom:2px solid var(--color-border);white-space:nowrap;text-align:left}.data-table th.sortable{cursor:pointer}.data-table th.sortable:hover{color:var(--color-text)}.data-table td{padding:.625rem 1rem;font-size:.875rem;vertical-align:middle;border-bottom:1px solid var(--color-border)}.data-table tr:hover{background:var(--color-bg)}.table-action-icon{cursor:pointer;font-size:1rem;padding:4px;border-radius:4px;transition:background .2s;background:transparent;border:none;display:inline-flex;align-items:center;justify-content:center}.table-action-icon:hover{background:var(--color-bg)}.table-actions{display:flex;gap:8px;justify-content:center}.table-col-checkbox{width:40px;text-align:center}.table-col-actions{width:80px;text-align:center}.table-row-clickable{cursor:pointer}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.preview-table-container{max-height:200px;overflow-y:auto;border:1px solid var(--color-border);border-radius:6px}.preview-table-container .data-table{font-size:.875rem}.table-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;border-top:1px solid var(--color-border);background:var(--color-bg)}.table-pagination-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:#fff;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text);transition:background .15s}.table-pagination-btn:hover:not(:disabled){background:var(--color-bg)}.table-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.table-pagination-info{font-size:.875rem;color:var(--color-text-light)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--color-text-light)}.empty-state-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.empty-state-message{font-size:1rem;margin-bottom:.5rem}.empty-state-hint{font-size:.875rem;color:var(--color-text-light)}.sort-indicator{font-size:.625rem;margin-left:.25rem;opacity:.5}.sort-indicator.active{opacity:1}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge.success{background:#d4edda;color:#155724}.status-badge.warning{background:#fff3cd;color:#856404}.status-badge.danger{background:#f8d7da;color:#721c24}.status-badge.info{background:#dbeafe;color:#1e40af}.status-badge.neutral{background:#e2e3e5;color:#383d41}.list-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--color-border);gap:1rem;flex-wrap:wrap}.list-toolbar-left{display:flex;align-items:center;gap:.75rem;flex:1;flex-wrap:wrap}.list-toolbar-right{display:flex;gap:.5rem;align-items:center}.toolbar-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.toolbar-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;font-size:1rem;border:1px solid var(--color-border);border-radius:6px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}.toolbar-btn-icon:hover{border-color:var(--color-primary);background:var(--color-bg)}.toolbar-btn-icon:active{background:var(--color-border)}.toolbar-btn-primary{display:inline-flex;align-items:center;justify-content:center;width:120px;height:38px;padding:0 1rem;font-size:.875rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .2s}.toolbar-btn-primary:hover{background:var(--color-primary-dark, #5a1f8f)}.toolbar-btn-primary:disabled{opacity:.6;cursor:not-allowed}.toolbar-btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-width:100px;height:38px;padding:0 1rem;font-size:.875rem;font-weight:600;color:var(--color-primary);background:#fff;border:2px solid var(--color-primary);border-radius:6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s}.toolbar-btn-secondary:hover{background:var(--color-primary);color:#fff}.toolbar-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.toolbar-dropdown{position:relative}.toolbar-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.toolbar-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem 1rem;font-size:.875rem;color:var(--color-text);background:none;border:none;cursor:pointer;text-align:left;transition:background .15s}.toolbar-dropdown-item:hover{background:var(--color-bg)}.toolbar-dropdown-item:disabled{opacity:.5;cursor:not-allowed}.toolbar-dropdown-icon{font-size:1rem;width:1.25rem;text-align:center}.list-search{position:relative;display:flex;align-items:center;min-width:200px;max-width:320px;flex:1}.list-search-icon{position:absolute;left:.75rem;font-size:.875rem;pointer-events:none;opacity:.5}.list-search input{width:100%;padding:.625rem 2.25rem;font-size:.875rem;border:1px solid var(--color-border);border-radius:6px;outline:none;min-height:36px}.list-search input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #772cbb1a}.list-search-clear{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--color-text-light);padding:.25rem}.list-filter{padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--color-border);border-radius:6px;background:#fff;cursor:pointer;min-height:38px}.list-select-all{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.list-filters-inline{display:flex;align-items:center;gap:.75rem}.list-filter-toggle{display:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--color-border);border-radius:6px;background:#fff;cursor:pointer;min-height:44px}.list-filter-toggle:active{background:var(--color-bg)}.list-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:600;background:var(--color-primary);color:#fff;border-radius:9px}.list-filter-arrow{font-size:.625rem;color:var(--color-text-light)}.list-filters-mobile{display:none;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.list-filters-mobile.expanded{display:flex}.toolbar-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--color-border);border-radius:6px;background:#fff;cursor:pointer;font-size:1rem;color:var(--color-text-light);transition:border-color .2s,box-shadow .2s,color .2s}.toolbar-icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.toolbar-icon-btn:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #772cbb1a}.toolbar-icon-btn .icon-info,.header-icon-btn .icon-info{font-family:Georgia,serif;font-style:italic;font-weight:600;font-size:1.1rem;color:inherit;line-height:1}.header-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:6px;background:#fff;cursor:pointer;font-size:.9rem;color:var(--color-text-light);transition:border-color .2s,box-shadow .2s,color .2s}.header-icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.header-icon-btn:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #772cbb1a}.page-info-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.page-info-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.page-info-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.page-info-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text)}.page-info-close{background:none;border:none;font-size:1.75rem;cursor:pointer;color:var(--color-text-light);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.page-info-close:hover{background:var(--color-bg);color:var(--color-text)}.page-info-body{padding:1.5rem;max-height:65vh;overflow:auto}.page-info-body p{margin:0;font-size:.875rem;line-height:1.6;color:var(--color-text)}.page-info-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.help-centre-modal{max-width:600px!important;max-height:85vh}.help-centre-header{gap:.75rem}.help-centre-header h3{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help-back-btn{background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:4px;flex-shrink:0}.help-back-btn:hover{background:var(--color-bg)}.help-article-title{font-size:1rem!important;margin:0!important}.help-centre-body{padding:0!important;display:flex;flex-direction:column;max-height:60vh;overflow:hidden}.help-search-wrapper{position:relative;padding:1rem 1.5rem;background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-shrink:0}.help-search-input{width:100%;max-width:320px;padding:.625rem 2.25rem .625rem 1rem;font-size:.875rem;border:1px solid var(--color-border);border-radius:6px;background:#fff;transition:border-color .2s;min-height:36px}.help-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #772cbb1a}.help-search-input::placeholder{color:var(--color-text-light)}.help-search-clear{position:absolute;right:1.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-light);font-size:.75rem;cursor:pointer;padding:.25rem;line-height:1}.help-search-clear:hover{color:var(--color-text)}.help-section-label{font-size:.75rem;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1.5rem .5rem}.help-search-results,.help-contextual-section,.help-categories-section,.help-legacy-content,.help-article-view{overflow-y:auto;flex:1}.help-article-list{list-style:none;margin:0;padding:0}.help-article-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:none;border:none;text-align:left;cursor:pointer;transition:background .15s}.help-article-item:hover{background:var(--color-bg)}.help-article-item-title{font-size:.9375rem;color:var(--color-text)}.help-article-item-arrow{color:var(--color-text-light);font-size:1rem;flex-shrink:0}.help-contextual-section{background:#faf5ff;border-bottom:1px solid var(--color-border);flex:none}.help-contextual-list .help-article-item:hover{background:#f3e8ff}.help-categories-section{padding-bottom:1rem}.help-categories-list{padding:0 .5rem}.help-category-item{margin-bottom:.25rem}.help-category-header{width:100%;display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:none;border:none;text-align:left;cursor:pointer;border-radius:6px;transition:background .15s}.help-category-header:hover,.help-category-header.expanded{background:var(--color-bg)}.help-category-icon{font-size:1.125rem;flex-shrink:0}.help-category-name{flex:1;font-size:.9375rem;font-weight:500;color:var(--color-text)}.help-category-count{font-size:.8125rem;color:var(--color-text-light)}.help-category-chevron{color:var(--color-text-light);font-size:.875rem;width:1rem;text-align:center}.help-category-articles{list-style:none;margin:0;padding:0 0 .5rem 2.25rem}.help-category-articles .help-article-item{padding:.5rem 1rem;border-radius:6px;font-size:.875rem}.help-article-view{padding:1.5rem}.help-article-content{font-size:.9375rem;line-height:1.65;color:var(--color-text)}.help-article-content h2{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0 0 1rem}.help-article-content h3{font-size:1rem;font-weight:600;color:var(--color-text);margin:1.5rem 0 .75rem}.help-article-content p{margin:0 0 1rem}.help-article-content ul,.help-article-content ol{margin:0 0 1rem;padding-left:1.5rem}.help-article-content li{margin-bottom:.5rem}.help-article-content strong{font-weight:600;color:var(--color-text)}.help-article-content code{background:var(--color-bg);padding:.125rem .375rem;border-radius:4px;font-size:.875em}.help-article-content pre{background:var(--color-bg);padding:.75rem 1rem;border-radius:6px;font-size:.8125rem;overflow-x:auto;margin:0 0 1rem}.help-article-content h4{font-size:.9375rem;font-weight:600;color:var(--color-text);margin:1.25rem 0 .5rem}.help-table{width:100%;border-collapse:collapse;margin:0 0 1rem;font-size:.9375rem}.help-table th,.help-table td{padding:.625rem .75rem;border:1px solid var(--color-border);text-align:left}.help-table th{background:var(--color-bg);font-weight:600;color:var(--color-text)}.help-table tr:nth-child(2n) td{background:var(--color-bg)}.help-highlight{background:var(--color-warning-bg, #fef3c7);border-left:4px solid var(--color-warning, #f59e0b);padding:1rem;border-radius:0 6px 6px 0;margin:1rem 0;font-size:.9375rem}.help-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem}.help-loading p{color:var(--color-text-light);font-size:.875rem}.help-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:help-spin .8s linear infinite}@keyframes help-spin{to{transform:rotate(360deg)}}.help-no-results{padding:2rem 1.5rem;text-align:center}.help-no-results p{color:var(--color-text-light);font-size:.9375rem}.help-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.help-empty-icon{font-size:3rem;margin-bottom:1rem}.help-empty-state h3{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.help-empty-state p{color:var(--color-text-light);font-size:.9375rem;margin:0}.help-legacy-content{padding:1.5rem}.help-legacy-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.help-legacy-section:last-of-type{border-bottom:none}.help-legacy-section-header{display:flex;gap:.75rem;margin-bottom:.75rem}.help-legacy-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.help-legacy-title{font-weight:600;font-size:.9375rem;color:var(--color-text);margin-bottom:.25rem}.help-legacy-desc{font-size:.875rem;color:var(--color-text-light)}.help-legacy-details{margin:0;padding-left:2.5rem;font-size:.8125rem;color:var(--color-text)}.help-legacy-details li{margin-bottom:.375rem}.help-legacy-tips{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:1rem;margin-top:1rem}.help-legacy-tips-title{font-weight:600;color:#1e40af;font-size:.875rem;margin-bottom:.5rem}.help-legacy-tips ul{margin:0;padding-left:1.25rem;font-size:.8125rem;color:#1e40af}.help-legacy-tips li{margin-bottom:.375rem}.help-legacy-simple{font-size:.9375rem;line-height:1.6;color:var(--color-text)}.help-centre-footer{justify-content:center}@media (max-width: 640px){.help-centre-modal{max-width:100%;max-height:90vh;margin:.5rem;border-radius:12px}.help-search-wrapper{padding:.75rem 1rem}.help-search-input{padding:.625rem 2rem .625rem .875rem;font-size:1rem}.help-section-label{padding:.75rem 1rem .5rem}.help-article-item{padding:.75rem 1rem}.help-category-header{padding:.625rem .75rem}.help-category-articles{padding-left:1.75rem}.help-article-view,.help-legacy-content{padding:1rem}}.header-notifications{position:relative}.header-notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:#dc2626;color:#fff;font-size:.625rem;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center}.header-notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:400px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;overflow:hidden}.header-notifications-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);font-weight:600;font-size:.875rem}.header-notifications-header button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-text-light);padding:0;line-height:1}.header-notifications-empty{padding:2rem 1rem;text-align:center;color:var(--color-text-light);font-size:.875rem}.header-notifications-list{max-height:340px;overflow-y:auto}.header-notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.header-notification-item:last-child{border-bottom:none}.header-notification-item.type-info{background:#f0f9ff}.header-notification-item.type-warning{background:#fffbeb}.header-notification-item.type-success{background:#f0fdf4}.header-notification-item.type-error{background:#fef2f2}.header-notification-icon{font-size:1.25rem;flex-shrink:0}.header-notification-content{flex:1;min-width:0}.header-notification-title{font-weight:500;font-size:.875rem;margin-bottom:.25rem}.header-notification-message{font-size:.75rem;color:var(--color-text-light);line-height:1.4}.header-notification-link{display:inline-block;margin-top:.5rem;font-size:.8125rem;font-weight:500;color:var(--color-primary);text-decoration:none}.header-notification-link:hover{text-decoration:underline}.header-notification-dismiss{background:none;border:none;font-size:1rem;cursor:pointer;color:var(--color-text-light);padding:0;line-height:1;flex-shrink:0}.header-notification-dismiss:hover{color:var(--color-text)}.header-notification-poll{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.poll-options{display:flex;flex-wrap:wrap;gap:.375rem}.poll-option-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;cursor:pointer;transition:all .15s ease}.poll-option-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.poll-results{display:flex;flex-direction:column;gap:.375rem}.poll-result-item{font-size:.75rem}.poll-result-item.user-vote .poll-result-label{font-weight:600}.poll-result-label{display:flex;align-items:center;gap:.25rem;margin-bottom:.125rem}.poll-result-label .your-vote{color:var(--color-primary);font-weight:600}.poll-result-pct{margin-left:auto;color:var(--color-text-light)}.poll-result-bar{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.poll-result-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s ease}.poll-total{font-size:.7rem;color:var(--color-text-light);margin-top:.25rem}.page-tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:2px solid var(--color-border);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:var(--color-white);z-index:40;position:fixed!important;top:56px!important;left:0!important;right:0!important;margin:0;padding:0 1rem;box-shadow:0 2px 4px #0000001a}.page-tabs~.card:first-of-type,.page-tabs+*{margin-top:3.5rem!important}@media (min-width: 768px){.page-tabs{position:relative!important;top:auto!important;left:auto!important;right:auto!important;margin:0 0 1rem;padding:0;box-shadow:none;z-index:10}.page-tabs~.card:first-of-type,.page-tabs+*{margin-top:0!important}}.page-tab{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;color:var(--color-text-light);display:flex;align-items:center;gap:.5rem;white-space:nowrap;transition:color .15s,border-color .15s}.page-tab:hover{color:var(--color-text)}.page-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-badge{background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:10px}.tab-badge.secondary{background:var(--color-text-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px #00000026}.modal>form{display:flex;flex-direction:column;flex:1;min-height:0}.modal>form.modal-body{overflow-y:auto}.modal.modal-sm{max-width:400px}.modal.modal-md{max-width:600px}.modal.modal-lg{max-width:800px}.modal.modal-xl{max-width:1000px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-header h2{margin:0;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.75rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-light);padding:0;line-height:1}.modal-close:hover{color:var(--color-text)}.modal-body{padding:1.5rem;flex:1;overflow-y:auto;min-height:0}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0}.modal-footer .btn{min-width:100px;min-height:40px}.modal-tabs{display:flex;border-bottom:1px solid var(--color-border);padding:0 1rem}.modal-tab{padding:.75rem 1rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;color:var(--color-text-light);font-weight:400;transition:all .2s ease}.modal-tab:hover{color:var(--color-text)}.modal-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:600}.modal-tab.active.danger{border-bottom-color:#dc2626;color:#dc2626}.view-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.section-title{font-size:.875rem;font-weight:600;color:var(--color-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.025em}.view-grid{display:grid;gap:.5rem}.view-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;gap:1rem}.view-label{color:var(--color-text-light);font-size:.875rem;flex-shrink:0}.view-value{font-size:.875rem;font-weight:500;text-align:right}.modal-table{width:100%;border-collapse:collapse;font-size:.875rem}.modal-table th,.modal-table td{padding:.5rem;border-bottom:1px solid var(--color-border)}.modal-table th{text-align:left;font-weight:600;color:var(--color-text-light);font-size:.75rem;text-transform:uppercase}.modal-table tbody tr:last-child td{border-bottom:none}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;border-radius:12px;background:var(--color-bg);font-size:.75rem;font-weight:600}.row-actions{display:grid;grid-template-columns:36px 36px 85px;gap:4px;align-items:center;justify-items:center;min-width:165px}.row-actions .action-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;padding:4px;border-radius:4px;transition:background .15s;margin:0}.row-actions .action-icon:hover{background:var(--color-bg)}.row-actions .action-icon.hidden{visibility:hidden}.row-actions .btn-action{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;width:85px;text-align:center;display:inline-flex;align-items:center;justify-content:center;margin:0}.action-icon{cursor:pointer;font-size:1rem;padding:4px;border-radius:4px;transition:background .15s}.action-icon:hover{background:var(--color-bg)}.btn-icon{background:#fff;border:1px solid var(--color-border);border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:.875rem;transition:border-color .15s}.btn-icon:hover{border-color:var(--color-primary)}@media (max-width: 768px){.list-toolbar{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:.5rem}.list-toolbar-left{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:.5rem;flex:1;min-width:0}.list-search{flex:1;min-width:0;max-width:none}.list-search input,.list-filter{min-height:44px;font-size:16px}.list-filter-toggle{display:flex;flex-shrink:0}.list-filters-inline,.list-select-all,.list-toolbar-right{display:none}}.fab{display:none}@media (max-width: 768px){.fab{display:flex;align-items:center;justify-content:center;position:fixed;bottom:calc(var(--safe-area-bottom, 0px) + 100px);right:16px;width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:28px;font-weight:300;border:none;box-shadow:0 4px 12px #772cbb66;cursor:pointer;z-index:100;transition:transform .2s,box-shadow .2s}.fab:hover{transform:scale(1.05);box-shadow:0 6px 16px #772cbb80}.fab:active{transform:scale(.95)}.fab-pulse{animation:fab-pulse 2s ease-in-out infinite}@keyframes fab-pulse{0%,to{box-shadow:0 4px 12px #772cbb66}50%{box-shadow:0 4px 20px #772cbb99}}}.speed-dial{position:fixed;bottom:calc(var(--safe-area-bottom, 0px) + 100px);right:16px;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.speed-dial--left{right:auto;left:16px;align-items:flex-start}.speed-dial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:-1}.speed-dial-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .2s,transform .2s}.speed-dial--left .speed-dial-actions{align-items:flex-start}.speed-dial--open .speed-dial-actions{opacity:1;transform:translateY(0);pointer-events:auto}.speed-dial-action{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border:none;border-radius:24px;box-shadow:0 2px 8px #00000026;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s}.speed-dial--left .speed-dial-action{flex-direction:row-reverse}.speed-dial-action:hover{transform:scale(1.02);box-shadow:0 4px 12px #0003}.speed-dial-action:active{transform:scale(.98)}.speed-dial-action-icon{font-size:1.25rem}.speed-dial-action-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.speed-dial-trigger{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:28px;font-weight:300;border:none;box-shadow:0 4px 12px #772cbb66;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.speed-dial-trigger:hover{transform:scale(1.05);box-shadow:0 6px 16px #772cbb80}.speed-dial-trigger:active{transform:scale(.95)}.speed-dial-trigger-icon{display:inline-block;transition:transform .2s}.speed-dial--open .speed-dial-trigger-icon{transform:rotate(45deg)}.speed-dial--open .speed-dial-trigger{background:var(--color-text-light)}@media (min-width: 769px){.speed-dial{bottom:24px;right:24px}.speed-dial--left{right:auto;left:24px}}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}@media (display-mode: standalone){body{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}}@media (display-mode: standalone),(display-mode: fullscreen){.app-header,.mobile-header{padding-top:calc(var(--safe-area-top) + .5rem)}.action-bar,.mobile-action-bar,.bottom-nav,.menu-footer{padding-bottom:calc(var(--safe-area-bottom) + .5rem)}.main-content,.app-content{padding-bottom:calc(var(--safe-area-bottom) + 70px)}}@media (max-width: 768px){.btn,.ops-primary-btn,.ops-secondary-btn,.ops-action-btn,.action-item-btn,.table-action-icon,.toolbar-icon-btn,.header-icon-btn{min-height:44px;min-width:44px}.menu-item,.nav-link,.user-menu-item,input,select,textarea,.form-input,.action-button,.module-card{min-height:44px}.page-tab,.ops-status-tab,.ops-view-btn{min-height:44px;padding-left:1rem;padding-right:1rem}}@media (max-width: 480px){.action-bar{padding:8px 12px;gap:4px}.action-btn{min-width:65px;padding:8px 12px;flex:1;min-height:48px}.action-btn-icon{font-size:18px}.action-btn-label{font-size:11px}.app-main{padding:12px;padding-top:calc(var(--app-header-height) + 12px)}.app-header{padding:0 12px}.app-logo{font-size:16px}.app-page-title{font-size:15px}.ops-modal-overlay{padding:8px}.ops-modal{border-radius:12px;margin:0}.ops-modal-header{padding:16px 20px}.ops-modal-body{padding:20px}.ops-modal-footer{padding:16px 20px;gap:12px}.ops-modal-footer .btn{min-height:48px;padding:12px 20px;font-size:16px}.form-input,.form-select,.form-textarea{font-size:16px;min-height:48px}.form-row{gap:16px}}@media (max-width: 375px){.action-bar{padding:6px 8px;gap:2px}.action-btn{min-width:60px;padding:6px 8px;min-height:48px}.action-btn-label{font-size:10px}.app-main{padding:8px;padding-top:calc(var(--app-header-height) + 8px)}.app-header{height:var(--app-header-height);padding:0 8px}.app-header-actions{gap:4px}.ops-modal-overlay{padding:4px}.ops-modal-header{padding:12px 16px}.ops-modal-body{padding:16px}.ops-modal-footer{padding:12px 16px;flex-direction:column;gap:8px}.ops-modal-footer .btn{width:100%;min-height:48px}.form-row{flex-direction:column;gap:12px}.form-row>*{width:100%}.data-table th,.data-table td{padding:12px 8px;font-size:14px}.data-table th{font-size:12px}.ops-toolbar .btn,.ops-toolbar .toolbar-btn,.ops-status-tab{min-height:48px;padding:12px 16px;font-size:16px}}.btn:active,.ops-primary-btn:active,.ops-secondary-btn:active,.action-item-btn:active{transform:scale(.97);opacity:.9}.menu-item:active,.nav-link:active,.user-menu-item:active{background:#0000001a;transform:scale(.98)}.module-card:active,.action-button:active,.dashboard-item:active{transform:scale(.98);opacity:.95}.table-action-icon:active,.toolbar-icon-btn:active,.header-icon-btn:active,.ops-action-btn:active{transform:scale(.9);opacity:.8}.page-tab:active,.ops-status-tab:active,.ops-view-btn:active{opacity:.8}.btn,.ops-primary-btn,.ops-secondary-btn,.action-item-btn,.menu-item,.nav-link,.user-menu-item,.module-card,.action-button,.dashboard-item,.table-action-icon,.toolbar-icon-btn,.header-icon-btn,.ops-action-btn,.page-tab,.ops-status-tab,.ops-view-btn{transition:transform .1s ease,opacity .1s ease,background .15s ease}@media (hover: none){.btn:hover,.nav-link:hover,.menu-item:hover{background:inherit}}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 1rem 0}.summary-card{background:#f8f9fa;padding:1.25rem;border-radius:8px;border-left:4px solid var(--color-primary);position:relative;cursor:default;transition:transform .2s,box-shadow .2s}.summary-card--hovered{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.summary-card--primary{border-left-color:var(--color-primary)}.summary-card--success{border-left-color:#27ae60}.summary-card--warning{border-left-color:#f39c12}.summary-card--info{border-left-color:#bd982f}.summary-card--danger{border-left-color:#e74c3c}.summary-card__value{font-size:1.75rem;font-weight:700;color:var(--color-primary);line-height:1.2;margin-bottom:.125rem}.summary-card__trend{font-size:.75rem;font-weight:600;margin-bottom:.25rem;color:#64748b}.summary-card__trend--up{color:#10b981}.summary-card__trend--down{color:#ef4444}.summary-card__label{font-size:.875rem;font-weight:500;color:#666;letter-spacing:.025em}.summary-card__tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#333;color:#fff;padding:.625rem .875rem;border-radius:6px;font-size:.75rem;line-height:1.5;white-space:normal;width:200px;text-align:center;z-index:1000;box-shadow:0 4px 12px #0003}.summary-card__tooltip-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #333}@media (max-width: 1024px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.summary-cards{grid-template-columns:1fr;gap:.75rem}.summary-card{padding:1rem}.summary-card__value{font-size:1.5rem}}.datatable-description{padding:.75rem 1rem;font-size:var(--font-sm);color:var(--color-text-light);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-lg)}.page-header-title{font-size:var(--font-xl);font-weight:600;color:var(--color-text);margin:0;display:flex;align-items:center;gap:var(--space-md)}.page-header-content{display:flex;align-items:center;gap:var(--space-lg)}.page-header-subtitle{color:var(--color-text-muted);font-size:var(--font-sm);margin:var(--space-xs) 0 0 0}.page-header-badge{background:#772cbb1a;color:var(--color-primary);padding:var(--space-xs) var(--space-md);border-radius:20px;font-size:var(--font-sm);font-weight:500}.stat-card-accent{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow);border-left:4px solid var(--color-primary)}.stat-card-accent--gold{border-left-color:#bd982f}.stat-card-accent--green{border-left-color:#10b981}.stat-card-accent--amber{border-left-color:#f59e0b}.stat-card-accent--blue{border-left-color:#3b82f6}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--color-border);background:var(--color-bg);font-weight:600;font-size:var(--font-sm);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--color-border)}.data-table tbody tr:hover{background:var(--color-bg)}.data-table tbody tr.row-system{background:linear-gradient(to right,#f5f3ff,#faf5ff);border-left:3px solid #7c3aed}.data-table tbody tr.row-system:hover{background:linear-gradient(to right,#ede9fe,#f5f3ff)}.action-btns{display:flex;gap:var(--space-xs)}.action-btn{padding:var(--space-xs) var(--space-sm);border-radius:6px;border:none;cursor:pointer;font-size:var(--font-sm);transition:all .2s}.action-btn-view{background:#dbeafe;color:#3b82f6}.action-btn-view:hover{background:#bfdbfe}.action-btn-edit{background:#fef3c7;color:#92400e}.action-btn-edit:hover{background:#fde68a}.empty-state{text-align:center;padding:var(--space-xxl) var(--space-lg);color:var(--color-text-light)}.empty-state-icon{font-size:var(--space-xxl);margin-bottom:var(--space-lg);opacity:.5}.toast{position:fixed;bottom:var(--space-lg);right:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius);color:#fff;font-weight:500;z-index:2000;animation:slideInRight .3s ease}.toast-success{background:#10b981}.toast-error{background:#ef4444}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.file-drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius);padding:var(--space-xl);text-align:center;cursor:pointer;transition:all .2s}.file-drop-zone:hover{border-color:var(--color-primary);background:#772cbb05}.file-drop-zone.drag-over{border-color:var(--color-primary);background:#dbeafe}.property-selector{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow);display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.property-selector-label{font-weight:600;color:var(--color-text-light)}.property-selector-select{flex:1;min-width:300px;padding:var(--space-md) var(--space-lg);border:2px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-base);outline:none}.property-selector-select:focus{border-color:var(--color-primary)}@media (max-width: 768px){.property-selector{flex-direction:column;align-items:stretch}.property-selector-select{min-width:unset}}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1rem}.status-column{background:var(--color-bg);border-radius:var(--radius);overflow:hidden}.status-column-header{padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center}.status-column-title{font-weight:600}.status-column-count{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.status-column-body{padding:.5rem;max-height:400px;overflow-y:auto}.status-card{padding:.75rem;margin-bottom:.5rem;background:#fff;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:box-shadow .15s}.status-card:hover{box-shadow:var(--shadow)}.status-card-title{font-weight:600;margin-bottom:.25rem}.status-card-meta{font-size:.75rem;color:var(--color-text-light)}@media (max-width: 640px){.status-grid{grid-template-columns:1fr}.status-column-body{max-height:250px}}.form-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.service-line-item{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:.5rem;padding:.75rem;background:var(--color-bg);border-radius:var(--radius);border:1px solid var(--color-border)}.service-line-item .service-type{flex:2;min-width:0}.service-line-item .service-size{flex:1;min-width:0}.service-line-item .service-qty{width:60px;flex-shrink:0}.service-line-item .service-remove{flex-shrink:0;align-self:center}.customer-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;max-height:200px;overflow-y:auto}.customer-dropdown-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--color-border);transition:background .15s}.customer-dropdown-item:last-child{border-bottom:none}.customer-dropdown-item:hover,.customer-dropdown-item:active{background:var(--color-bg)}.customer-dropdown-item .customer-name{font-weight:500;margin-bottom:.125rem}.customer-dropdown-item .customer-details{font-size:.75rem;color:var(--color-text-light)}.customer-selected{margin-top:.75rem;padding:.75rem;background:var(--color-bg);border-radius:var(--radius);font-size:.875rem}.customer-selected .customer-name{font-weight:600}.customer-selected .customer-details{color:var(--color-text-light)}.estimate-card{margin-top:1rem;padding:.75rem;background:#772cbb1a;border-radius:var(--radius);text-align:center}.estimate-label{font-size:.75rem;color:var(--color-text-light);margin-bottom:.25rem}.estimate-value{font-size:1.25rem;font-weight:600;color:var(--color-primary)}.operator-list{display:flex;flex-direction:column;gap:.5rem}.operator-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all .15s}.operator-item:hover{border-color:var(--color-primary)}.operator-item.selected{background:#772cbb1a;border-color:var(--color-primary)}.operator-item.disabled{opacity:.5;cursor:not-allowed}.operator-item .operator-checkbox{width:20px;height:20px;flex-shrink:0}.operator-item .operator-info{flex:1;min-width:0}.operator-item .operator-name{font-weight:500}.operator-item .operator-role{font-size:.75rem;color:var(--color-text-light)}.operator-item .operator-status{flex-shrink:0}.cancel-reason-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.cancel-reason-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all .15s}.cancel-reason-option:hover{border-color:var(--color-primary)}.cancel-reason-option.selected{background:#772cbb1a;border-color:var(--color-primary)}.cancel-reason-option input[type=radio]{width:18px;height:18px;flex-shrink:0;accent-color:var(--color-primary)}.day-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.day-toggle{padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s;min-width:60px;text-align:center}.day-toggle:hover{border-color:var(--color-primary)}.day-toggle.selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0;margin:0}.modal.modal-sm,.modal.modal-md,.modal.modal-lg,.modal.modal-xl{max-width:100%}.modal-header{padding:1rem;min-height:56px}.modal-header h2{font-size:1rem}.modal-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.modal-body{padding:1rem}.modal-footer{padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.modal-footer .btn{flex:1;min-height:48px}.form-section{margin-bottom:1rem;padding-bottom:1rem}.form-input,.form-select,.form-textarea{font-size:16px;min-height:48px;padding:.75rem}.form-textarea{min-height:100px}.service-line-item{flex-direction:column;gap:.5rem;padding:1rem}.service-line-item .service-type,.service-line-item .service-size{width:100%;flex:none}.service-line-item .service-qty{width:100%}.service-line-item .service-remove{align-self:flex-end;margin-top:.5rem}.customer-dropdown{max-height:250px}.customer-dropdown-item{padding:1rem;min-height:56px}.operator-item{padding:1rem;min-height:64px}.operator-item .operator-checkbox{width:24px;height:24px}.cancel-reason-option{padding:1rem;min-height:56px}.day-selector{justify-content:center}.day-toggle{min-width:48px;min-height:44px;padding:.5rem}.view-row{flex-direction:column;align-items:flex-start;gap:.25rem}.view-value{text-align:left}}@media (max-width: 480px){.modal-header h2{font-size:.9375rem}.day-toggle{min-width:42px;font-size:.75rem;padding:.5rem .375rem}}.account-detail{max-width:1200px}.account-detail .back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-light);text-decoration:none;margin-bottom:1rem;font-size:.875rem;transition:color .15s ease}.account-detail .back-link:hover{color:var(--color-primary)}.account-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding:1.5rem;background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow)}.account-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 900px){.account-cards-grid{grid-template-columns:1fr}}.account-detail .card{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.account-detail .card-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.account-detail .card-header h3{flex:1;margin:0;font-size:.9375rem;font-weight:600}.account-detail .card-icon{font-size:1.25rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:1px solid var(--color-border)}.detail-row:last-child{border-bottom:none}.detail-row .label{color:var(--color-text-light);font-size:.875rem}.detail-row .value{font-weight:500;display:flex;align-items:center;gap:.375rem}.content-library-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.content-library-header-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 640px){.content-library-header{flex-direction:column;align-items:stretch}.content-library-header-actions{justify-content:stretch}.content-library-header-actions .btn{flex:1;justify-content:center;text-align:center}}.content-library-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;align-items:end}@media (max-width: 640px){.content-library-filters{grid-template-columns:1fr 1fr;gap:.5rem}.content-library-filters .form-group:first-child{grid-column:1 / -1}}@media (max-width: 400px){.content-library-filters{grid-template-columns:1fr}}.content-library-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.content-library-tabs .btn{white-space:nowrap;flex-shrink:0}@media (max-width: 640px){.content-library-tabs{margin:0 -1rem;padding:0 1rem .25rem}.content-library-tabs .btn{padding:.5rem .75rem;font-size:.8125rem}}.content-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}@media (max-width: 640px){.content-library-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width: 400px){.content-library-grid{grid-template-columns:1fr}}.content-library-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s}.content-library-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (hover: none){.content-library-card:hover{transform:none;box-shadow:none}.content-library-card:active{transform:scale(.98);box-shadow:0 2px 8px #0000001a}}.content-library-card-thumb{height:120px;background:var(--color-bg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}@media (min-width: 640px){.content-library-card-thumb{height:140px}}.content-library-card-thumb img{width:100%;height:100%;object-fit:cover}.content-library-card-thumb .type-badge{position:absolute;bottom:6px;right:6px;background:#000000bf;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;text-transform:uppercase;letter-spacing:.02em}.content-library-card-thumb .video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059}.content-library-card-thumb .video-overlay span{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.content-library-card-body{padding:.75rem}.content-library-card-title{margin:0;font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.content-library-card-meta{font-size:.6875rem;color:var(--color-text-light);margin-top:2px;display:flex;align-items:center;gap:.25rem}.content-library-card-actions{display:flex;border-top:1px solid var(--color-border);background:var(--color-bg)}.content-library-card-actions button,.content-library-card-actions a{flex:1;padding:.625rem;border:none;background:transparent;cursor:pointer;font-size:1rem;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:background .15s}.content-library-card-actions button:not(:first-child),.content-library-card-actions a:not(:first-child){border-left:1px solid var(--color-border)}.content-library-card-actions button:hover,.content-library-card-actions a:hover{background:var(--color-border)}.content-library-preview{background:#1a1a1a;min-height:200px;max-height:50vh;display:flex;align-items:center;justify-content:center}@media (max-width: 640px){.content-library-preview{min-height:180px;max-height:40vh}}.content-library-preview img{max-width:100%;max-height:100%;object-fit:contain}.content-library-preview iframe{width:100%;height:100%;min-height:280px;border:none}@media (min-width: 640px){.content-library-preview iframe{min-height:360px}}.content-library-meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;font-size:.8125rem}@media (max-width: 480px){.content-library-meta-grid{grid-template-columns:1fr 1fr;gap:.75rem}}.content-library-meta-grid .meta-label{color:var(--color-text-light);font-size:.6875rem;text-transform:uppercase;letter-spacing:.02em;margin-bottom:2px}.content-library-submit-card{max-width:640px}@media (max-width: 640px){.content-library-submit-card{margin:0 -1rem;border-radius:0;border-left:none;border-right:none}}.content-library-type-selector{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.content-library-type-selector button{flex:1;min-width:60px;padding:.75rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-white);color:var(--color-text);cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.content-library-type-selector button:hover{border-color:var(--color-primary);background:var(--color-bg)}.content-library-type-selector button.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.content-library-type-selector button .icon{font-size:1.25rem}@media (max-width: 480px){.content-library-type-selector{margin:0 -.5rem;padding:0 .5rem .25rem}.content-library-type-selector button{min-width:56px;padding:.5rem .25rem;font-size:.625rem}.content-library-type-selector button .icon{font-size:1.125rem}}.content-library-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius);padding:2rem 1rem;text-align:center;cursor:pointer;background:var(--color-bg);transition:border-color .15s,background .15s}.content-library-dropzone:hover,.content-library-dropzone.drag-over{border-color:var(--color-primary);background:#772cbb05}@media (max-width: 480px){.content-library-dropzone{padding:1.5rem 1rem}.content-library-dropzone .icon{font-size:2rem}}.form-select--attention{border-color:#dc2626!important;background-color:#fef2f2!important;animation:pulse-attention 2s ease-in-out infinite}@keyframes pulse-attention{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 4px #dc262633}}.required-indicator{color:#dc2626;font-size:.75rem;font-weight:600;margin-left:.5rem}.wizard-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.wizard-close{width:32px;height:32px;border:none;background:none;font-size:1.5rem;color:var(--color-text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.wizard-close:hover{background:var(--color-bg-secondary);color:var(--color-text)}.wizard-steps-inline{display:flex;align-items:center;gap:.5rem}.wizard-step-dot{width:24px;height:24px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;color:var(--color-text-light)}.wizard-step-dot.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.wizard-step-dot.done{background:var(--color-success);border-color:var(--color-success);color:#fff}.wizard-step-line{width:20px;height:2px;background:var(--color-border)}.wizard-step-title{font-weight:600;font-size:1rem;color:var(--color-text);margin-left:auto}.wizard-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.wizard-grid{grid-template-columns:1fr}}.wizard-section h3{font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text)}.wizard-date-picker{background:var(--color-bg);border-radius:var(--radius-md);padding:.75rem}.date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.date-picker-month{font-weight:600;font-size:1rem}.date-nav-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .75rem;cursor:pointer;font-size:1rem;color:var(--color-text)}.date-nav-btn:hover{background:var(--color-bg);border-color:var(--color-primary)}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-light);margin-bottom:.5rem}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.date-btn{aspect-ratio:1;border:none;background:#fff;border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;font-size:.875rem;font-weight:500;transition:all .15s}@media (hover: hover){.date-btn:hover:not(:disabled):not(.date-btn--selected){background:#772cbb1a}}.date-btn:active:not(:disabled){background:var(--color-primary);color:#fff}.date-btn--empty{background:transparent;cursor:default}.date-btn--disabled{color:var(--color-text-light);opacity:.4;cursor:not-allowed}.date-btn--selected{background:var(--color-primary)!important;color:#fff!important}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:.5rem}.time-slot-btn{padding:.75rem .5rem;border:1px solid var(--color-border);background:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s;text-align:center}.time-slot-btn:hover{border-color:var(--color-primary);background:var(--color-bg)}.time-slot-btn--selected{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.bed-buttons{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.bed-btn{width:52px;height:52px;border:1px solid var(--color-border);background:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:1.125rem;font-weight:600;transition:all .15s}.bed-btn:hover{border-color:var(--color-primary);background:var(--color-bg)}.bed-btn--selected{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.bed-btn--more{font-size:1.25rem;color:var(--color-text-light)}@media (max-width: 480px){.bed-btn{width:48px;height:48px;font-size:1rem}}.duration-estimate{margin-top:1rem;padding:.75rem 1rem;background:var(--color-bg);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-light);text-align:center}.customer-search-results{margin-top:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.customer-result{display:block;width:100%;padding:.75rem 1rem;text-align:left;border:none;background:#fff;cursor:pointer;border-bottom:1px solid var(--color-border);transition:background .15s}.customer-result:last-child{border-bottom:none}.customer-result:hover{background:var(--color-bg)}.customer-result-name{font-weight:500;margin-bottom:.25rem}.customer-result-details{font-size:.8125rem;color:var(--color-text-light)}.selected-customer{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.selected-customer-info h4{margin:0 0 .25rem;font-size:1rem}.selected-customer-info p{margin:0;font-size:.875rem;color:var(--color-text-light)}.booking-summary{background:var(--color-bg);border-radius:var(--radius-md);padding:1.25rem}.booking-summary h3{margin:0 0 1rem;font-size:1rem}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.summary-grid{grid-template-columns:1fr}}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-light)}.summary-value{font-size:.875rem;color:var(--color-text)}.review-options{margin-top:1.5rem;padding:1rem;background:var(--color-bg);border-radius:var(--radius-md)}.review-options .form-group{margin-bottom:1rem}.review-options .form-group:last-child{margin-bottom:0}.operator-status--no_schedule{color:var(--color-error)}.operator-check{color:var(--color-primary);font-weight:600}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.checkbox-label input{width:18px;height:18px;cursor:pointer}.booking-success{text-align:center;padding:1.5rem 1rem}.success-icon{width:64px;height:64px;margin:0 auto 1rem;background:var(--color-success, #22c55e);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.success-title{font-size:1.5rem;font-weight:600;margin:0 0 .25rem;color:var(--color-text)}.success-subtitle{font-size:.95rem;color:var(--color-text-light);margin:0 0 1.5rem}.success-details{background:var(--color-bg);border-radius:var(--radius-md);padding:1rem;text-align:left}.success-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.success-row:last-child{border-bottom:none}.success-label{font-size:.875rem;color:var(--color-text-light)}.success-value{font-size:.875rem;color:var(--color-text);text-align:right}.success-status{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:999px}.success-status.status-confirmed{background:var(--color-success-bg, #dcfce7);color:var(--color-success, #22c55e)}.success-status.status-pending{background:var(--color-warning-bg, #fef9c3);color:var(--color-warning, #ca8a04)}.advanced-toggle{display:inline-block;margin-top:1rem;padding:0;border:none;background:none;color:var(--color-text-light);font-size:.875rem;cursor:pointer;text-decoration:underline}.advanced-toggle:hover{color:var(--color-primary)}.advanced-options{margin-top:1rem;padding:1rem;background:var(--color-bg);border-radius:var(--radius-md)}.booking-wizard-sticky-cta{display:none}.booking-wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;overflow:hidden}@media (max-width: 768px){.booking-wizard-overlay{background:#fff}.booking-wizard.modal{position:fixed;top:0;right:0;bottom:0;left:0;max-height:100vh;max-height:100dvh;margin:0;border-radius:0;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.booking-wizard .wizard-header{flex-shrink:0;position:sticky;top:0;z-index:10;background:#fff}.booking-wizard .modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;padding-bottom:calc(90px + env(safe-area-inset-bottom,0));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.booking-wizard-sticky-cta{display:flex;flex-wrap:wrap;gap:.5rem;position:fixed;bottom:0;left:0;right:0;padding:.75rem 1rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--color-border);box-shadow:0 -4px 12px #00000014;z-index:1001}.booking-wizard-sticky-cta button{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 359px){.booking-wizard-sticky-cta{flex-direction:column}.booking-wizard-sticky-cta button{width:100%}}.booking-wizard .modal-footer{display:none}.booking-wizard .wizard-grid{gap:.75rem}.booking-wizard .wizard-section h3{margin-bottom:.5rem}}.booking-wizard-overlay--desktop{display:flex;align-items:center;justify-content:center;padding:2rem}.booking-wizard--desktop{width:100%;max-width:1100px;max-height:calc(100vh - 4rem);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.booking-wizard--desktop .wizard-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.booking-wizard--desktop .wizard-header h2{font-size:1.125rem;font-weight:600;margin:0}.booking-wizard--desktop .wizard-close-btn{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:var(--color-bg-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-text-muted);transition:all .15s ease}.booking-wizard--desktop .wizard-close-btn:hover{background:var(--color-border);color:var(--color-text)}.wizard-desktop-layout{display:grid;grid-template-columns:1fr 340px;flex:1;min-height:0;overflow:hidden}.wizard-desktop-form{padding:1.5rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1.5rem}.wizard-form-section{background:var(--color-bg-subtle);border-radius:var(--radius-md);padding:1.25rem}.wizard-form-section h3{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--color-text-muted);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.wizard-form-section h3 .section-icon{font-size:1rem}.wizard-schedule-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.wizard-schedule-row .calendar-picker{grid-column:span 2}.wizard-time-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.wizard-bed-grid{display:flex;flex-wrap:wrap;gap:.5rem}.wizard-bed-btn{width:48px;height:48px;border-radius:var(--radius-md);border:2px solid var(--color-border);background:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.wizard-bed-btn:hover{border-color:var(--color-primary)}.wizard-bed-btn.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.wizard-customer-search{margin-bottom:1rem}.wizard-customer-form{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.wizard-customer-form .form-group.full-width{grid-column:span 2}.wizard-preview-panel{background:var(--color-bg-subtle);border-left:1px solid var(--color-border);padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto}.wizard-preview-panel h3{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--color-text-muted);margin:0 0 1.25rem}.wizard-preview-content{flex:1;display:flex;flex-direction:column;gap:1rem}.wizard-preview-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.wizard-preview-row:last-child{border-bottom:none}.wizard-preview-label{font-size:.8125rem;color:var(--color-text-muted);flex-shrink:0}.wizard-preview-value{font-size:.875rem;font-weight:500;text-align:right;color:var(--color-text);word-break:break-word}.wizard-preview-value.empty{color:var(--color-danger, #ef4444);font-style:italic;font-weight:400}.wizard-preview-actions{margin-top:auto;padding-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.wizard-preview-actions .btn{width:100%;justify-content:center}.wizard-preview-hint{font-size:.8125rem;color:var(--color-text-muted);text-align:center;margin:.75rem 0 0}.wizard-desktop-success{padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:400px}.wizard-success-icon{width:80px;height:80px;border-radius:50%;background:var(--color-success-bg, #dcfce7);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:1.5rem}.wizard-success-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.wizard-success-subtitle{font-size:1rem;color:var(--color-text-muted);margin-bottom:2rem}.wizard-success-details{background:var(--color-bg-subtle);border-radius:var(--radius-md);padding:1.5rem;width:100%;max-width:400px;margin-bottom:2rem}.wizard-success-row{display:flex;justify-content:space-between;padding:.5rem 0}.wizard-success-row:not(:last-child){border-bottom:1px solid var(--color-border)}.wizard-success-label{color:var(--color-text-muted);font-size:.875rem}.wizard-success-value{font-weight:500;font-size:.875rem}.wizard-success-actions{display:flex;gap:1rem}@media (min-width: 1024px) and (max-width: 1200px){.wizard-desktop-layout{grid-template-columns:1fr 300px}.booking-wizard--desktop{max-width:960px}}@media (min-width: 1024px){.btn{padding:.625rem 1.25rem}.form-input,.form-select{padding:.75rem 1rem;font-size:1rem}.card{padding:8px}.card-body,.card-footer{padding:1.5rem}}.training-assessment-container{max-width:900px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 20px #0000000d}.training-back-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-primary);color:#fff;flex-shrink:0}.training-back-button{display:flex;align-items:center;gap:6px;background:#ffffff26;border:none;border-radius:var(--radius-sm);padding:8px 14px;color:#fff;font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:background .2s}.training-back-button:hover{background:#ffffff40}.training-back-title{font-size:var(--font-sm);font-weight:600;letter-spacing:.5px}.training-preview-banner{background:#ffc107;color:#000;padding:10px var(--space-lg);text-align:center;font-weight:600}.training-header{background:#fff;padding:25px 30px;border-bottom:3px solid var(--color-primary);box-shadow:0 2px 10px #0000001a}.training-header-title{font-size:var(--font-xl);font-weight:600;color:var(--color-primary);margin:0}.training-loading{text-align:center;padding:var(--space-xxl) var(--space-lg);color:var(--color-text-light)}.training-spinner{border:4px solid #f3f3f3;border-top:4px solid var(--color-primary);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto var(--space-lg)}.training-error{text-align:center;padding:var(--space-xxl) var(--space-lg);color:var(--color-error)}.training-error-icon{margin-bottom:var(--space-lg)}.training-assessment-info{background:#f0e7f8;padding:var(--space-lg) 30px;border-bottom:1px solid var(--color-border)}.training-assessment-title{font-size:var(--font-lg);font-weight:600;color:var(--color-text);margin-bottom:8px}.training-assessment-description{font-size:var(--font-sm);color:var(--color-text-light);margin-bottom:15px}.training-assessment-meta{display:flex;gap:var(--space-lg);flex-wrap:wrap;font-size:13px;color:var(--color-text)}.training-meta-item{display:flex;align-items:center;gap:5px}.training-timer{position:fixed;top:100px;right:var(--space-lg);background:#fff;padding:15px var(--space-lg);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid var(--color-border);z-index:100;text-align:center}.training-timer-warning{border-color:var(--color-error)}.training-timer-label{font-size:12px;color:var(--color-text-light);margin-bottom:5px}.training-timer-value{font-size:var(--font-xl);font-weight:700;color:var(--color-primary)}.training-timer-value-warning{color:var(--color-error);animation:pulse 1s infinite}.training-content{padding:30px}.training-question-card{background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:25px;margin-bottom:25px;box-shadow:0 2px 8px #0000000d}.training-question-number{font-size:13px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.training-content-code{font-size:10px;color:#999;font-weight:400}.training-question-text{font-size:var(--font-base);font-weight:500;color:var(--color-text);margin-bottom:var(--space-lg);line-height:1.6}.training-options{display:flex;flex-direction:column;gap:var(--space-sm)}.training-option{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all .2s}.training-option:hover{border-color:var(--color-primary);background:#772cbb0d}.training-option.selected{border-color:var(--color-primary);background:#772cbb1a}.training-option-radio{margin-top:2px;flex-shrink:0}.training-option-text{font-size:var(--font-sm);color:var(--color-text);line-height:1.5}.training-submit-section{background:var(--color-bg);padding:var(--space-lg);border-radius:var(--radius);margin-top:var(--space-lg);text-align:center}.training-submit-button{background:var(--color-primary);color:#fff;border:none;padding:var(--space-sm) var(--space-xl);border-radius:var(--radius);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:background .2s}.training-submit-button:hover:not(:disabled){background:var(--color-primary-dark)}.training-submit-button:disabled{opacity:.6;cursor:not-allowed}.training-results-score{font-size:3rem;font-weight:700;color:var(--color-primary);margin:var(--space-lg) 0}.training-results-summary{font-size:var(--font-base);color:var(--color-text-light);margin-bottom:var(--space-lg);line-height:1.6}.training-results-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-lg);margin-bottom:var(--space-lg)}.training-result-item{background:var(--color-bg);padding:var(--space-md);border-radius:var(--radius);text-align:center}.training-result-label{font-size:var(--font-sm);color:var(--color-text-light);margin-bottom:4px}.training-result-value{font-size:var(--font-lg);font-weight:600;color:var(--color-text)}.training-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.training-review-section{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.training-review-title{font-size:var(--font-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-md)}.training-review-item{background:var(--color-bg);border-radius:var(--radius);padding:var(--space-md);margin-bottom:var(--space-md);border-left:4px solid var(--color-error)}.training-review-question{font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.training-review-answer{font-size:var(--font-sm);color:var(--color-text-light);margin-bottom:4px}.training-review-correct{font-size:var(--font-sm);color:var(--color-success);font-weight:500}.text-success{color:var(--color-success)!important}.text-error{color:var(--color-error)!important}@media (max-width: 768px){.training-assessment-container{margin:0;border-radius:0;box-shadow:none}.training-back-nav{padding:var(--space-sm) var(--space-md)}.training-back-button{padding:6px 10px;font-size:12px}.training-back-title{font-size:12px}.training-header{padding:var(--space-lg)}.training-header-title{font-size:var(--font-lg)}.training-content{padding:var(--space-lg)}.training-question-card{padding:var(--space-lg);margin-bottom:var(--space-lg)}.training-timer{position:static;margin-bottom:var(--space-lg);width:100%}.training-assessment-meta{flex-direction:column;gap:var(--space-sm)}.training-results-details{grid-template-columns:1fr}.training-actions{flex-direction:column}.training-actions .btn{width:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.training-module-content{font-size:var(--font-base);line-height:1.8;color:#333}.training-module-content ul,.training-module-content ol{margin:1rem 0;padding-left:1.75rem}.training-module-content li{margin-bottom:.5rem;padding-left:.25rem}.training-module-content ul li{list-style-type:disc}.training-module-content ol li{list-style-type:decimal}.training-module-content ul ul,.training-module-content ol ul{margin-top:.5rem;margin-bottom:.5rem}.training-module-content p{margin-bottom:1rem}.training-module-content strong{font-weight:600}.view-modal{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow:auto;box-shadow:0 4px 20px #00000026}.view-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.view-modal-header h2{margin:0;font-size:1.125rem}.view-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-light);padding:.25rem .5rem}.view-modal-body{padding:1.5rem}.view-section{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border)}.view-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-light);margin-bottom:.75rem}.view-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.875rem}.view-label{color:var(--color-text-light)}.view-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-bg);border-radius:0 0 8px 8px}.amount-negative{font-weight:600;color:var(--color-error)}.amount-warning{color:var(--color-warning)}.splits-view-modal{background:#fff;border-radius:8px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}.splits-view-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.splits-view-header h2{margin:0;font-size:1.125rem}.splits-view-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-light);padding:.25rem .5rem}.splits-view-body{padding:1.5rem;flex:1;overflow-y:auto;min-height:0}.splits-view-section{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border)}.splits-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-light);margin-bottom:.75rem}.splits-view-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0}.splits-view-label{font-size:.875rem;color:var(--color-text-light)}.splits-view-value{font-size:.875rem;font-weight:500}.splits-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-bg);border-radius:0 0 8px 8px}.code-chip{font-family:monospace;font-weight:700;font-size:.8125rem;color:var(--color-primary);background:#f3e5f5;padding:.25rem .5rem;border-radius:4px}.vat-badge{font-size:.625rem;background:#dbeafe;color:#1e40af;padding:.125rem .375rem;border-radius:3px;font-weight:500}.vendor-badge{font-size:.5625rem;background:#dcfce7;color:#166534;padding:.125rem .375rem;border-radius:3px;font-weight:600;text-transform:uppercase}.property-selector{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-bg);border-radius:8px;border:1px solid var(--color-border)}.property-selector-label{font-weight:500;color:var(--color-text)}.property-selector-select{min-width:250px;flex:0 0 auto}.pos-status-indicator{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500}.pos-status-dot{width:8px;height:8px;border-radius:50%}.pos-service-card{border-top:4px solid;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.pos-service-header{background:var(--color-bg);color:var(--color-text);padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.pos-service-body{padding:1rem}.pos-service-empty{text-align:center;color:var(--color-text-light);font-size:.75rem;padding:.5rem}.pos-board-toolbar{display:flex;justify-content:flex-end;gap:.5rem;padding:.5rem;border-bottom:1px solid var(--color-border)}.pos-import-section{padding:2rem;text-align:center;border:2px dashed var(--color-border);border-radius:8px;margin-bottom:2rem}.pos-import-icon{font-size:32px;margin-bottom:8px}.pos-import-text{color:var(--color-text-light)}.pos-import-button{margin-bottom:16px}.pos-error-message{color:#dc2626;font-weight:600;margin-bottom:.5rem}.pos-error-description{font-size:.875rem;color:#7f1d1d;margin-bottom:1rem}.loading-skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-line{height:1rem;background:var(--color-bg-secondary);border-radius:4px;margin-bottom:.5rem}.skeleton-line:last-child{width:75%}.skeleton-line:nth-child(2){width:90%}.skeleton-card{background:#fff;border-radius:8px;padding:1.5rem;border:1px solid var(--color-border)}.skeleton-header{height:1.5rem;background:var(--color-bg-secondary);border-radius:4px;margin-bottom:1rem;width:60%}.skeleton-content .skeleton-line{height:.875rem}.skeleton-table{background:#fff;border-radius:8px;border:1px solid var(--color-border);overflow:hidden}.skeleton-table-header{display:flex;padding:1rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.skeleton-table-row{display:flex;padding:1rem;border-bottom:1px solid var(--color-border)}.skeleton-table-row:last-child{border-bottom:none}.skeleton-table-cell{flex:1;height:1rem;background:var(--color-bg-secondary);border-radius:4px;margin-right:1rem}.skeleton-table-cell:last-child{margin-right:0}.skeleton-page{max-width:1200px;margin:0 auto;padding:2rem}.skeleton-page-header{height:2rem;background:var(--color-bg-secondary);border-radius:4px;margin-bottom:2rem;width:40%}.skeleton-page-content{display:grid;gap:2rem}.skeleton-section{background:#fff;border-radius:8px;padding:1.5rem;border:1px solid var(--color-border)}.skeleton-title{height:1.25rem;background:var(--color-bg-secondary);border-radius:4px;margin-bottom:1rem;width:30%}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.error-boundary-card{background:#fff;border-radius:12px;padding:40px;max-width:400px;width:100%;text-align:center;box-shadow:0 4px 20px #0000001a}.error-boundary-icon{width:60px;height:60px;border-radius:50%;background:#fee2e2;color:#dc2626;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.error-boundary-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 12px}.error-boundary-message{font-size:14px;color:#6b7280;margin:0 0 24px;line-height:1.5}.error-boundary-buttons{display:flex;gap:12px;justify-content:center}.error-boundary-details{margin-top:24px;text-align:left}.error-boundary-summary{cursor:pointer;font-size:12px;color:#6b7280}.error-boundary-error-text{font-size:11px;color:#dc2626;background:#fef2f2;padding:12px;border-radius:6px;overflow:auto;max-height:200px;margin-top:8px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.flex-wrap{display:flex;flex-wrap:wrap}.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)}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-bold{font-weight:700}.fs-xs{font-size:var(--font-xs)}.fs-sm{font-size:var(--font-sm)}.fs-base{font-size:var(--font-base)}.fs-lg{font-size:var(--font-lg)}.fs-xl{font-size:var(--font-xl)}.text-light{color:var(--color-text-light)}.text-primary{color:var(--color-primary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.mb-xs{margin-bottom:var(--space-xs)}.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)}.mt-xs{margin-top:var(--space-xs)}.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)}.mr-xs{margin-right:var(--space-xs)}.mr-sm{margin-right:var(--space-sm)}.mr-md{margin-right:var(--space-md)}.mr-lg{margin-right:var(--space-lg)}.mr-xl{margin-right:var(--space-xl)}.ml-xs{margin-left:var(--space-xs)}.ml-sm{margin-left:var(--space-sm)}.ml-md{margin-left:var(--space-md)}.ml-lg{margin-left:var(--space-lg)}.ml-xl{margin-left:var(--space-xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.rounded{border-radius:var(--radius)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.italic{font-style:italic}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.status-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500}.status-badge-lg{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.profile-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500;background:#e0e7ff;color:#4338ca}.modal-content-scroll{flex:1;overflow-y:auto;min-height:0}.modal-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-section-heading{font-size:.75rem;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.modal-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.section-divider{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.action-button{padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.action-button.success{background:#16a34a}.text-xs-gray{font-size:.75rem;color:var(--color-text-light)}.text-xs-slate{font-size:.75rem;color:#64748b}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mb-1{margin-bottom:.25rem}.loading-text{color:var(--color-text-light);font-size:.875rem}.flex-col{display:flex;flex-direction:column}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.flex-wrap{flex-wrap:wrap}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-semibold{font-weight:600}.font-medium{font-weight:500}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-light);text-decoration:none;margin-bottom:1rem;font-size:.875rem}.account-header{margin-bottom:1.5rem;padding:1.5rem;background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow)}.account-header-mobile{margin-bottom:1rem;padding:1rem}.account-title{margin:0;font-size:1.5rem;font-weight:600;word-break:break-word}.account-title-mobile{font-size:1.25rem}.header-meta{display:flex;align-items:center;margin-top:.5rem;flex-wrap:wrap}.header-meta-mobile{gap:.5rem}.header-meta-desktop{gap:.75rem}.status-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:#166534}.status-indicator.inactive{color:#92400e}.status-indicator-mobile{font-size:.75rem}.code-badge{padding:.125rem .375rem;background:var(--color-bg);border-radius:4px;font-size:.7rem}.card-body{padding:1rem}.text-muted{color:var(--color-text-light)}.text-success{color:#166534}.text-sm-gray{font-size:.875rem;color:var(--color-text-light)}.text-xs-gray{font-size:.8125rem;color:var(--color-text-light)}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.manager-invite-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px}.access-level-badge{margin-left:.5rem;font-size:.75rem;padding:2px 6px;background:#e5e7eb;border-radius:4px;color:#374151}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0;font-size:inherit;text-decoration:underline}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem}.tier-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.view-toggle{display:flex;gap:4px;padding:2px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px}.error-message{padding:.75rem;background:#fee2e2;color:#991b1b;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.disabled-message{margin:.75rem 0 0;padding:.5rem;background:#f3f4f6;border-radius:4px;font-size:.8125rem;color:var(--color-text-light)}.warning-message{margin:0;padding:.5rem;background:#fef3c7;border-radius:4px;font-size:.8125rem;color:#92400e}.info-message{margin:1rem 0 0;padding:.75rem;background:#f0f9ff;border-radius:6px;font-size:.8125rem;color:#1e40af}.text-xs-smaller{font-size:.8125rem}.success-message{margin:.75rem 0 0;padding:.5rem;background:#dcfce7;border-radius:4px;font-size:.8125rem;color:#166534}.setup-wizard{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.setup-header{margin-bottom:var(--space-xxl)}.setup-header h1{font-size:var(--font-display);font-weight:700;color:var(--color-text);margin:0 0 var(--space-md)}.setup-subtitle{font-size:var(--font-lg);color:var(--color-text-light);margin:0 0 var(--space-xl);line-height:1.5}.setup-docs{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-lg);margin-bottom:var(--space-xl)}.setup-docs h3{font-size:var(--font-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-md)}.docs-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.doc-link{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);text-decoration:none;font-weight:500;font-size:var(--font-sm);transition:all .2s ease}.doc-link:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.setup-progress{margin-top:var(--space-lg)}.progress-bar{width:100%;height:8px;background:var(--color-border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-sm)}.progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease}.progress-text{font-size:var(--font-sm);color:var(--color-text-light);font-weight:500}.setup-controls{margin-bottom:var(--space-xl)}.control-group{display:flex;align-items:center;gap:var(--space-md)}.control-group label{font-weight:600;color:var(--color-text);white-space:nowrap}.country-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);font-size:var(--font-base);min-width:250px}.env-vars-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-lg);margin-bottom:var(--space-xl)}.env-vars-section h2{font-size:var(--font-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--space-md)}.env-vars-intro{font-size:var(--font-base);color:var(--color-text-light);margin:0 0 var(--space-lg);line-height:1.5}.env-vars-intro a{color:var(--color-primary);font-weight:500;text-decoration:none}.env-vars-intro a:hover{text-decoration:underline}.env-vars-quick-ref{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-lg)}.quick-ref-item h3{font-size:var(--font-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-md)}.quick-ref-item ul{list-style:none;padding:0;margin:0}.quick-ref-item li{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-sm)}.quick-ref-item li:last-child{border-bottom:none}.quick-ref-item code{background:var(--color-white);padding:2px 4px;border-radius:3px;font-family:Monaco,Menlo,monospace;font-size:.85em;color:var(--color-primary);font-weight:500}.env-vars-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-sm);padding:var(--space-md);font-size:var(--font-sm);color:#92400e;font-weight:500}.checklist-container{display:flex;flex-direction:column;gap:var(--space-xl)}.checklist-category{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.category-title{background:var(--color-bg);padding:var(--space-lg);margin:0;font-size:var(--font-lg);font-weight:600;color:var(--color-text);border-bottom:1px solid var(--color-border)}.checklist-steps{padding:var(--space-lg)}.checklist-step{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-lg);margin-bottom:var(--space-lg)}.checklist-step:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.step-header{display:flex;gap:var(--space-md);margin-bottom:var(--space-md)}.step-status{flex-shrink:0}.status-button{width:40px;height:40px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-lg);font-weight:700;cursor:pointer;transition:all .2s ease}.status-button:hover{transform:scale(1.05)}.status-button:disabled{cursor:not-allowed;opacity:.6}.step-content{flex:1}.step-title{font-size:var(--font-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-sm)}.step-description{font-size:var(--font-base);color:var(--color-text-light);margin:0 0 var(--space-md);line-height:1.5}.step-notes{background:#f0f9ff;border-left:3px solid #0ea5e9;padding:var(--space-sm) var(--space-md);font-size:var(--font-sm);color:#0c4a6e;margin-top:var(--space-sm)}.step-actions{margin-top:var(--space-md)}.notes-input{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-sm);font-family:inherit;resize:vertical;background:var(--color-white)}.notes-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #772cbb1a}.empty-state{text-align:center;padding:var(--space-xxl);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.empty-state h2{font-size:var(--font-xl);color:var(--color-text);margin:0 0 var(--space-md)}.empty-state p{font-size:var(--font-base);color:var(--color-text-light);margin:0}@media (max-width: 768px){.setup-wizard{padding:var(--space-md)}.docs-links,.env-vars-quick-ref{grid-template-columns:1fr}.step-header{flex-direction:column;align-items:flex-start}.control-group{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.country-select{min-width:100%}}.text-2xs{font-size:.7rem}.form-input{padding:.5rem .75rem;border:1px solid var(--color-border);outline:none}.alert-error{background:var(--color-error-bg);color:var(--color-error);padding:.75rem}.alert-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning);padding:.75rem;color:var(--color-warning-text)}.stat-card{padding:1rem;text-align:center;border-radius:var(--radius-lg)}.stat-card--info{background:#e0e7ff}.stat-card--info .stat-card__value{color:#4338ca}.stat-card--info .stat-card__label{color:#3730a3}.stat-card--success{background:var(--color-success-bg)}.stat-card--success .stat-card__value{color:var(--color-success)}.stat-card--success .stat-card__label{color:#065f46}.stat-card--error{background:var(--color-error-bg)}.stat-card--error .stat-card__value{color:var(--color-error)}.stat-card--error .stat-card__label{color:#991b1b}.stat-card__value{font-size:1.5rem;font-weight:700}.stat-card__value--lg{font-size:2rem;font-weight:700}.modal-sm{max-width:450px}.modal-md{max-width:600px}.modal-lg{max-width:700px}.modal-xl{max-width:900px;max-height:90vh}.modal-body--scroll{max-height:calc(90vh - 140px);overflow-y:auto}.modal-body--scroll-short{max-height:calc(85vh - 140px);overflow-y:auto}.toolbar-btn{padding:.4rem .6rem;border:1px solid var(--color-border);background:var(--color-bg);font-size:.8rem;min-width:32px}.toolbar-btn--active{background:var(--color-primary);color:#fff}.toolbar-divider{width:1px;background:var(--color-border);margin:0 .25rem;align-self:stretch}.tab-btn{padding:.5rem 1rem;background:var(--color-bg-secondary);color:var(--color-text)}.tab-btn--active{background:var(--color-primary);color:#fff}.toggle-btn{padding:.25rem .5rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.toggle-btn--active{background:var(--color-primary);color:#fff}.toggle-btn--success{background:var(--color-success);color:#fff}.toggle-btn--info{background:#0891b2;color:#fff}.toggle-btn-lg{padding:.5rem 1rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.text-capitalize{text-transform:capitalize}.border-bottom-none{border-bottom:none}.mb-0{margin-bottom:0}.bg-secondary-box{padding:.75rem;background:var(--color-bg-secondary)}.scroll-list{max-height:200px;overflow:auto}.scroll-list--tall{max-height:250px;overflow:auto}.link-text{color:#4338ca;cursor:pointer;text-decoration:underline}.highlight-purple{padding:.75rem;background:#f8f5ff;border:1px solid #e9e0f5}.content-editor{min-height:250px;padding:1.5rem;border:1px solid var(--color-border);border-radius:0 0 6px 6px;background:#fff;outline:none;font-size:1rem;line-height:1.6;font-family:Arial,sans-serif;color:#1a1a2e}.variables-dropdown{position:absolute;top:100%;left:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:240px;margin-top:4px}.preview-container{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:#f5f5f5}.list-item-bordered{padding:.5rem 0;border-bottom:1px solid var(--color-border)}.list-item-bordered-padded{padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.table-simple{border-collapse:collapse;font-size:.85rem}.table-simple th,.table-simple td{padding:.5rem}.table-simple thead tr{border-bottom:2px solid var(--color-border)}.table-simple tbody tr{border-bottom:1px solid var(--color-border)}.empty-state{padding:2rem;text-align:center}.btn-pagination{padding:.25rem .75rem;font-size:.8rem}.selected-card{padding:.5rem .75rem;background:#fff;border:1px solid #bbf7d0}.toolbar-top{padding:.5rem;background:var(--color-bg-secondary);border-radius:6px 6px 0 0;border:1px solid var(--color-border);border-bottom:none}.detail-modal{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow:auto;box-shadow:0 4px 20px #00000026}.detail-body{padding:1.5rem}.detail-tab-content{padding:.5rem 0}.detail-tab-nav{display:flex;border-bottom:2px solid #e2e8f0;padding:0 1rem}.detail-tab{padding:.75rem 1rem;font-size:.875rem;font-weight:500;background:none;border:none;cursor:pointer;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.detail-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.spinner-sm{width:30px;height:30px;border:3px solid #e2e8f0;border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-box{padding:2rem;background:#fee2e2;margin:.5rem 0}.warning-note{background:#fef3c7;padding:.75rem 1rem;border:1px solid #fcd34d}.warning-note__title{color:#92400e}.warning-note__text{color:#78350f}.info-card{flex:1;min-width:100px;padding:.75rem;text-align:center;border-radius:var(--radius-lg);background:#f8fafc}.info-card--wide{min-width:120px}.referral-code{font-family:var(--font-mono, monospace);font-weight:700;font-size:1.25rem;color:var(--color-primary);letter-spacing:.05em}.btn-link-primary{display:inline-block;padding:.5rem 1rem;background:var(--color-primary);color:#fff;text-decoration:none;font-size:.875rem;font-weight:500;border-radius:var(--radius)}.btn-icon-sm{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius);cursor:pointer;font-size:.875rem}.btn-icon-sm--primary{background:var(--color-primary);color:#fff}.btn-icon-sm--success{background:#059669;color:#fff}.status-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm)}.status-badge--sm{padding:.125rem .375rem;font-size:.65rem;font-weight:600;text-transform:uppercase}.note-card{padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-lg)}.note-card__text{font-size:.85rem;color:#334155;line-height:1.4}.note-card__meta{font-size:.7rem;color:#94a3b8}.note-card__auto{font-size:.65rem;color:#94a3b8;font-style:italic}.item-card{padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-lg)}.credit-row{padding:.35rem .5rem;font-size:.8rem}.credit-row--even{background:#f8fafc}.flex-1{flex:1}.config-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.config-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.config-table-wrap{overflow-x:auto}.config-table{width:100%;border-collapse:collapse}.config-th{padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);background:var(--color-bg);border-bottom:2px solid var(--color-border);white-space:nowrap;text-align:left;vertical-align:top}.config-th--sticky{position:sticky;left:0;background:var(--color-bg);z-index:2;width:220px}.config-td{padding:.75rem 1rem;font-size:.875rem;vertical-align:middle;border-bottom:1px solid var(--color-border)}.config-td--sticky{position:sticky;left:0;background:#fff;z-index:1}.config-tr{border-bottom:1px solid var(--color-border)}.action-icon{cursor:pointer;font-size:1rem;padding:4px;border-radius:4px}.secret-badge{display:inline-block;margin-left:.5rem;padding:.125rem .375rem;font-size:.625rem;font-weight:500;background:#fee2e2;color:#991b1b;border-radius:3px;text-transform:uppercase}.config-section{border-bottom:1px solid var(--color-border)}.config-section-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.config-section-icon{font-size:1rem}.config-section-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:var(--color-text)}.config-section-content{padding:1rem 1.5rem}.ro-label{font-size:.75rem;color:var(--color-text-light);margin-bottom:.25rem}.ro-value{font-size:.875rem;font-weight:500}.btn-xs{padding:.25rem .5rem;font-size:.7rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;color:var(--color-text)}.btn-danger-outline{background:none;border:1px solid var(--color-error);color:var(--color-error);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500}.toggle-container{display:flex;align-items:center;cursor:pointer}.toggle-checkbox{display:none}.toggle-switch{position:relative;width:44px;height:24px;border-radius:12px;transition:background .2s}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.step-circle{display:flex;align-items:center;justify-content:center;font-weight:600;border-radius:50%;color:#fff;flex-shrink:0}.step-circle--md{width:28px;height:28px;font-size:.875rem}.step-circle--sm{width:24px;height:24px;font-size:.75rem}.step-circle--primary{background:var(--color-primary)}.step-circle--paystack{background:#0ea5e9}.step-circle--stripe{background:#8b5cf6}.guide-step{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border)}.guide-step--compact{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.guide-step-title{font-size:.9375rem}.guide-callout{border-radius:var(--radius);padding:1rem}.guide-callout--success{background:#f0fdf4;border:1px solid #bbf7d0}.guide-callout--success .guide-callout__title,.guide-callout--success ul{color:#166534}.guide-callout--warning{background:#fef3c7;border:1px solid #fcd34d}.guide-callout--warning .guide-callout__title,.guide-callout--warning ul{color:#92400e}.guide-callout--info{background:#dbeafe;border:1px solid #93c5fd}.guide-callout--info .guide-callout__title,.guide-callout--info ul{color:#1e40af}.guide-callout ul{padding-left:1.25rem;font-size:.8125rem;margin:0}.guide-body{padding:1.5rem;max-height:60vh;overflow:auto}.guide-intro{margin-top:0;margin-bottom:1.5rem}.guide-step ul,.guide-step-list{padding-left:1.25rem;font-size:.8125rem;color:var(--color-text);margin:0}.provider-header{font-size:1rem;font-weight:600;padding:.75rem 1rem;border-radius:var(--radius)}.config-th--country{min-width:180px}.provider-header--paystack{background:#e0f2fe;color:#0369a1}.provider-header--stripe{background:#f3e8ff;color:#7c3aed}.fw-400{font-weight:400}.float-right{float:right}.text-config{font-size:.8125rem}.modal-scroll-body{max-height:60vh;overflow:auto}.push-banner{padding:.75rem 1.5rem;border-bottom:1px solid var(--color-border);font-size:.875rem}.push-banner--success{background:#d4edda}.push-banner--warning{background:#fff3cd}.group-header-row{background:var(--color-bg)}.group-header-cell{padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.cell-value-truncate{max-width:150px}.text-placeholder{color:#ccc}.text-not-set{color:#999}.input-disabled-bg{background:#f3f4f6}.dependent-field{margin-left:2rem;padding-left:1rem;border-left:2px solid var(--color-border)}.border-top-separator{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.whitespace-pre-wrap{white-space:pre-wrap}.bg-none{background:none}.text-warning{color:#856404}.stat-value{font-size:var(--font-xl);font-weight:700}.stat-label{font-size:var(--font-sm);color:var(--color-text-light)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-xl);text-align:center}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md)}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:#fff;border-width:2px;border-style:solid;border-radius:var(--radius-lg);min-height:100px;cursor:pointer}.quick-action-icon{font-size:1.5rem}.section-title-lg{font-size:var(--font-lg);font-weight:600;margin-bottom:var(--space-xs)}.section-subtitle{font-size:var(--font-sm);color:var(--color-text-light)}.program-card{height:100%;cursor:pointer;transition:box-shadow .15s;border-left:4px solid var(--color-border)}.program-card--primary{border-left-color:var(--color-primary)}.program-card--success{border-left-color:var(--color-success)}.program-card--warning{border-left-color:var(--color-warning)}.program-card-header{display:flex;justify-content:space-between;align-items:flex-start}.program-card-icon{font-size:2rem}.program-card-stats{margin-top:var(--space-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.link-reset{text-decoration:none;color:inherit}.settlement-alert{padding:var(--space-lg);background:var(--color-warning-bg);border-radius:var(--radius);border:1px solid var(--color-warning);display:flex;justify-content:space-between;align-items:center}.empty-state-text{color:var(--color-text-light);text-align:center;padding:var(--space-xl)}.card-header--flex{display:flex;justify-content:space-between;align-items:center}.coming-soon-badge{margin-top:var(--space-lg);text-align:center;padding:var(--space-md);background:var(--color-warning-bg);border-radius:var(--radius)}.coming-soon-badge span{font-size:var(--font-sm);color:var(--color-warning-text);font-weight:500}.referral-code-panel{text-align:center;padding:1.5rem;background:var(--color-bg);border-radius:var(--radius-lg);margin-bottom:1.5rem}.referral-code-value{font-size:2rem;font-family:monospace;font-weight:700;color:var(--color-primary);letter-spacing:.05em}.referral-info-box{padding:1rem;background:var(--color-success-bg);border-radius:var(--radius);border:1px solid var(--color-success);margin-bottom:1.5rem}.btn-whatsapp{flex:1;padding:var(--space-md) var(--space-lg);background:#25d366;color:#fff;border:none;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;min-height:44px}.customer-result-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--space-sm);cursor:pointer;text-align:left;transition:background .15s;min-height:60px}.customer-result-btn:hover{background:#f3f4f6}.modal-back-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;margin-right:.5rem;min-width:44px;min-height:44px}.search-empty-state{color:var(--color-text-light);padding:1rem;background:var(--color-bg);border-radius:var(--radius);text-align:center;margin-top:1rem}.quick-action-title{font-size:var(--font-lg);font-weight:600;margin-bottom:var(--space-md)}.cal-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;padding:10px 16px;background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.cal-legend--mobile{gap:8px;padding:8px 12px}.cal-legend-item{display:flex;align-items:center;gap:4px;font-size:.75rem}.cal-legend-item--mobile{font-size:.65rem}.cal-legend-dot{width:10px;height:10px;border-radius:2px}.cal-legend-dot--bordered{border:1px solid #16a34a}.cal-nav-btn{padding:6px 10px}.cal-today-btn{padding:6px 10px;margin-left:4px}.cal-date-label{text-align:center;font-weight:500;font-size:.875rem;min-width:140px}.cal-date-label--mobile{min-width:100px;font-size:.8rem}.cal-nav-group{display:flex;align-items:center;gap:8px}.cell-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-truncate--150{max-width:150px}.cell-truncate--180{max-width:180px}.cell-ref{display:flex;align-items:center;gap:6px}.sb-badge{font-size:.65rem;font-weight:700;background:#f59e0b;color:#fff;padding:2px 4px;border-radius:3px;letter-spacing:.5px}.text-mono-primary{font-family:monospace;color:var(--color-primary)}.text-time-sub{font-size:.75rem;color:var(--color-text-light)}.booking-success-modal{text-align:center;padding:2rem;background:#fff;border-radius:12px}.booking-code-display{font-family:monospace;font-size:1.5rem;font-weight:700;color:var(--color-primary);margin:.5rem 0 1rem;padding:.5rem 1rem;background:var(--color-primary-bg);border-radius:8px;display:inline-block}.page-tabs--mobile{display:flex;gap:0;padding:0 8px;margin-bottom:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.page-tab--mobile{font-size:.8rem;padding:8px 12px;white-space:nowrap}.cal-day-header{text-align:center;font-weight:600;font-size:.75rem;color:var(--color-text-light);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);padding:12px 8px}.cal-day-header--mobile{padding:6px 2px;font-size:.65rem}.cal-cell{border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);position:relative}.cal-cell--pad{background:var(--color-bg-secondary)}.cal-mobile-hint{padding:6px 12px;background:var(--color-bg);font-size:.65rem;color:var(--color-text-light);text-align:center}.cal-day-summary{padding:8px 12px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-light);display:flex;justify-content:space-between}.invisible{visibility:hidden}.inline-flex-center{display:inline-flex;align-items:center;gap:var(--space-xs)}.cal-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem;color:var(--color-text-light);font-style:italic}.inline-flex{display:inline-flex}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border-top{border-top:1px solid var(--color-border)}.border-bottom{border-bottom:1px solid var(--color-border)}.opacity-50{opacity:.5}.cursor-not-allowed{cursor:not-allowed}.pt-sm{padding-top:.5rem}.pt-md{padding-top:1rem}.pt-lg{padding-top:1.5rem}.pl-sm{padding-left:.5rem}.pl-md{padding-left:1rem}.ml-auto{margin-left:auto}.m-0{margin:0}.section-divider{border-top:1px solid var(--color-border);padding-top:1.5rem;margin-bottom:1.5rem}.section-title-sm{font-size:.9375rem;font-weight:600;margin-bottom:.75rem}.form-hint{font-size:.75rem;color:var(--color-text-light);margin-top:.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.modal-body-scroll{max-height:70vh;overflow-y:auto}.panel{padding:1rem;background:var(--color-bg-secondary, #f9fafb);border-radius:8px;border:1px solid var(--color-border)}.empty-state{text-align:center;padding:2rem 1rem;color:var(--color-text-light)}.text-nowrap{white-space:nowrap}.btn-compact{padding:.5rem .75rem}.badge-notification{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;width:20px;height:20px}.btn-close-plain{background:none;border:none;cursor:pointer;font-size:18px;color:var(--color-text-light)}.yt-status-connected{background:#dcfce7}.yt-status-disconnected{background:#f3f4f6}.yt-check{color:#22c55e;font-size:18px}.yt-error-bg{background:#fee2e2}.cl-filter-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.cl-filter-label{margin-bottom:4px}.cl-sort-control{padding:4px 8px;font-size:12px;width:auto}.cl-sort-btn{padding:4px 8px;font-size:12px;min-width:32px}.cl-empty{padding:3rem}.cl-asset-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cl-list-thumb{width:50px;height:50px;object-fit:cover}.cl-list-type-icon{width:50px;height:50px;background:var(--color-bg-alt);font-size:20px}.cl-col-thumb{width:60px}.cl-col-actions{width:120px}.cl-asset-card{transition:transform .15s,box-shadow .15s}.cl-asset-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.cl-card-thumb{height:140px;background:var(--color-bg-alt);position:relative}.cl-card-thumb-img{height:100%;object-fit:cover}.cl-type-icon-lg{font-size:40px}.cl-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d}.cl-play-icon{font-size:40px;color:#fff}.cl-badge-featured{position:absolute;top:8px;left:8px;background:#fbbf24;color:#78350f;padding:2px 8px}.cl-badge-type{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;padding:2px 8px}.cl-card-content{padding:12px}.cl-card-title{font-size:14px}.asset-action-btn{flex:1;border:none;background:transparent;padding:10px;cursor:pointer;font-size:14px;border-left:1px solid var(--color-border)}.asset-action-btn:hover{background:var(--color-bg)}.cl-preview-modal{max-width:800px;width:90%}.cl-preview-area{background:#1a1a1a;min-height:300px}.cl-preview-iframe{height:400px}.cl-preview-img{max-width:100%;max-height:400px;object-fit:contain}.cl-preview-img-sm{max-width:100%;max-height:300px;object-fit:contain}.cl-preview-placeholder{color:#fff}.cl-preview-placeholder-icon{font-size:60px}.cl-meta-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cl-meta-label{margin-bottom:4px}.cl-tag{background:var(--color-bg-alt);padding:4px 10px}.cl-section-label{margin-bottom:8px}.cl-usage-notes{background:var(--color-bg-alt);padding:12px}.pos-relative{position:relative}.bg-alt{background:var(--color-bg-alt)}.cl-yt-title{font-size:1rem}.type-badge{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500;white-space:nowrap}.type-badge--admin{background:#e0e7ff;color:#3730a3}.type-badge--pool{background:#fce7f3;color:#9d174d}.settlements-code-chip{font-family:monospace;font-size:var(--font-base);font-weight:600;padding:.25rem .5rem;background:var(--color-bg);border-radius:var(--radius-sm)}.partner-card{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center}.invoice-preview-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-lg)}.invoice-preview-table th{padding:var(--space-sm);font-weight:600;background:var(--color-bg)}.invoice-preview-table th:first-child,.invoice-preview-table td:first-child{text-align:left}.invoice-preview-table th:nth-child(2){text-align:center}.invoice-preview-table th:nth-child(3),.invoice-preview-table th:nth-child(4),.invoice-preview-table th:nth-child(5){text-align:right}.invoice-preview-table thead tr{border-bottom:2px solid var(--color-border)}.invoice-preview-table tbody tr{border-bottom:1px solid var(--color-border)}.invoice-preview-table td{padding:var(--space-sm)}.invoice-preview-table td:nth-child(2){text-align:center}.invoice-preview-table td:nth-child(3),.invoice-preview-table td:nth-child(4),.invoice-preview-table td:nth-child(5){text-align:right}.invoice-preview-table tfoot tr{border-top:2px solid var(--color-border);background:var(--color-bg)}.invoice-preview-table tfoot td{padding:var(--space-sm)}.modal-result-icon{font-size:3rem;margin-bottom:var(--space-md)}.modal-footer--center{display:flex;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--color-border)}.modal--md{max-width:650px}.sl-fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg, #f8f9fa);z-index:1000;overflow:auto}.sl-fullscreen-inner{max-width:1200px;margin:0 auto;padding:1rem}.sl-modal-actions{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-bg-alt, #f8f9fa)}.sl-customer-name{font-weight:600;font-size:1.1rem}.sl-customer-detail{color:var(--color-text-light);font-size:.875rem}.sl-customer-company{color:var(--color-text);font-size:.875rem;font-weight:500}.sl-invoice-subject{font-size:.9rem}.sl-total-row{font-weight:600;font-size:1.1rem;border-top:1px solid var(--color-border);padding-top:.75rem;margin-top:.5rem}.sl-title-note{font-weight:400;font-size:.75rem;color:var(--color-text-light);margin-left:.5rem}.sl-notes-box{background:var(--color-bg-light);padding:.75rem;border-radius:6px;font-size:.875rem;white-space:pre-wrap}.sl-empty-items{color:var(--color-text-light);font-style:italic}.sl-section-last{border-bottom:none;margin-bottom:0}.sl-mobile-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;padding:12px}.sl-mobile-card-actions{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.sl-mobile-wrap{padding:8px}.sl-mobile-btn-row{display:flex;gap:8px;margin-bottom:12px}.sl-status-cell{display:flex;flex-direction:row;gap:6px;align-items:center;flex-wrap:wrap}.sl-sub-text{font-size:.75rem;color:var(--color-text-light)}.sl-vat-marker{font-size:.625rem;margin-left:4px;color:var(--color-text-light)}.sl-invoice-num{font-size:.75rem;color:var(--color-primary);font-family:monospace}.sl-meta-light{font-size:.7rem;color:var(--color-text-light)}.sl-discount-text{font-size:.75rem;color:var(--color-error)}.sl-btn-danger-outline{border-color:var(--color-error);color:var(--color-error)}.sl-btn-whatsapp{background:#25d366;border-color:#25d366;color:#fff}.sl-touch-btn{min-height:44px}.sl-location-value{text-align:right;max-width:60%}.sl-payment-ref{font-family:monospace;font-size:.8rem}:root{--color-pos-gold: #BD982F}.ambassador-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;color:#fff;background:var(--color-pos-gold)}.referral-card{background:linear-gradient(135deg,#1a1a1a,#333);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);color:#fff}.referral-card h3{margin:0 0 16px;color:var(--color-pos-gold)}.referral-code-display{background:var(--color-pos-gold);color:#1a1a1a;padding:12px 24px;border-radius:var(--radius);font-size:24px;font-weight:700;letter-spacing:2px;font-family:monospace}.btn-ghost-light{background:#ffffff26;color:#fff;border:none}.referral-link-code{background:#ffffff1a;padding:8px 12px;border-radius:6px;font-size:13px;word-break:break-all}.referral-hint{margin:0 0 8px;color:#aaa;font-size:13px}.referral-usage{margin:12px 0 0;color:#888;font-size:12px}.grid-auto-150{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md)}.grid-auto-140{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md)}.stat-card{padding:var(--space-lg);text-align:center}.stat-card-label{font-size:12px;color:#666;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.stat-card-value{font-size:24px;font-weight:700;margin:0;color:var(--color-text)}.stat-card-value--highlight{color:var(--color-pos-gold)}.empty-state-lg{padding:40px;text-align:center;color:#666}.empty-state-lg .empty-state-title{font-size:16px;margin-bottom:8px}.empty-state-lg .empty-state-desc{font-size:14px;color:#999}.vendor-field-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#999;margin:0 0 2px}.vendor-field-value{margin:0;font-weight:500}.vendor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.banking-panel{background:#f9fafb;border-radius:var(--radius);padding:var(--space-lg);margin-bottom:20px}.banking-panel-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#999;margin:0 0 12px;font-weight:600}.banking-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rejection-alert{background:var(--color-error-bg);color:var(--color-error);padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:14px}.vendor-actions-divider{border-top:1px solid var(--color-border);padding-top:var(--space-lg)}.btn-approve{background:var(--color-success);border-color:var(--color-success)}.btn-reject{color:var(--color-error);border-color:var(--color-error)}.btn-pos-gold{background:var(--color-pos-gold);border-color:var(--color-pos-gold)}.invite-link-display{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:var(--radius);padding:12px;word-break:break-all;font-size:13px;font-family:monospace;margin-bottom:12px}.invite-success-icon{font-size:48px;margin-bottom:12px}.text-approved{font-size:13px;color:var(--color-success);margin:0}.tier-text{text-transform:capitalize;font-weight:500}.tier-signature{color:var(--color-pos-gold)}.tier-distinguished{color:#a8a9ad}.tier-classic{color:#cd7f32}.toast-notification{position:fixed;top:1rem;right:1rem;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.toast-notification--success{background:#dcfce7;color:#166534;border:1px solid #86efac}.toast-notification--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.toast-notification__close{margin-left:.5rem;background:none;border:none;cursor:pointer;font-size:1rem;opacity:.7}.wp-tab-bar{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border);overflow-x:auto}.wp-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1rem;font-size:.875rem;font-weight:400;color:var(--color-text-light);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.wp-tab--active{font-weight:600;color:var(--color-primary);border-bottom-color:var(--color-primary)}.wp-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:999px;font-size:.6875rem;font-weight:600;background:#e5e7eb;color:#6b7280}.wp-tab--active .wp-tab__count{background:var(--color-primary);color:#fff}.wp-view-toggle{display:flex;gap:2px;background:#f3f4f6;border-radius:4px;padding:2px}.wp-view-btn{padding:.25rem .5rem;font-size:.6875rem;font-weight:500;background:transparent;color:#6b7280;border:none;border-radius:3px;cursor:pointer;box-shadow:none}.wp-view-btn--active{background:#fff;color:var(--color-primary);box-shadow:0 1px 2px #0000001a}.wp-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:.5rem}.wp-scan-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;border-radius:6px;cursor:pointer}.wp-scan-btn:disabled{cursor:not-allowed;opacity:.7}.wp-publish-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600;border:none;cursor:pointer;background:var(--color-primary);color:#fff}.wp-publish-btn:disabled{cursor:not-allowed;opacity:.7}.wp-publish-btn--busy{min-width:100px}.wp-unpublish-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid #dc2626;cursor:pointer;background:transparent;color:#dc2626}.wp-unpublish-btn:disabled{cursor:not-allowed;opacity:.7}.wp-unpublish-btn--busy{min-width:100px}.wp-type-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.wp-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.wp-seo-pill{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.wp-name-label{font-weight:500;text-transform:capitalize}.wp-name-path{font-size:.75rem;color:var(--color-text-light);background:transparent}.wp-scan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}.wp-scan-stat{padding:.75rem;border-radius:8px;text-align:center}.wp-scan-stat__value{font-size:1.25rem;font-weight:700}.wp-scan-stat__label{font-size:.6875rem}.wp-scan-stat--new{background:#f0fdf4}.wp-scan-stat--new .wp-scan-stat__value,.wp-scan-stat--new .wp-scan-stat__label{color:#166534}.wp-scan-stat--stale{background:#fef3c7}.wp-scan-stat--stale .wp-scan-stat__value,.wp-scan-stat--stale .wp-scan-stat__label{color:#92400e}.wp-scan-stat--match{background:#f0f9ff}.wp-scan-stat--match .wp-scan-stat__value,.wp-scan-stat--match .wp-scan-stat__label{color:#0369a1}.wp-scan-stat--dynamic{background:#faf5ff}.wp-scan-stat--dynamic .wp-scan-stat__value,.wp-scan-stat--dynamic .wp-scan-stat__label{color:#7c3aed}.wp-scan-add-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;background:#166534;color:#fff;border:none;border-radius:4px;cursor:pointer}.wp-scan-add-btn:disabled{cursor:not-allowed}.wp-scan-remove-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;background:#dc2626;color:#fff;border:none;border-radius:4px;cursor:pointer}.wp-scan-remove-btn:disabled{cursor:not-allowed}.wp-scan-list{max-height:150px;overflow:auto;border-radius:6px;padding:.5rem}.wp-scan-list--new{background:#f9fafb}.wp-scan-list--stale{background:#fffbeb}.wp-scan-list--dynamic{background:#faf5ff;max-height:200px;margin-top:.5rem}.wp-scan-list__item{padding:.375rem .5rem;font-size:.75rem;font-family:monospace}.wp-scan-list__item--new{color:#166534}.wp-scan-list__item--stale{color:#92400e}.wp-scan-list__item--dynamic{color:#7c3aed}.wp-scan-section{margin-bottom:1.5rem}.wp-scan-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.wp-scan-section__title{margin:0;font-size:.875rem;font-weight:600}.wp-scan-section__title--new{color:#166534}.wp-scan-section__title--stale{color:#92400e}.wp-scan-dynamic-summary{cursor:pointer;font-size:.875rem;font-weight:600;color:#7c3aed;margin-bottom:.5rem;padding:.5rem;background:#faf5ff;border-radius:6px}.wp-scan-sync{text-align:center;padding:2rem;background:#f0fdf4;border-radius:8px;color:#166534}.wp-scan-sync__detail{margin:.5rem 0 0;font-size:.875rem;opacity:.8}.wp-scan-info{margin-top:1rem;padding:.75rem;background:#f9fafb;border-radius:6px;font-size:.6875rem;color:#6b7280}.wp-scan-error{padding:1rem;background:#fee2e2;color:#991b1b;border-radius:8px;margin-bottom:1rem}.wp-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-light);margin-top:1.5rem;margin-bottom:.75rem;padding-top:1rem;border-top:1px solid var(--color-border)}.wp-field-box{padding:.5rem .75rem;background:var(--color-bg);border-radius:4px;border:1px solid var(--color-border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-link{color:var(--color-primary);text-decoration:none}.wp-dash{color:var(--color-text-light)}.wp-deploying-label{font-size:.65rem;color:var(--color-text-light)}.seo-tip-box{padding:1rem;background:#f0fdf4;border:1px solid #86efac;border-radius:8px}.seo-tip-box strong,.seo-tip-box p{color:#166534}.seo-error-box{padding:1.5rem;background:#fee2e2;border-radius:8px;margin:1rem}.seo-error-text{color:#991b1b}.seo-loading-text{color:#666}.seo-template-select{width:100%;max-width:400px}.seo-template-hint{font-size:.625rem}.seo-field-label{display:block;font-size:.75rem;color:#374151;font-weight:500}.seo-field-label--block{display:block;font-size:.75rem;color:#666;margin-bottom:.25rem}.seo-field-label--heading{display:block;font-size:.75rem;font-weight:600;color:#666}.seo-override-badge{margin-left:.5rem;padding:.125rem .5rem;background:#fef3c7;color:#92400e;border-radius:999px;font-size:.625rem;font-weight:600}.seo-char-count{font-size:.625rem}.seo-char-count--over{color:#dc2626}.seo-input-readonly{background:#f3f4f6;color:#666}.seo-hint{font-size:.625rem;color:#666;margin-top:.25rem}.seo-service-area-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;font-size:.75rem}.seo-tag-remove{background:none;border:none;cursor:pointer;color:#666;padding:0;font-size:.875rem;line-height:1}.seo-nap-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.875rem}.seo-gbp-link{color:#772cbb}.seo-collapsible{border:1px solid #e5e7eb;border-radius:8px}.seo-collapsible__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f9fafb;border:none;cursor:pointer;font-size:.875rem;font-weight:600}.seo-collapsible__arrow{color:#666}.seo-issue-card{padding:.75rem;border-radius:6px}.seo-issue-card--blocker{background:#fee2e2;border:1px solid #fecaca}.seo-issue-card--warn{background:#fef3c7;border:1px solid #fcd34d}.seo-issue-card--info{background:#f3f4f6;border:1px solid #e5e7eb}.seo-issue-heading--blocker{color:#991b1b}.seo-issue-heading--warn{color:#92400e}.seo-issue-heading--info{color:#666}.seo-passed-badge{padding:.25rem .5rem;background:#dcfce7;color:#166534;border-radius:4px;font-size:.75rem}.seo-area-count--good{color:#16a34a}.seo-area-count--low{color:#f59e0b}.seo-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.seo-reset-btn{padding:.25rem .5rem;background:#fee2e2;border:1px solid #fca5a5;border-radius:4px;cursor:pointer;font-size:.625rem;color:#991b1b;white-space:nowrap}.seo-hours-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.seo-hours-day{width:80px;font-weight:500}.seo-hours-closed{color:#666;font-style:italic}.seo-hours-input{padding:.25rem;border:1px solid #e5e7eb;border-radius:4px}.seo-hours-toggle{margin-left:auto;font-size:.75rem;color:#666;background:none;border:none;cursor:pointer}.seo-heading--passed{color:#16a34a}.seo-mt-xs{margin-top:.25rem}.seo-mb-xs{margin-bottom:.25rem}.seo-my-xs{margin-top:.25rem;margin-bottom:.25rem}.seo-gap-xs{gap:.375rem}.seo-inner{padding:1.5rem}.seo-tip-steps{margin:.5rem 0 0}.seo-error-msg{margin:.5rem 0}.seo-nap-heading{margin-bottom:.75rem}.seo-og-text{margin:.25rem 0}.seo-issue-detail{margin:.25rem 0 0}.op-layout{min-height:100vh;background:var(--color-bg)}.op-header{position:fixed;top:0;left:0;right:0;height:56px;background:var(--color-primary);display:flex;align-items:center;padding:0 var(--space-lg);z-index:100}.op-header-brand{font-weight:700;font-size:var(--font-lg);color:var(--color-white);cursor:pointer;letter-spacing:.05em}.op-header-title{flex:1;text-align:center;font-weight:600;font-size:var(--font-base);color:var(--color-white)}.op-header-avatar{width:36px;height:36px;border-radius:50%;background:#fff3;border:none;color:var(--color-white);font-weight:600;font-size:var(--font-sm);cursor:pointer}.op-header-avatar:hover{background:#ffffff4d}.op-main{padding:var(--space-lg);padding-top:calc(56px + var(--space-lg));padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px));max-width:600px;margin:0 auto}.op-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:150}.op-menu{position:fixed;top:64px;right:var(--space-lg);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;z-index:200;padding:var(--space-lg)}.op-menu-user{margin-bottom:var(--space-md)}.op-menu-name{font-weight:600;color:var(--color-text)}.op-menu-email{font-size:var(--font-sm);color:var(--color-text-light)}.op-menu-divider{border:none;height:1px;background:var(--color-border);margin:var(--space-md) 0}.op-menu-signout{width:100%}.op-tabs{display:flex;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-xs);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.op-tab{flex:1;padding:var(--space-md) var(--space-lg);border:none;background:none;font-size:var(--font-sm);font-weight:500;color:var(--color-text-light);cursor:pointer;border-radius:var(--radius);transition:all .2s;min-height:48px}.op-tab.active{background:var(--color-primary);color:var(--color-white)}.op-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:10px;background:#0000001a;font-size:var(--font-xs);font-weight:600}.op-tab.active .op-tab-badge{background:#fff3}.op-jobs{display:flex;flex-direction:column;gap:var(--space-lg)}.op-job-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start}.op-job-time{font-size:var(--font-xl);font-weight:700;color:var(--color-text)}.op-job-date{font-size:var(--font-sm);color:var(--color-text-light);margin-top:2px}.op-job-body{padding:var(--space-lg)}.op-job-customer{font-size:var(--font-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.op-job-address{font-size:var(--font-sm);color:var(--color-text-light);line-height:1.4;margin-bottom:var(--space-md)}.op-job-services{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.op-job-tag{padding:var(--space-xs) var(--space-md);background:var(--color-bg);border-radius:var(--radius-sm);font-size:var(--font-sm);color:var(--color-text)}.op-status{padding:6px 12px;border-radius:20px;font-size:var(--font-xs);font-weight:600;text-transform:uppercase}.op-status-pending{background:#fef3c7;color:#92400e}.op-status-assigned{background:#dbeafe;color:#1e40af}.op-status-accepted,.op-status-in-progress{background:#d1fae5;color:#065f46}.op-status-completed{background:var(--color-bg);color:var(--color-text-light)}.op-job-actions{display:flex;border-top:1px solid var(--color-border)}.op-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-sm);background:none;border:none;cursor:pointer;min-height:72px;color:var(--color-text);transition:background .2s}.op-action-btn:not(:last-child){border-right:1px solid var(--color-border)}.op-action-btn:hover{background:var(--color-bg)}.op-action-btn:disabled{opacity:.5;cursor:not-allowed}.op-action-btn.primary{background:var(--color-primary);color:var(--color-white)}.op-action-btn.primary:hover{background:var(--color-primary-dark)}.op-action-icon{font-size:var(--font-xl)}.op-action-label{font-size:var(--font-xs);font-weight:500}@media (max-width: 480px){.op-job-actions{display:flex;border-top:1px solid var(--color-border);min-height:80px}.op-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 8px;background:none;border:none;cursor:pointer;min-height:80px;color:var(--color-text);transition:background .2s;font-size:16px}.op-action-btn:not(:last-child){border-right:1px solid var(--color-border)}.op-action-btn:hover{background:var(--color-bg)}.op-action-btn:active{background:var(--color-primary);color:#fff}.op-action-icon{font-size:24px}.op-action-label{font-size:12px;font-weight:600}.op-detail-actions{display:flex;flex-direction:column;gap:16px;margin-bottom:var(--space-lg)}.op-big-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;padding:20px;border-radius:var(--radius-lg);font-size:18px;font-weight:600;cursor:pointer;border:none;min-height:72px;transition:all .2s}.op-big-btn-icon{font-size:28px}.op-job-header,.op-job-body{padding:20px}.op-job-time{font-size:28px}.op-job-date{font-size:16px}.op-tabs{padding:8px}.op-tab{padding:16px 20px;min-height:56px;font-size:16px}.op-status{padding:8px 16px;font-size:14px;font-weight:700}}@media (max-width: 375px){.op-job-actions{flex-direction:column;min-height:auto}.op-action-btn{flex-direction:row;justify-content:flex-start;padding:16px 20px;border-right:none;border-bottom:1px solid var(--color-border)}.op-action-btn:last-child{border-bottom:none}.op-action-icon{font-size:20px;margin-right:12px}.op-action-label{font-size:16px}.op-job-header,.op-job-body{padding:16px}.op-big-btn{padding:16px 20px;min-height:64px}}.op-detail{max-width:600px;margin:0 auto}.op-back{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-primary);font-weight:500;margin-bottom:var(--space-lg);cursor:pointer;background:none;border:none;padding:var(--space-sm) 0;font-size:var(--font-base)}.op-back:hover{text-decoration:underline}.op-detail-header{padding:var(--space-xl);margin-bottom:var(--space-lg)}.op-detail-time{font-size:var(--font-display);font-weight:700;color:var(--color-text);margin-bottom:var(--space-xs)}.op-detail-date{font-size:var(--font-base);color:var(--color-text-light)}.op-detail-status{margin-top:var(--space-md)}.op-detail-section{padding:var(--space-xl);margin-bottom:var(--space-lg)}.op-detail-title{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);margin-bottom:var(--space-md)}.op-detail-name{font-size:var(--font-lg);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.op-detail-address{font-size:var(--font-base);color:var(--color-text);line-height:1.5}.op-detail-phone{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.op-detail-phone-label{font-size:var(--font-xs);color:var(--color-text-light);margin-bottom:var(--space-xs)}.op-detail-phone-number{font-size:var(--font-base);font-weight:600;color:var(--color-primary)}.op-detail-actions{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.op-big-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;padding:var(--space-xl);border-radius:var(--radius-lg);font-size:var(--font-base);font-weight:600;cursor:pointer;border:none;min-height:64px;transition:all .2s}.op-big-btn-icon{font-size:var(--font-xl)}.op-big-btn.call{background:var(--color-success);color:var(--color-white)}.op-big-btn.call:hover{background:#15803d}.op-big-btn.whatsapp{background:#25d366;color:var(--color-white)}.op-big-btn.whatsapp:hover{background:#20bd5a}.op-big-btn.navigate{background:#3b82f6;color:var(--color-white)}.op-big-btn.navigate:hover{background:#2563eb}.op-big-btn.status{background:var(--color-primary);color:var(--color-white)}.op-big-btn.status:hover{background:var(--color-primary-dark)}.op-big-btn.status:disabled{opacity:.7;cursor:not-allowed}.op-empty{text-align:center;padding:var(--space-xxl) var(--space-xl);color:var(--color-text-light)}.op-empty-icon{font-size:3rem;margin-bottom:var(--space-lg)}.op-empty-title{font-size:var(--font-base);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.op-empty-text{font-size:var(--font-sm)}.op-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xxl) var(--space-xl)}.op-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:op-spin .8s linear infinite}@keyframes op-spin{to{transform:rotate(360deg)}}:root{--pos-linen: #EAE7E1;--pos-gold: #BD982F;--pos-gold-hover: #A8872A;--pos-black: #000000;--pos-grey: #C1BFBD;--pos-white: #FFFFFF;--pos-bg-primary: var(--pos-linen);--pos-bg-secondary: var(--pos-white);--pos-bg-sidebar: var(--pos-black);--pos-text-primary: var(--pos-black);--pos-text-secondary: var(--pos-grey);--pos-accent: var(--pos-gold);--pos-border: rgba(0, 0, 0, .08);--pos-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pos-sidebar-width: 280px;--pos-mobile-header-height: 60px;--pos-transition: all .2s ease}.pos-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--pos-bg-primary);font-family:var(--pos-font-family)}.pos-loading-content{text-align:center;color:var(--pos-text-secondary)}.pos-loading-spinner{width:40px;height:40px;border:3px solid var(--pos-border);border-top-color:var(--pos-gold);border-radius:50%;animation:pos-spin 1s linear infinite;margin:0 auto 16px}@keyframes pos-spin{to{transform:rotate(360deg)}}.pos-layout{display:flex;min-height:100vh;background:var(--pos-bg-primary);font-family:var(--pos-font-family)}.pos-sidebar{width:var(--pos-sidebar-width);background:var(--pos-bg-sidebar);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:var(--pos-transition)}.pos-sidebar-header{padding:32px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.pos-brand{text-align:center}.pos-brand-name{display:block;font-size:22px;font-weight:300;letter-spacing:3px;color:var(--pos-gold)}.pos-brand-tagline{display:block;margin-top:6px;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--pos-grey)}.pos-sentinel-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.pos-sentinel-name{font-size:11px;font-weight:500;letter-spacing:.5px;color:var(--pos-grey);opacity:.6}.pos-sentinel-powered{font-size:10px;color:var(--pos-grey);opacity:.4;margin-top:4px}.pos-property-selector{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.pos-property-select{width:100%;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--pos-white);font-size:14px;border-radius:4px;cursor:pointer;font-family:var(--pos-font-family)}.pos-property-select:focus{outline:none;border-color:var(--pos-gold)}.pos-property-select option{background:var(--pos-black);color:var(--pos-white)}.pos-current-property{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:4px}.pos-property-name{font-size:16px;font-weight:500;color:var(--pos-white)}.pos-access-level{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--pos-gold)}.pos-nav{flex:1;padding:16px 0;overflow-y:auto}.pos-nav-link{display:flex;align-items:center;gap:12px;padding:14px 24px;color:var(--pos-grey);text-decoration:none;font-size:14px;transition:var(--pos-transition);border-left:3px solid transparent}.pos-nav-link:hover{color:var(--pos-white);background:#ffffff0d}.pos-nav-link.active{color:var(--pos-gold);background:#bd982f1a;border-left-color:var(--pos-gold)}.pos-nav-icon{font-size:18px;width:24px;text-align:center}.pos-nav-label{font-weight:500}.pos-sidebar-footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.1)}.pos-user-menu{position:relative;margin-bottom:16px}.pos-user-trigger{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:var(--pos-transition)}.pos-user-trigger:hover{background:#ffffff14}.pos-user-avatar{width:36px;height:36px;background:var(--pos-gold);color:var(--pos-black);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.pos-user-info{flex:1;text-align:left;overflow:hidden}.pos-user-name{display:block;font-size:13px;font-weight:500;color:var(--pos-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-user-email{display:block;font-size:11px;color:var(--pos-grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-user-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.pos-user-dropdown-item{width:100%;padding:12px 16px;background:transparent;border:none;color:var(--pos-grey);font-size:13px;text-align:left;cursor:pointer;transition:var(--pos-transition);font-family:var(--pos-font-family)}.pos-user-dropdown-item:hover{background:#ffffff0d;color:var(--pos-white)}.pos-powered-by{text-align:center;font-size:10px;color:#ffffff4d}.pos-powered-by-brand{display:block;color:#ffffff80;font-weight:500;margin-top:2px}.pos-main{flex:1;margin-left:var(--pos-sidebar-width);min-height:100vh}.pos-content-header{padding:24px 32px;background:var(--pos-white);border-bottom:1px solid var(--pos-border)}.pos-page-title{margin:0;font-size:24px;font-weight:600;color:var(--pos-black);letter-spacing:-.5px}.pos-header-left{display:flex;align-items:center;gap:16px}.pos-header-property{display:inline-flex;align-items:center;gap:6px;background:var(--pos-gold);color:var(--pos-white);padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600;letter-spacing:.5px}.pos-header-property-icon{font-size:14px}.pos-content{padding:32px}.pos-mobile-header,.pos-mobile-overlay{display:none}@media (max-width: 768px){.pos-sidebar{transform:translate(-100%);width:280px}.pos-sidebar.open{transform:translate(0)}.pos-main{margin-left:0;padding-top:var(--pos-mobile-header-height)}.pos-mobile-header{display:flex;align-items:center;position:fixed;top:0;left:0;right:0;height:var(--pos-mobile-header-height);background:var(--pos-black);padding:0 16px;z-index:90}.pos-mobile-menu-btn{width:40px;height:40px;background:transparent;border:none;color:var(--pos-white);font-size:24px;cursor:pointer}.pos-mobile-brand{flex:1;text-align:center;font-size:14px;font-weight:300;letter-spacing:2px;color:var(--pos-gold)}.pos-mobile-spacer{width:40px}.pos-mobile-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:95}.pos-content-header{padding:16px 20px}.pos-page-title{font-size:20px}.pos-content{padding:20px}}.pos-card{background:var(--pos-white);border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000000d}.pos-card-title{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--pos-black)}.pos-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:0;cursor:pointer;transition:var(--pos-transition);font-family:var(--pos-font-family)}.pos-btn-primary{background:var(--pos-gold);color:var(--pos-black)}.pos-btn-primary:hover{background:var(--pos-gold-hover)}.pos-btn-secondary{background:transparent;color:var(--pos-black);border:1px solid var(--pos-grey)}.pos-btn-secondary:hover{border-color:var(--pos-black)}.pos-input{width:100%;padding:12px 16px;font-size:14px;border:1px solid var(--pos-grey);border-radius:0;background:var(--pos-white);transition:var(--pos-transition);font-family:var(--pos-font-family)}.pos-input:focus{outline:none;border-color:var(--pos-gold)}.pos-label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--pos-text-secondary)}.pos-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.pos-stat-card{background:var(--pos-white);padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000000d}.pos-stat-value{font-size:32px;font-weight:600;color:var(--pos-black)}.pos-stat-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--pos-text-secondary);margin-top:4px}.pos-empty-state{text-align:center;padding:60px 20px;color:var(--pos-text-secondary)}.pos-empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.pos-empty-state-title{font-size:18px;font-weight:500;color:var(--pos-black);margin-bottom:8px}.pos-empty-state-text{font-size:14px;line-height:1.6;max-width:400px;margin:0 auto}.pos-table-container{background:var(--pos-white);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.pos-table{width:100%;border-collapse:collapse}.pos-table th{padding:16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--pos-text-secondary);background:#00000005;border-bottom:1px solid var(--pos-border)}.pos-table td{padding:16px;font-size:14px;color:var(--pos-black);border-bottom:1px solid var(--pos-border)}.pos-table tr:last-child td{border-bottom:none}.pos-table tr:hover td{background:#00000003}.pos-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:4px}.pos-badge-gold{background:#bd982f26;color:var(--pos-gold)}.pos-badge-success{background:#228b2226;color:#228b22}.pos-badge-pending{background:#c1bfbd4d;color:#666}.portal-layout.pos-themed .sidebar{background:var(--pos-black)}.portal-layout.pos-themed .sidebar-header{border-bottom:1px solid rgba(255,255,255,.1)}.portal-layout.pos-themed .sidebar-brand{color:var(--pos-gold);font-weight:300;letter-spacing:3px}.portal-layout.pos-themed .sidebar-subtitle{color:var(--pos-grey);font-size:9px;letter-spacing:2px;text-transform:uppercase}.portal-layout.pos-themed .nav-link{color:var(--pos-grey);border-left:3px solid transparent}.portal-layout.pos-themed .nav-link:hover{color:var(--pos-white);background:#ffffff0d}.portal-layout.pos-themed .nav-link.active{color:var(--pos-gold);background:#bd982f1a;border-left-color:var(--pos-gold)}.portal-layout.pos-themed .user-menu-trigger{background:#ffffff0d;border-color:#ffffff1a}.portal-layout.pos-themed .user-menu-trigger:hover{background:#ffffff14}.portal-layout.pos-themed .user-avatar{background:var(--pos-gold);color:var(--pos-black)}.portal-layout.pos-themed .user-name{color:var(--pos-white)}.portal-layout.pos-themed .user-email,.portal-layout.pos-themed .user-menu-arrow{color:var(--pos-grey)}.portal-layout.pos-themed .user-menu-dropdown{background:#1e1e1ef2;border-color:#ffffff1a}.portal-layout.pos-themed .user-menu-item{color:var(--pos-grey)}.portal-layout.pos-themed .user-menu-item:hover{background:#ffffff0d;color:var(--pos-white)}.portal-layout.pos-themed .main-content{background:var(--pos-linen)}.portal-layout.pos-themed .top-bar{background:var(--pos-white);border-bottom:1px solid var(--pos-border)}.portal-layout.pos-themed .page-title{color:var(--pos-black)}.portal-layout.pos-themed .content-area{background:var(--pos-linen)}.portal-layout.pos-themed .sidebar-footer{border-top:1px solid rgba(255,255,255,.1)}.portal-layout.pos-themed .pos-property-selector{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.portal-layout.pos-themed .pos-property-select{width:100%;padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--pos-white);font-size:14px;border-radius:4px;cursor:pointer;font-family:var(--pos-font-family)}.portal-layout.pos-themed .pos-property-select:focus{outline:none;border-color:var(--pos-gold)}.portal-layout.pos-themed .pos-property-select option{background:var(--pos-black);color:var(--pos-white)}.portal-layout.pos-themed .pos-current-property{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:4px}.portal-layout.pos-themed .pos-property-name{font-size:16px;font-weight:500;color:var(--pos-white)}.portal-layout.pos-themed .pos-access-badge{display:inline-block;padding:2px 8px;font-size:10px;text-transform:uppercase;letter-spacing:1px;background:#bd982f33;color:var(--pos-gold);border-radius:4px;width:fit-content}.portal-layout.pos-themed .pos-powered-by{text-align:center;font-size:10px;color:#ffffff4d;margin-top:16px}.portal-layout.pos-themed .pos-powered-by-brand{display:block;color:#ffffff80;font-weight:500;margin-top:2px}.portal-layout.pos-themed .pos-mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:var(--pos-mobile-header-height);background:var(--pos-black);padding:0 16px;z-index:90;align-items:center}.portal-layout.pos-themed .pos-mobile-menu-btn{width:40px;height:40px;background:transparent;border:none;color:var(--pos-white);font-size:24px;cursor:pointer}.portal-layout.pos-themed .pos-mobile-header-center{flex:1;text-align:center}.portal-layout.pos-themed .pos-mobile-brand{font-size:14px;font-weight:300;letter-spacing:2px;color:var(--pos-white)}.portal-layout.pos-themed .pos-mobile-property{font-size:16px;font-weight:600;color:var(--pos-gold);letter-spacing:.5px}.portal-layout.pos-themed .pos-mobile-spacer{width:40px}.portal-layout.pos-themed .pos-mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:95}@media (max-width: 768px){.portal-layout.pos-themed .sidebar{transform:translate(-100%);position:fixed;z-index:100}.portal-layout.pos-themed .sidebar.mobile-open{transform:translate(0)}.portal-layout.pos-themed .main-content{margin-left:0;padding-top:var(--pos-mobile-header-height)}.portal-layout.pos-themed .pos-mobile-header{display:flex}.portal-layout.pos-themed .pos-mobile-overlay{display:block}}.portal-layout.pos-themed .ops-primary-btn{background:var(--pos-gold)!important;color:var(--pos-black)!important}.portal-layout.pos-themed .ops-primary-btn:hover{background:var(--pos-gold-hover)!important}.portal-layout.pos-themed .ops-status-tab.active{border-bottom-color:var(--pos-gold)!important;color:var(--pos-gold)!important}.portal-layout.pos-themed .ops-tab-count.active{background:var(--pos-gold)!important}.pos-login{min-height:100vh;background:linear-gradient(135deg,#000,#1a1a1a);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;font-family:var(--pos-font-family, "Inter", -apple-system, sans-serif)}.pos-login-content{width:100%;max-width:400px}.pos-login-header{text-align:center;margin-bottom:40px}.pos-login-brand{margin:0;font-size:32px;font-weight:300;letter-spacing:4px;color:#bd982f}.pos-login-tagline{margin:12px 0 0;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#c1bfbd}.pos-login-card{background:#eae7e1;border-radius:12px;padding:40px;text-align:center}.pos-login-card h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#000}.pos-login-card>p{margin:0 0 24px;font-size:15px;color:#666}.pos-login-form{text-align:left}.pos-login-field{margin-bottom:20px}.pos-login-label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}.pos-login-input{width:100%;padding:14px 16px;font-size:15px;border:2px solid rgba(0,0,0,.1);border-radius:6px;background:#fff;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.pos-login-input:focus{outline:none;border-color:#bd982f}.pos-login-input::placeholder{color:#bbb}.pos-login-error{margin-bottom:20px;padding:12px 16px;background:#c832321a;border:1px solid rgba(200,50,50,.2);border-radius:6px;color:#c83232;font-size:14px;text-align:center}.pos-login-btn{width:100%;padding:14px 32px;margin-top:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:inherit;background:#bd982f;color:#000}.pos-login-btn:hover:not(:disabled){background:#a8872a}.pos-login-btn:disabled{opacity:.6;cursor:not-allowed}.pos-login-footer{margin-top:24px;padding-top:24px;border-top:1px solid rgba(0,0,0,.1)}.pos-login-footer p{margin:0;font-size:13px;line-height:1.6;color:#999}.pos-login-powered-by{margin-top:40px;text-align:center;font-size:11px;color:#ffffff4d}.pos-login-powered-by-brand{display:block;color:#ffffff80;font-weight:500;margin-top:4px}@media (max-width: 480px){.pos-login{padding:24px 16px}.pos-login-brand{font-size:24px}.pos-login-card{padding:28px 20px}}.pos-welcome{min-height:100vh;background:linear-gradient(135deg,#000,#1a1a1a);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;font-family:var(--pos-font-family, "Inter", -apple-system, sans-serif)}.pos-welcome-content{width:100%;max-width:480px}.pos-welcome-header{text-align:center;margin-bottom:40px}.pos-welcome-brand{margin:0;font-size:32px;font-weight:300;letter-spacing:4px;color:#bd982f}.pos-welcome-tagline{margin:12px 0 0;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#c1bfbd}.pos-welcome-card{background:#eae7e1;border-radius:12px;padding:40px;text-align:center}.pos-welcome-card h2{margin:0 0 12px;font-size:24px;font-weight:600;color:#000}.pos-welcome-card p{margin:0 0 24px;font-size:15px;line-height:1.6;color:#666}.pos-welcome-icon{width:64px;height:64px;margin:0 auto 24px;background:#bd982f1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px}.pos-welcome-error-icon{width:64px;height:64px;margin:0 auto 24px;background:#c832321a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#c83232}.pos-welcome-success-icon{width:80px;height:80px;margin:0 auto 24px;background:#bd982f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#000}.pos-welcome-invite-info{margin:24px 0;padding:20px;background:#00000008;border-radius:8px}.pos-welcome-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.pos-welcome-info-row:not(:last-child){border-bottom:1px solid rgba(0,0,0,.05)}.pos-welcome-info-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#999}.pos-welcome-info-value{font-size:14px;font-weight:500;color:#000}.pos-welcome-access-badge{display:inline-block;padding:4px 12px;background:#bd982f26;border-radius:4px;font-size:12px;font-weight:600;text-transform:capitalize;color:#bd982f}.pos-welcome-step-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:32px}.pos-step{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:#0000000d;color:#999}.pos-step.active{background:#bd982f;color:#000}.pos-step.completed{background:#000;color:#bd982f}.pos-step-line{width:60px;height:2px;background:#0000001a;margin:0 12px}.pos-step-line.completed{background:#000}.pos-welcome-form{text-align:left;margin:24px 0}.pos-welcome-field{margin-bottom:20px}.pos-welcome-label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}.pos-welcome-input{width:100%;padding:14px 16px;font-size:15px;border:2px solid rgba(0,0,0,.1);border-radius:6px;background:#fff;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.pos-welcome-input:focus{outline:none;border-color:#bd982f}.pos-welcome-input::placeholder{color:#bbb}.pos-welcome-error{margin-bottom:20px;padding:12px 16px;background:#c832321a;border:1px solid rgba(200,50,50,.2);border-radius:6px;color:#c83232;font-size:14px;text-align:center}.pos-welcome-help{font-size:13px;color:#999}.pos-welcome-note{margin:16px 0 0;font-size:12px;color:#999}.pos-welcome-divider{height:1px;background:#0000001a;margin:24px 0}.pos-welcome-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:inherit}.pos-welcome-btn:disabled{opacity:.6;cursor:not-allowed}.pos-welcome-btn-primary{background:#bd982f;color:#000}.pos-welcome-btn-primary:hover:not(:disabled){background:#a8872a}.pos-welcome-btn-secondary{background:transparent;color:#666;border:1px solid rgba(0,0,0,.15)}.pos-welcome-btn-secondary:hover:not(:disabled){border-color:#000;color:#000}.pos-welcome-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.pos-welcome-loading{text-align:center;padding:60px 20px;color:#c1bfbd}.pos-welcome-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#bd982f;border-radius:50%;animation:welcome-spin 1s linear infinite;margin:0 auto 16px}@keyframes welcome-spin{to{transform:rotate(360deg)}}.pos-welcome-success{animation:card-appear .5s ease}@keyframes card-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pos-welcome-confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;background:radial-gradient(circle at 50% 0%,rgba(189,152,47,.1),transparent 50%);animation:confetti-fade 2s ease forwards}@keyframes confetti-fade{0%{opacity:1}to{opacity:0}}.pos-install-icon{font-size:48px;margin-bottom:16px}.pos-install-success{text-align:center;padding:20px 0;animation:card-appear .4s ease}.pos-install-success-icon{width:72px;height:72px;margin:0 auto 20px;background:#bd982f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;animation:install-pop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes install-pop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.pos-install-native{padding:24px 0}.pos-install-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 40px;background:#bd982f;color:#000;border:none;border-radius:6px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;font-family:inherit}.pos-install-btn:hover:not(:disabled){background:#a8872a;transform:translateY(-2px)}.pos-install-btn:disabled{opacity:.7;cursor:wait}.pos-install-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:welcome-spin .8s linear infinite}.pos-install-instructions{background:#00000008;border-radius:8px;padding:20px;margin:20px 0;text-align:left}.pos-install-step{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.pos-install-step:last-child{margin-bottom:0}.pos-install-step-num{width:24px;height:24px;background:#bd982f;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.pos-install-step p{margin:0;font-size:14px;line-height:1.5;color:#333}.pos-install-ios-demo{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;margin-bottom:16px;background:#bd982f14;border-radius:8px}.pos-install-ios-demo span{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#bd982f}.pos-install-desktop{padding:20px;text-align:center}.pos-install-desktop p{margin:0 0 8px;font-size:15px;color:#333}.pos-install-desktop-hint{font-size:13px!important;color:#999!important}.pos-preview-banner{background:#bd982f26;border:2px dashed #BD982F;border-radius:8px;padding:12px;margin-bottom:24px;text-align:center}.pos-preview-banner>span{display:block;font-size:10px;font-weight:600;color:#bd982f;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.pos-preview-nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.pos-preview-nav button{width:32px;height:32px;border:1px solid #BD982F;background:#fff;border-radius:50%;font-size:12px;font-weight:600;color:#bd982f;cursor:pointer;transition:all .2s ease}.pos-preview-nav button:hover{background:#bd982f1a}.pos-preview-nav button.active{background:#bd982f;color:#000}@media (max-width: 520px){.pos-welcome{padding:24px 16px}.pos-welcome-brand{font-size:24px}.pos-welcome-card{padding:28px 20px}.pos-welcome-card h2{font-size:20px}.pos-welcome-actions{flex-direction:column}.pos-welcome-btn{width:100%}}.pos-selector{min-height:100vh;background:linear-gradient(135deg,#000,#1a1a1a);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;font-family:var(--pos-font-family, "Inter", -apple-system, sans-serif)}.pos-selector-content{width:100%;max-width:480px}.pos-selector-header{text-align:center;margin-bottom:40px}.pos-selector-brand{margin:0;font-size:32px;font-weight:300;letter-spacing:4px;color:#bd982f}.pos-selector-tagline{margin:12px 0 0;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#c1bfbd}.pos-selector-card{background:#eae7e1;border-radius:12px;padding:40px;text-align:center}.pos-selector-card h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#000}.pos-selector-card>p{margin:0 0 24px;font-size:15px;color:#666}.pos-selector-properties{display:flex;flex-direction:column;gap:12px}.pos-selector-property{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;border:2px solid rgba(0,0,0,.05);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:left}.pos-selector-property:hover{border-color:#bd982f;background:#bd982f0d}.pos-selector-property-info{display:flex;flex-direction:column;gap:4px}.pos-selector-property-name{font-size:15px;font-weight:600;color:#000}.pos-selector-property-customer{font-size:13px;color:#666}.pos-selector-property-access{padding:4px 10px;background:#bd982f26;border-radius:4px;font-size:11px;font-weight:600;text-transform:capitalize;color:#bd982f}.pos-selector-footer{margin-top:24px;padding-top:24px;border-top:1px solid rgba(0,0,0,.1)}.pos-selector-btn-link{background:none;border:none;color:#666;font-size:13px;cursor:pointer;font-family:inherit}.pos-selector-btn-link:hover{color:#000}.pos-selector-error-icon{width:64px;height:64px;margin:0 auto 24px;background:#c832321a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#c83232}.pos-selector-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(0,0,0,.15);border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:inherit;background:transparent;color:#666}.pos-selector-btn-secondary:hover{border-color:#000;color:#000}.pos-selector-loading{text-align:center;padding:60px 20px;color:#c1bfbd}.pos-selector-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#bd982f;border-radius:50%;animation:selector-spin 1s linear infinite;margin:0 auto 16px}@keyframes selector-spin{to{transform:rotate(360deg)}}@media (max-width: 520px){.pos-selector{padding:24px 16px}.pos-selector-brand{font-size:24px}.pos-selector-card{padding:28px 20px}}