.loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary, #0a0a0f)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-subtle, rgba(255, 255, 255, .1));border-top-color:var(--brand-primary, #7c3aed);border-radius:50%;animation:spin .8s linear infinite}.loading-text{margin-top:1rem;color:var(--text-muted, rgba(255, 255, 255, .6));font-size:.95rem}.moderation-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.moderation-sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--border-color)}.sidebar-header .material-symbols-outlined{font-size:28px;color:var(--primary-color)}.sidebar-header h2{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.sidebar-nav{display:flex;flex-direction:column;padding:12px;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--text-secondary);text-decoration:none;transition:all .2s}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--primary-color);color:#fff}.nav-item .material-symbols-outlined{font-size:20px}.moderation-content{flex:1;overflow:auto}.marketplace-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.marketplace-sidebar{width:260px;background:linear-gradient(180deg,#1e3a5f,#0f172a);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.marketplace-sidebar .sidebar-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.marketplace-sidebar .back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#ffffff1a;color:#ffffffb3;cursor:pointer;transition:all .2s}.marketplace-sidebar .back-btn:hover{background:#fff3;color:#fff}.marketplace-sidebar .sidebar-header .material-symbols-outlined{font-size:28px;color:#10b981}.marketplace-sidebar .sidebar-header h2{font-size:1.2rem;font-weight:600;color:#fff}.marketplace-sidebar .sidebar-nav{display:flex;flex-direction:column;padding:12px;gap:4px}.marketplace-sidebar .nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#ffffffb3;text-decoration:none;transition:all .2s}.marketplace-sidebar .nav-item:hover{background:#ffffff1a;color:#fff}.marketplace-sidebar .nav-item.active{background:#10b981;color:#fff}.marketplace-sidebar .nav-item .material-symbols-outlined{font-size:20px}.marketplace-content{flex:1;overflow:auto}.moderation-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:32px}.page-header h1{display:flex;align-items:center;gap:12px;font-size:1.8rem;margin-bottom:8px;color:var(--text-primary)}.page-header h1 .material-symbols-outlined{font-size:32px;color:var(--primary-color)}.page-header p{color:var(--text-secondary);font-size:1rem}.stats-section{margin-bottom:32px}.stats-section h2{font-size:1.1rem;color:var(--text-secondary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.stat-card.pending{border-left:4px solid #f59e0b}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.stat-icon .material-symbols-outlined{font-size:28px;color:var(--primary-color)}.stat-content{flex:1;display:flex;flex-direction:column}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.9rem;color:var(--text-secondary)}.stat-arrow{color:var(--text-muted)}.summary-grid{display:flex;gap:16px}.summary-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex:1}.summary-card.approved .material-symbols-outlined{font-size:32px;color:#10b981}.summary-card.rejected .material-symbols-outlined{font-size:32px;color:#ef4444}.summary-value{font-size:1.8rem;font-weight:700;color:var(--text-primary);display:block}.summary-label{font-size:.85rem;color:var(--text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:var(--text-secondary)}.filter-toolbar{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.filter-btn:hover{background:var(--bg-hover)}.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.items-table{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.items-table table{width:100%;border-collapse:collapse}.items-table th,.items-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.items-table th{background:var(--bg-primary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.items-table tr:last-child td{border-bottom:none}.items-table tr:hover td{background:var(--bg-hover)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:.75rem;font-weight:500}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.action-btn.approve{background:#d1fae5;color:#065f46}.action-btn.approve:hover{background:#10b981;color:#fff}.action-btn.reject{background:#fee2e2;color:#991b1b}.action-btn.reject:hover{background:#ef4444;color:#fff}.action-btn.visibility{background:var(--bg-primary);color:var(--text-secondary)}.action-btn.visibility:hover{background:var(--primary-color);color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;text-align:center;color:var(--text-secondary)}.marketplace-page{min-height:100vh}.hero-section{background:linear-gradient(135deg,#1e3a5f,#0f172a);padding:48px 32px;text-align:center}.hero-content h1{font-size:2.5rem;color:#fff;margin-bottom:8px}.hero-content p{color:#ffffffb3;font-size:1.1rem;margin-bottom:24px}.hero-search{display:flex;align-items:center;gap:12px;max-width:500px;margin:0 auto;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:14px 18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-search .material-symbols-outlined{color:#fff9}.hero-search input{flex:1;background:transparent;border:none;color:#fff;font-size:1rem;outline:none}.hero-search input::-moz-placeholder{color:#ffffff80}.hero-search input::placeholder{color:#ffffff80}.quick-links{display:flex;gap:16px;padding:24px 32px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.quick-link{display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all .2s;flex:1}.quick-link:hover{border-color:var(--primary-color);transform:translateY(-2px)}.quick-link .arrow{margin-left:auto;color:var(--text-muted)}.featured-section{padding:32px}.featured-section h2{font-size:1.3rem;margin-bottom:20px;color:var(--text-primary)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.featured-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s}.featured-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.card-image{height:160px;background:var(--bg-primary);display:flex;align-items:center;justify-content:center}.card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-image .placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.card-image .placeholder .material-symbols-outlined{font-size:48px;color:var(--text-muted)}.card-content{padding:16px}.type-badge{display:inline-block;padding:4px 10px;background:var(--primary-color);color:#fff;font-size:.75rem;border-radius:16px;margin-bottom:8px}.card-content h3{font-size:1.1rem;margin-bottom:6px;color:var(--text-primary)}.card-content p{font-size:.9rem;color:var(--text-secondary);margin-bottom:12px}.price{font-size:1.3rem;font-weight:700;color:#10b981}.list-page{padding:32px}.list-page h1{display:flex;align-items:center;gap:12px;font-size:1.8rem;margin-bottom:24px}.list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;text-align:center;color:var(--text-secondary)}.empty-state .material-symbols-outlined{font-size:64px;opacity:.5;margin-bottom:16px}.empty-state h3{font-size:1.2rem;margin-bottom:8px;color:var(--text-primary)}.public-layout{width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);margin:0;padding:0;overflow-x:hidden}.public-content{width:100%;display:flex;justify-content:center;align-items:center}.tooltip-wrapper{position:relative;display:inline-flex;z-index:auto}.tooltip{position:fixed;background-color:#111;color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;z-index:99999;pointer-events:none;box-shadow:0 4px 12px #0006;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s}.tooltip.visible{opacity:1;visibility:visible}.tooltip.position-right{left:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(-8px)}.tooltip.position-right.visible{transform:translateY(-50%) translate(0)}.tooltip.position-right:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#111}.tooltip.position-top{bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(4px)}.tooltip.position-top.visible{transform:translate(-50%) translateY(0)}.tooltip.position-top:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#111}.tooltip.position-bottom{top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(-4px)}.tooltip.position-bottom.visible{transform:translate(-50%) translateY(0)}.tooltip.position-bottom:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#111}.tooltip.variant-success{background-color:#3ba55d}.tooltip.variant-success.position-right:before{border-right-color:#3ba55d}.tooltip.variant-success.position-top:before{border-top-color:#3ba55d}.tooltip.variant-success.position-bottom:before{border-bottom-color:#3ba55d}.tooltip.variant-primary{background-color:#5865f2}.tooltip.variant-primary.position-right:before{border-right-color:#5865f2}.tooltip.variant-primary.position-top:before{border-top-color:#5865f2}.tooltip.variant-primary.position-bottom:before{border-bottom-color:#5865f2}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}#root{margin:0;padding:0;height:100vh;width:100vw}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--server-list-width: 72px;--action-list-width: 240px;--bg-darkest: #0a0a0f;--bg-darker: #13131a;--bg-dark: #1a1a24;--bg-medium: #2a2a3a;--bg-light: #3a3a4a;--border-color: #2a2a3a;--border-active: #5865f2;--text-primary: #ffffff;--text-secondary: #b9bbbe;--text-muted: #72767d;--accent-primary: #5865f2;--accent-success: #3ba55d;--accent-danger: #ed4245;--accent-warning: #faa61a}.three-column-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-darkest)}.server-list-column{width:var(--server-list-width);height:100%;background-color:var(--bg-darker);border-right:1px solid var(--border-color);flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px;overflow-y:auto;overflow-x:visible;position:relative;z-index:1}.server-list-column::-webkit-scrollbar{width:4px}.server-list-column::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:2px}.action-list-column{width:var(--action-list-width);height:100%;background-color:var(--bg-dark);border-right:1px solid var(--border-color);flex-shrink:0;display:flex;flex-direction:column;overflow:visible}.main-content-column{flex:1;height:100%;background-color:var(--bg-darkest);overflow-y:auto;overflow-x:hidden}.main-content-column::-webkit-scrollbar{width:8px}.main-content-column::-webkit-scrollbar-track{background:var(--bg-darkest)}.main-content-column::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.main-content-column::-webkit-scrollbar-thumb:hover{background:var(--bg-medium)}@media(max-width:768px){.server-list-column{position:absolute;left:0;top:0;z-index:100;transform:translate(-100%);transition:transform .3s ease}.action-list-column{position:absolute;left:var(--server-list-width);top:0;z-index:99;transform:translate(-100%);transition:transform .3s ease}.server-list-column.is-open,.action-list-column.is-open{transform:translate(0)}}.mobile-header-bar,.mobile-menu-toggle,.mobile-menu-overlay{display:none}@media(max-width:768px){.mobile-header-bar{display:flex;align-items:center;gap:16px;padding:12px 16px;background-color:var(--bg-dark);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:40;width:100%;height:64px;flex-shrink:0}.mobile-header-title{font-size:16px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-toggle{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:8px;background-color:var(--bg-medium);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;flex-shrink:0}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-toggle .material-symbols-outlined{font-size:24px}.mobile-menu-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;animation:fadeIn .15s ease}}.server-item{width:48px;height:48px;border-radius:50%;background-color:var(--bg-medium);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;color:var(--text-primary);font-size:20px;font-weight:700}.server-item:hover,.server-item.active{background-color:var(--accent-primary);border-radius:16px}.server-item.active:before{content:"";position:absolute;left:-12px;width:4px;height:40px;background-color:var(--text-primary);border-radius:0 4px 4px 0}.server-item.create-button{background-color:var(--accent-success);margin-top:8px}.server-item.create-button:hover{background-color:#2d8a4d;border-radius:16px}.server-item .material-symbols-outlined{font-size:24px}.server-divider{width:32px;height:2px;background-color:var(--border-color);border-radius:1px;margin:4px 0}.sidebar-business-header{padding:12px 16px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#6366f114,#8b5cf60a)}.sidebar-business-info{display:flex;align-items:center;gap:12px}.sidebar-business-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--accent-primary) 0%,#8b5cf6 100%);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.sidebar-business-avatar img{width:100%;height:100%;border-radius:10px;-o-object-fit:cover;object-fit:cover}.sidebar-business-details{flex:1;min-width:0}.sidebar-business-name{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-business-type{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.action-list-header{padding:16px;border-bottom:1px solid var(--border-color);background-color:var(--bg-dark)}.action-list-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.action-list-subtitle{font-size:12px;color:var(--text-muted);margin:4px 0 0}.action-list-content{flex:1;overflow-y:auto;overflow-x:visible;padding:8px 0}.action-list-content::-webkit-scrollbar{width:4px}.action-list-content::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:2px}.action-list-category{margin-bottom:16px}.action-list-category-header{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:color .15s ease}.action-list-category-header:hover{color:var(--text-secondary)}.action-list-category-header .material-symbols-outlined{font-size:12px}.action-list-nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--text-secondary);text-decoration:none;transition:all .15s ease;cursor:pointer;border-left:3px solid transparent;font-size:14px;font-weight:500;width:100%;background:none}.action-list-nav-item:hover{background-color:var(--bg-medium);color:var(--text-primary);border-left-color:var(--text-muted)}.action-list-nav-item.active{background-color:var(--bg-light);color:var(--accent-primary);border-left-color:var(--accent-primary)}.action-list-nav-item .material-symbols-outlined{font-size:20px;flex-shrink:0}.action-list-footer{padding:16px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.action-list-footer-button{width:100%;height:40px;border-radius:8px;background-color:var(--bg-medium);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;color:var(--text-primary);font-size:14px;font-weight:500}.action-list-footer-button:hover{background-color:var(--accent-primary)}.action-list-footer-button.success{background-color:var(--accent-success)}.action-list-footer-button.success:hover{background-color:#2d8a4d}.action-list-footer-button .material-symbols-outlined{font-size:20px}.sidebar-container{display:flex;height:100vh;width:100%;background-color:var(--bg-dark)}.sidebar-top{width:72px;height:100%;background-color:var(--bg-darker);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:12px;border-right:1px solid var(--border-color);flex-shrink:0;overflow-y:auto;overflow-x:hidden}.sidebar-center{width:240px;height:100%;background-color:var(--bg-dark);display:flex;flex-direction:column;border-right:1px solid var(--border-color);flex-shrink:0;overflow:hidden;position:relative}.sidebar-header{padding:16px;border-bottom:1px solid var(--border-color)}.sidebar-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.sidebar-subtitle{font-size:12px;color:var(--text-muted);margin:4px 0 0}.sidebar-bottom{margin-top:auto;padding:16px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.sidebar-server-button{width:48px;height:48px;border-radius:50%;background-color:var(--bg-medium);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;color:var(--text-primary);font-size:20px;font-weight:700}.sidebar-server-button:hover,.sidebar-server-button.active{background-color:var(--accent-primary);border-radius:16px}.sidebar-server-button.active:before{content:"";position:absolute;left:-12px;width:4px;height:40px;background-color:var(--text-primary);border-radius:0 4px 4px 0}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--text-secondary);text-decoration:none;transition:all .15s ease;cursor:pointer;border-left:3px solid transparent;font-size:14px;font-weight:500;width:100%;background:none}.sidebar-nav-item:hover{background-color:var(--bg-medium);color:var(--text-primary);border-left-color:var(--text-muted)}.sidebar-nav-item.active{background-color:var(--bg-light);color:var(--accent-primary);border-left-color:var(--accent-primary)}.sidebar-nav-item .material-symbols-outlined{font-size:20px;flex-shrink:0}.sidebar-category-header{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:color .15s ease}.sidebar-category-header:hover{color:var(--text-secondary)}.sidebar-action-button{width:100%;height:40px;border-radius:8px;background-color:var(--bg-medium);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;color:var(--text-primary);font-size:14px;font-weight:500}.sidebar-action-button:hover{background-color:var(--accent-primary)}.sidebar-action-button.success{background-color:var(--accent-success)}.sidebar-action-button.success:hover{background-color:#2d8a4d}.breadcrumbs{padding:.75rem 1.5rem;background:var(--bg-subtle, rgba(20, 20, 30, .5));border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .1))}.breadcrumbs-list{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.breadcrumb-link{color:var(--text-muted, rgba(255, 255, 255, .6));text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:var(--brand-primary, #7c3aed)}.breadcrumb-current{color:var(--text-primary, #ffffff);font-weight:500}.breadcrumb-separator{color:var(--text-muted, rgba(255, 255, 255, .4));-webkit-user-select:none;-moz-user-select:none;user-select:none}.admin-layout{display:flex!important;flex-direction:row!important;min-height:100vh;height:100vh;width:100%;background:var(--bg-primary);overflow:hidden}.admin-sidebar{width:280px;min-width:280px;max-width:280px;height:100%;background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.admin-sidebar-header{padding:24px 20px;border-bottom:1px solid var(--border-primary);display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.admin-sidebar-header .material-symbols-outlined{font-size:32px;color:var(--accent-primary)}.admin-sidebar-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.admin-sidebar-header p{margin:2px 0 0;font-size:12px;color:var(--text-muted)}.admin-nav{flex:1;padding:16px;display:flex;flex-direction:column;gap:6px}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;text-decoration:none;color:var(--text-secondary);transition:all .25s ease;border:1px solid transparent}.admin-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.admin-nav-item.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary, #7c3aed));color:#fff;border-color:transparent;box-shadow:0 4px 16px #6366f14d}.admin-nav-item .material-symbols-outlined{font-size:24px}.admin-nav-item-content{display:flex;flex-direction:column;gap:2px}.admin-nav-item-label{font-size:14px;font-weight:500}.admin-nav-item-desc{font-size:11px;opacity:.7}.admin-sidebar-footer{padding:16px;border-top:1px solid var(--border-primary);background:var(--bg-tertiary)}.admin-back-link{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;text-decoration:none;color:var(--text-muted);font-size:14px;transition:all .25s ease}.admin-back-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.admin-back-link .material-symbols-outlined{font-size:20px}.admin-content{flex:1;height:100%;padding:0;overflow-y:auto;overflow-x:hidden;background:var(--bg-primary)}@media(max-width:900px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;min-width:100%;max-width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-primary)}.admin-nav{flex-direction:row;overflow-x:auto;padding:12px;gap:8px}.admin-nav-item{padding:10px 14px;white-space:nowrap}.admin-nav-item-desc,.admin-sidebar-footer{display:none}}.access-denied-screen,.upgrade-plan-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary, #0a0a0f);padding:2rem}.access-denied-container,.upgrade-plan-container{max-width:600px;width:100%;text-align:center;background:var(--bg-card, rgba(30, 30, 40, .6));border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));border-radius:16px;padding:3rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.access-denied-icon,.upgrade-plan-icon{width:120px;height:120px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ef44441a,#dc26261a);border:2px solid rgba(239,68,68,.3);border-radius:50%}.upgrade-plan-icon{background:linear-gradient(135deg,#7c3aed1a,#6d28d91a);border-color:#7c3aed4d}.access-denied-icon .material-symbols-outlined,.upgrade-plan-icon .material-symbols-outlined{font-size:4rem;color:var(--status-error, #ef4444)}.upgrade-plan-icon .material-symbols-outlined{color:var(--brand-primary, #7c3aed)}.access-denied-title,.upgrade-plan-title{font-size:2rem;font-weight:700;color:var(--text-primary, #ffffff);margin-bottom:1rem}.access-denied-message,.upgrade-plan-message{font-size:1.125rem;color:var(--text-muted, rgba(255, 255, 255, .7));margin-bottom:1.5rem;line-height:1.6}.access-denied-role,.upgrade-plan-current{display:inline-block;padding:.5rem 1rem;background:var(--bg-subtle, rgba(20, 20, 30, .8));border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));border-radius:8px;margin-bottom:2rem;color:var(--text-muted, rgba(255, 255, 255, .7));font-size:.95rem}.access-denied-role strong,.upgrade-plan-current strong{color:var(--brand-primary, #7c3aed);font-weight:600}.upgrade-plan-benefits{text-align:left;margin:2rem 0;padding:1.5rem;background:var(--bg-subtle, rgba(20, 20, 30, .5));border-radius:12px;border:1px solid var(--border-subtle, rgba(255, 255, 255, .05))}.upgrade-plan-benefits h3{font-size:1.125rem;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:1rem}.upgrade-plan-benefits ul{list-style:none;padding:0;margin:0}.upgrade-plan-benefits li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:var(--text-normal, rgba(255, 255, 255, .9));font-size:.95rem}.upgrade-plan-benefits li .material-symbols-outlined{color:var(--status-success, #10b981);font-size:1.5rem}.access-denied-actions,.upgrade-plan-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.access-denied-actions button,.upgrade-plan-actions button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:linear-gradient(135deg,var(--brand-primary, #7c3aed),var(--brand-secondary, #6d28d9));color:#fff;box-shadow:0 4px 12px #7c3aed4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed66}.btn-secondary{background:var(--bg-card, rgba(30, 30, 40, .8));color:var(--text-primary, #ffffff);border:1px solid var(--border-subtle, rgba(255, 255, 255, .2))}.btn-secondary:hover{background:var(--bg-hover, rgba(40, 40, 50, .8));border-color:var(--border-hover, rgba(255, 255, 255, .3))}.btn-primary .material-symbols-outlined,.btn-secondary .material-symbols-outlined{font-size:1.25rem}.access-denied-help{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .1))}.access-denied-help p{color:var(--text-muted, rgba(255, 255, 255, .6));font-size:.875rem;margin:.5rem 0}.access-denied-help p:first-child{font-weight:600;color:var(--text-normal, rgba(255, 255, 255, .8))}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary, #0a0a0f)}.not-found-container{text-align:center;padding:2rem}.not-found-title{font-size:6rem;font-weight:700;color:var(--brand-primary, #7c3aed);margin:0 0 1rem;line-height:1}.not-found-message{font-size:1.5rem;color:var(--text-muted, rgba(255, 255, 255, .7));margin:0 0 2rem}.not-found-link{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--brand-primary, #7c3aed),var(--brand-secondary, #6d28d9));color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:transform .2s ease}.not-found-link:hover{transform:translateY(-2px)}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.form-input,.form-textarea,.form-select,.form-multiselect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}.form-input:focus,.form-textarea:focus,.form-select:focus,.form-multiselect:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#6b7280;opacity:1}.form-input::placeholder,.form-textarea::placeholder{color:#6b7280;opacity:1}.form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.form-input::-webkit-datetime-edit{display:inline-flex}.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.inset-y-0{top:0;bottom:0}.left-0{left:0}.left-3{left:.75rem}.right-1{right:.25rem}.right-3{right:.75rem}.top-1{top:.25rem}.top-3{top:.75rem}.z-30{z-index:30}.z-\[100000\]{z-index:100000}.z-\[99999\]{z-index:99999}.col-span-2{grid-column:span 2 / span 2}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-8{margin-left:2rem;margin-right:2rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.contents{display:contents}.size-2\.5{width:.625rem;height:.625rem}.size-9{width:2.25rem;height:2.25rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-64{height:16rem}.h-\[420px\]{height:420px}.h-auto{height:auto}.min-h-\[2\.5em\]{min-height:2.5em}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\/3{width:33.333333%}.w-20{width:5rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[350px\]{width:350px}.w-\[40px\]{width:40px}.w-fit{width:-moz-fit-content;width:fit-content}.max-w-4xl{max-width:56rem}.max-w-\[100px\]{max-width:100px}.max-w-\[80px\]{max-width:80px}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-baseline{align-items:baseline}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-discord-tertiary>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(17 18 20 / var(--tw-divide-opacity, 1))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.divide-slate-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(241 245 249 / var(--tw-divide-opacity, 1))}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-blue-600\/30{border-color:#2563eb4d}.border-blue-800{--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.border-blue-900\/30{border-color:#1e3a8a4d}.border-blue-900\/50{border-color:#1e3a8a80}.border-brand-primary{--tw-border-opacity: 1;border-color:rgb(88 101 242 / var(--tw-border-opacity, 1))}.border-discord-dark{--tw-border-opacity: 1;border-color:rgb(30 31 34 / var(--tw-border-opacity, 1))}.border-discord-secondary{--tw-border-opacity: 1;border-color:rgb(26 27 30 / var(--tw-border-opacity, 1))}.border-discord-tertiary{--tw-border-opacity: 1;border-color:rgb(17 18 20 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-green-500\/20{border-color:#22c55e33}.border-green-600\/30{border-color:#16a34a4d}.border-primary{--tw-border-opacity: 1;border-color:rgb(88 101 242 / var(--tw-border-opacity, 1))}.border-purple-400{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.border-red-500\/20{border-color:#ef444433}.border-red-500\/30{border-color:#ef44444d}.border-status-dnd\/30{border-color:#ed42454d}.border-status-online\/20{border-color:#3ba55c33}.border-status-online\/30{border-color:#3ba55c4d}.border-teal-500{--tw-border-opacity: 1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-yellow-700\/30{border-color:#a162074d}.border-yellow-700\/50{border-color:#a1620780}.bg-\[\#1a1c23\]{--tw-bg-opacity: 1;background-color:rgb(26 28 35 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-600\/20{background-color:#2563eb33}.bg-blue-900\/10{background-color:#1e3a8a1a}.bg-blue-900\/20{background-color:#1e3a8a33}.bg-blue-900\/40{background-color:#1e3a8a66}.bg-brand-primary{--tw-bg-opacity: 1;background-color:rgb(88 101 242 / var(--tw-bg-opacity, 1))}.bg-discord-darker{--tw-bg-opacity: 1;background-color:rgb(26 27 30 / var(--tw-bg-opacity, 1))}.bg-discord-darkest{--tw-bg-opacity: 1;background-color:rgb(17 18 20 / var(--tw-bg-opacity, 1))}.bg-discord-primary{--tw-bg-opacity: 1;background-color:rgb(30 31 34 / var(--tw-bg-opacity, 1))}.bg-discord-secondary{--tw-bg-opacity: 1;background-color:rgb(26 27 30 / var(--tw-bg-opacity, 1))}.bg-discord-tertiary{--tw-bg-opacity: 1;background-color:rgb(17 18 20 / var(--tw-bg-opacity, 1))}.bg-discord-tertiary\/20{background-color:#11121433}.bg-discord-tertiary\/30{background-color:#1112144d}.bg-discord-tertiary\/40{background-color:#11121466}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-700\/50{background-color:#37415180}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-gray-900\/50{background-color:#11182780}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-green-600\/20{background-color:#16a34a33}.bg-orange-400{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(88 101 242 / var(--tw-bg-opacity, 1))}.bg-primary\/20{background-color:#5865f233}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-500\/20{background-color:#a855f733}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/90{background-color:#ef4444e6}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-status-dnd{--tw-bg-opacity: 1;background-color:rgb(237 66 69 / var(--tw-bg-opacity, 1))}.bg-status-online\/10{background-color:#3ba55c1a}.bg-status-online\/20{background-color:#3ba55c33}.bg-teal-100{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-yellow-900\/20{background-color:#713f1233}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-brand-primary{--tw-gradient-from: #5865F2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(88 101 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-600{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-brand-accent{--tw-gradient-to: #EB459E var(--tw-gradient-to-position)}.to-indigo-100{--tw-gradient-to: #e0e7ff var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to: #0d9488 var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.fill-white{fill:#fff}.stroke-blue-500{stroke:#3b82f6}.stroke-\[3px\]{stroke-width:3px}.p-0{padding:0}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2\.5{padding:.625rem}.p-8{padding:2rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.align-middle{vertical-align:middle}.align-text-bottom{vertical-align:text-bottom}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.\!text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-normal{font-weight:400}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-5{line-height:1.25rem}.tracking-tight{letter-spacing:-.025em}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-200{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-brand-primary{--tw-text-opacity: 1;color:rgb(88 101 242 / var(--tw-text-opacity, 1))}.text-content-muted{--tw-text-opacity: 1;color:rgb(92 94 98 / var(--tw-text-opacity, 1))}.text-content-primary{--tw-text-opacity: 1;color:rgb(232 233 234 / var(--tw-text-opacity, 1))}.text-content-secondary{--tw-text-opacity: 1;color:rgb(181 182 184 / var(--tw-text-opacity, 1))}.text-discord-tertiary{--tw-text-opacity: 1;color:rgb(17 18 20 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(88 101 242 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-status-dnd{--tw-text-opacity: 1;color:rgb(237 66 69 / var(--tw-text-opacity, 1))}.text-status-online{--tw-text-opacity: 1;color:rgb(59 165 92 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.text-yellow-200\/70{color:#fef08ab3}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.placeholder-slate-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}.placeholder-slate-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[-4px_0_4px_-4px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow: -4px 0 4px -4px rgba(0,0,0,.5);--tw-shadow-colored: -4px 0 4px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-blue-900\/20{--tw-shadow-color: rgb(30 58 138 / .2);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-brand-primary\/50{--tw-ring-color: rgb(88 101 242 / .5)}.ring-transparent{--tw-ring-color: transparent}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.placeholder\:text-content-muted\/50::-moz-placeholder{color:#5c5e6280}.placeholder\:text-content-muted\/50::placeholder{color:#5c5e6280}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:border:after{content:var(--tw-content);border-width:1px}.after\:border-gray-300:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.hover\:border-discord-tertiary\/80:hover{border-color:#111214cc}.hover\:border-gray-500:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-500\/30:hover{background-color:#3b82f64d}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600\/30:hover{background-color:#2563eb4d}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-dark:hover{--tw-bg-opacity: 1;background-color:rgb(60 69 165 / var(--tw-bg-opacity, 1))}.hover\:bg-brand-hover:hover{--tw-bg-opacity: 1;background-color:rgb(71 82 196 / var(--tw-bg-opacity, 1))}.hover\:bg-discord-tertiary\/80:hover{background-color:#111214cc}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.hover\:bg-green-500:hover{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.hover\:bg-green-500\/20:hover{background-color:#22c55e33}.hover\:bg-green-600\/30:hover{background-color:#16a34a4d}.hover\:bg-modifier-hover:hover{background-color:#ffffff08}.hover\:bg-purple-500\/30:hover{background-color:#a855f74d}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:from-blue-700:hover{--tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-green-700:hover{--tw-gradient-from: #15803d var(--tw-gradient-from-position);--tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-purple-700:hover{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.hover\:to-teal-700:hover{--tw-gradient-to: #0f766e var(--tw-gradient-to-position)}.hover\:text-content-primary:hover{--tw-text-opacity: 1;color:rgb(232 233 234 / var(--tw-text-opacity, 1))}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.hover\:text-green-500:hover{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.hover\:text-primary:hover{--tw-text-opacity: 1;color:rgb(88 101 242 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:ring-primary:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(88 101 242 / var(--tw-ring-opacity, 1))}.focus\:border-brand-primary:focus{--tw-border-opacity: 1;border-color:rgb(88 101 242 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-brand-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(88 101 242 / var(--tw-ring-opacity, 1))}.focus\:ring-green-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}.focus\:ring-primary\/20:focus{--tw-ring-color: rgb(88 101 242 / .2)}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-status-dnd:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(237 66 69 / var(--tw-ring-opacity, 1))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.group:focus-within .group-focus-within\:text-primary{--tw-text-opacity: 1;color:rgb(88 101 242 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:rotate-12{--tw-rotate: 12deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.peer:checked~.peer-checked\:bg-brand-primary{--tw-bg-opacity: 1;background-color:rgb(88 101 242 / var(--tw-bg-opacity, 1))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.dark\:divide-gray-800:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(31 41 55 / var(--tw-divide-opacity, 1))}.dark\:divide-slate-800:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(30 41 59 / var(--tw-divide-opacity, 1))}.dark\:border-\[\#1a2230\]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(26 34 48 / var(--tw-border-opacity, 1))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:bg-\[\#1a2230\]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(26 34 48 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-red-900\/30:is(.dark *){background-color:#7f1d1d4d}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:from-gray-900:is(.dark *){--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:to-gray-800:is(.dark *){--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.dark\:fill-slate-900:is(.dark *){fill:#0f172a}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-slate-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}@media(min-width:640px){.sm\:block{display:block}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media(min-width:768px){.md\:hidden{display:none}.md\:h-12{height:3rem}.md\:h-8{height:2rem}.md\:w-12{width:3rem}.md\:w-8{width:2rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg\:hidden{display:none}.lg\:justify-start{justify-content:flex-start}}:root{--bg-main: #f2f3f5;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-tertiary: #e3e5e8;--bg-overlay: rgba(0, 0, 0, .04);--text-primary: #060607;--text-secondary: #4e5058;--text-muted: #80848e;--text-inverse: #ffffff;--border-color: rgba(6, 6, 7, .08);--border-subtle: rgba(6, 6, 7, .04);--accent-primary: #5865f2;--accent-hover: #4752c4;--accent-active: #3c45a5;--accent-secondary: #eb459e;--status-success: #23a55a;--status-warning: #f0b232;--status-danger: #f23f43;--status-info: #00a8fc;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(88, 101, 242, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}.dark,html.dark{--bg-main: #313338;--bg-card: #2b2d31;--bg-elevated: #1e1f22;--bg-tertiary: #1e1f22;--bg-overlay: rgba(0, 0, 0, .3);--text-primary: #f2f3f5;--text-secondary: #b5bac1;--text-muted: #80848e;--text-inverse: #060607;--border-color: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .04);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .7)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}input:where([type=text]):focus,input:where(:not([type])):focus,input:where([type=email]):focus,input:where([type=url]):focus,input:where([type=password]):focus,input:where([type=number]):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=month]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=time]):focus,input:where([type=week]):focus,select:where([multiple]):focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media(forced-colors:active){input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media(forced-colors:active){input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media(forced-colors:active){input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-normal);overflow:hidden}*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root,html.dark{--brand-primary: #5865F2;--brand-hover: #4752C4;--brand-dark: #3c45a5;--brand-accent: #EB459E;--bg-primary: #1e1f22;--bg-secondary: #1a1b1e;--bg-tertiary: #111214;--bg-floating: #0d0e10;--bg-darkest: #0a0b0c;--text-normal: #e8e9ea;--text-secondary: #b5b6b8;--text-muted: #5c5e62;--text-header: #ffffff;--status-positive: #3ba55c;--status-warning: #faa61a;--status-danger: #ed4245;--status-offline: #4e5058;--border-subtle: rgba(255, 255, 255, .02);--border-normal: rgba(255, 255, 255, .05);--hover-overlay: rgba(255, 255, 255, .03);--active-overlay: rgba(255, 255, 255, .06);--selected-overlay: rgba(88, 101, 242, .15)}html.light{--brand-primary: #5865F2;--brand-hover: #4752C4;--brand-dark: #3c45a5;--brand-accent: #EB459E;--bg-primary: #ffffff;--bg-secondary: #f2f3f5;--bg-tertiary: #e3e5e8;--bg-floating: #ffffff;--bg-darkest: #f9fafb;--text-normal: #2e3338;--text-secondary: #4e5058;--text-muted: #80848e;--text-header: #060607;--status-positive: #3ba55c;--status-warning: #faa61a;--status-danger: #ed4245;--status-offline: #80848e;--border-subtle: rgba(0, 0, 0, .05);--border-normal: rgba(0, 0, 0, .1);--hover-overlay: rgba(0, 0, 0, .03);--active-overlay: rgba(0, 0, 0, .06);--selected-overlay: rgba(88, 101, 242, .1)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}html.dark{color-scheme:dark;background-color:var(--bg-darkest);color:var(--text-normal)}html.dark body{background-color:var(--bg-darkest);color:var(--text-normal)}html.light{color-scheme:light;background-color:var(--bg-primary);color:var(--text-normal)}html.light body{background-color:var(--bg-primary);color:var(--text-normal)}html.light{color-scheme:light}html.light .glass-dark{border-color:#0000000d;background-color:#ffffffe6;--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-width:1px}html.light .channel-active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}::-webkit-scrollbar-thumb{background:#202225;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#40444b}.dark ::-webkit-scrollbar-thumb{background:#202225}.dark ::-webkit-scrollbar-thumb:hover{background:#40444b}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#0006}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=time],input[type=datetime-local],textarea,select{width:100%;height:2.5rem;padding:0 .75rem;background-color:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;line-height:1.5;transition:all var(--transition-fast);outline:none;box-sizing:border-box}input[type=text]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=search]::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted);opacity:1}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,input[type=search]::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=search]:focus,input[type=date]:focus,input[type=time]:focus,input[type=datetime-local]:focus,textarea:focus,select:focus{background-color:var(--bg-card);border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-overlay)}textarea{height:auto;min-height:6rem;padding:.625rem .75rem;resize:vertical;line-height:1.5}select{cursor:pointer;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2380848e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;border:2px solid var(--border-color);background-color:var(--bg-tertiary);cursor:pointer;transition:all var(--transition-fast)}input[type=checkbox]{border-radius:var(--radius-sm)}input[type=radio]{border-radius:var(--radius-full)}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}input[type=checkbox]:focus,input[type=radio]:focus{outline:2px solid var(--accent-primary);outline-offset:2px}input[type=file]{padding:.5rem;background-color:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer}input[type=file]:hover{border-color:var(--accent-primary)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-tertiary) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}html,body{height:100vh;width:100vw;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}#root{height:100%;width:100%;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.app-content{flex:1;display:flex;overflow:hidden;height:100%}.page-layout{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.page-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%}.app-layout{display:flex;height:100%;width:100%;overflow:hidden}.server-bar,.action-bar{flex-shrink:0;height:100%;overflow-y:auto}.main-content{flex:1;height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}.h-full{height:100%!important}.w-full{width:100%!important}.flex-1{flex:1!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important;overflow-x:hidden!important}html,body,#root{min-height:100vh;height:100%;margin:0;padding:0;background-color:var(--bg-darkest, #0f0f14)}#root{display:flex;flex-direction:column}.app-container,.app-layout,.main-layout{min-height:100vh;height:100%;display:flex;flex-direction:row;background-color:var(--bg-darkest, #0f0f14)}.main-content,.page-content,.business-content{flex:1;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-main, #1a1b26)}.page-layout{flex:1;min-height:100%;display:flex;flex-direction:column;background-color:var(--bg-main, #1a1b26)}.inventory-container,.dashboard-container,.pos-container,.clients-container,.employees-container,.settings-container,.cashflow-container,.reports-container{flex:1;min-height:100%;display:flex;flex-direction:column;background-color:var(--bg-darkest, #0f0f14)}.inventory-main-content,.dashboard-main,.pos-main,.clients-main{flex:1;display:flex;min-height:0;overflow:hidden}.inventory-right-panel,.dashboard-right,.pos-products-area{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.products-list-container,.inventory-table-container,.dashboard-grid,.clients-list{flex:1;overflow-y:auto;overflow-x:hidden}.user-menu,.dropdown-menu,.context-menu,.popover-content{position:fixed!important;z-index:9999!important}.sidebar,.server-bar,.action-bar{overflow:visible}.pos-layout{display:flex;height:100%;width:100%;gap:0}.pos-products-section{flex:7;display:flex;flex-direction:column;min-height:0;overflow:hidden;background-color:var(--bg-main)}.pos-cart-section,.pos-ticket-section{flex:3;min-width:350px;max-width:450px;display:flex;flex-direction:column;background-color:var(--bg-darker);border-left:1px solid var(--border-color)}.products-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px}.pos-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:16px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-muted)}.empty-state-icon{font-size:64px;color:var(--text-muted);opacity:.3;margin-bottom:16px}.empty-state-title{font-size:18px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.empty-state-description{font-size:14px;color:var(--text-muted);max-width:400px}body[data-route-type=global] .business-sidebar,body[data-route-type=global] .business-nav{display:none}body[data-route-type=global] .global-sidebar{display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-main);padding:1rem}.auth-card{width:100%;max-width:420px;margin:0 auto}.form-vertical{display:flex;flex-direction:column;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.center-content{display:flex;align-items:center;justify-content:center}.center-text{text-align:center}.space-y-sm>*+*{margin-top:.5rem}.space-y-md>*+*{margin-top:1rem}.space-y-lg>*+*{margin-top:1.5rem}.container-xs{max-width:320px;margin:0 auto}.container-sm{max-width:420px;margin:0 auto}.container-md{max-width:640px;margin:0 auto}.container-lg{max-width:960px;margin:0 auto}.container-xl{max-width:1280px;margin:0 auto}.app-layout{display:flex;height:100vh;background-color:var(--bg-main);overflow:hidden}.server-bar{width:4.5rem;background-color:var(--bg-elevated);display:flex;flex-direction:column;align-items:center;padding:.75rem 0;gap:.5rem;border-right:1px solid var(--border-subtle);overflow-y:auto}.server-bar::-webkit-scrollbar{width:0}.server-icon{width:3rem;height:3rem;border-radius:var(--radius-xl);background-color:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative}.server-icon:hover,.server-icon.active{background-color:var(--accent-primary);border-radius:var(--radius-md)}.server-icon.active:before{content:"";position:absolute;left:-.75rem;width:.25rem;height:2.5rem;background-color:var(--accent-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.server-icon-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.server-icon-text{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.server-divider{width:2rem;height:2px;background-color:var(--border-color);border-radius:var(--radius-full);margin:.25rem 0}.server-sidebar{width:15rem;background-color:var(--bg-card);display:flex;flex-direction:column;border-right:1px solid var(--border-subtle)}.server-sidebar-header{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);font-weight:600;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;min-height:3rem}.server-sidebar-content{flex:1;overflow-y:auto;padding:.5rem}.channel-list{display:flex;flex-direction:column;gap:.125rem}.channel-category{padding:.5rem .5rem .25rem;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between}.channel-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.channel-item:hover,.channel-item.active{background-color:var(--bg-overlay);color:var(--text-primary)}.channel-icon{font-size:1.25rem;color:var(--text-muted)}.channel-name{flex:1;font-size:.875rem;font-weight:500}.channel-header{height:3rem;padding:0 1rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-card)}.channel-header-left{display:flex;align-items:center;gap:.5rem}.channel-header-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.channel-header-description{font-size:.875rem;color:var(--text-muted)}.channel-header-right{display:flex;align-items:center;gap:.5rem}.channel-header-button{width:2rem;height:2rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:none;border:none}.channel-header-button:hover{background-color:var(--bg-overlay);color:var(--text-primary)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%}.business-tooltip{position:absolute;left:100%;margin-left:.5rem;background-color:var(--bg-elevated);padding:.5rem .75rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);white-space:nowrap;font-size:.875rem;font-weight:500;color:var(--text-primary);pointer-events:none;z-index:1000}.server-entry-screen{display:flex;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-main);padding:1rem}.server-entry-card{max-width:24rem;width:100%;background-color:var(--bg-card);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);text-align:center;border:1px solid var(--border-color)}.server-entry-icon{width:5rem;height:5rem;margin:0 auto 1.5rem;background-color:var(--bg-tertiary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle)}.server-entry-icon span{font-size:2.5rem;font-weight:700;color:var(--accent-primary)}.server-entry-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.server-entry-description{font-size:.875rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.5}.server-entry-compact-list{display:flex;gap:1.5rem;justify-content:center;align-items:center;margin-top:1.5rem}.server-entry-mode-btn{position:relative;width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);border:2px solid transparent;cursor:pointer;transition:all .2s ease-out;color:#fff;box-shadow:var(--shadow-md)}.server-entry-mode-btn:hover{transform:translateY(-.25rem);box-shadow:var(--shadow-lg);z-index:10;border-color:currentColor}.server-entry-mode-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.server-entry-mode-icon{font-size:2rem}.server-entry-tooltip{position:absolute;bottom:110%;left:50%;transform:translate(-50%) translateY(10px);background-color:#111214;border:1px solid rgba(255,255,255,.1);padding:.75rem 1rem;border-radius:var(--radius-md);width:180px;opacity:0;visibility:hidden;transition:all .2s ease-out;pointer-events:none;box-shadow:0 10px 15px -3px #00000080;text-align:center;z-index:20}.server-entry-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#111214 transparent transparent transparent}.server-entry-mode-btn:hover .server-entry-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.server-entry-tooltip-title{font-weight:700;color:#fff;margin-bottom:.25rem;font-size:.875rem}.server-entry-tooltip-desc{font-size:.75rem;color:var(--text-muted);line-height:1.3}.server-mode-tooltip{background-color:#111214;padding:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0006;border:1px solid rgba(255,255,255,.1);display:flex;gap:.5rem;animation:fadeIn .2s ease-out forwards}.server-mode-btn{padding:.75rem;border-radius:var(--radius-md);transition:background-color var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:.25rem;width:5rem;cursor:pointer;background:transparent;border:none}.server-mode-btn:hover{background-color:#ffffff1a}.server-mode-btn span.material-symbols-outlined{font-size:1.75rem;transition:transform .2s cubic-bezier(.4,0,.2,1)}.server-mode-btn:hover span.material-symbols-outlined{transform:scale(1.15)}.server-mode-label{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;transition:color .2s}.server-mode-btn:hover .server-mode-label{color:#fff}.server-mode-btn.chat{color:#5865f2}.server-mode-btn.admin{color:#10b981}.server-mode-btn.pos{color:#f97316}@media(max-width:768px){.server-bar{width:3.5rem}.server-icon{width:2.5rem;height:2.5rem}.server-sidebar{width:12rem}}.card-container{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.card-default{background-color:var(--bg-card);border:1px solid var(--border-subtle)}.card-elevated{background-color:var(--bg-elevated);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.card-floating{background-color:var(--bg-elevated);border:1px solid var(--border-color);box-shadow:var(--shadow-xl)}.card-outline{background-color:transparent;border:1px solid var(--border-color)}.card-ghost{background-color:transparent;border:none}.card-gaming{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-elevated) 100%);border:1px solid var(--accent-primary);box-shadow:0 0 20px #5865f226}.card-padding-none{padding:0}.card-padding-compact{padding:var(--space-md)}.card-padding-normal{padding:var(--space-lg)}.card-padding-spacious{padding:var(--space-xl)}.card-header{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1.4}.card-description{font-size:.875rem;color:var(--text-muted);line-height:1.5}.card-content{color:var(--text-primary)}.card-footer{display:flex;align-items:center;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);gap:var(--space-sm)}.card-hoverable{cursor:pointer}.card-hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:var(--accent-primary)}.card-hoverable:active{transform:translateY(0)}.card-interactive{position:relative;overflow:hidden}.card-interactive:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(88,101,242,.1),transparent);transition:left var(--transition-slow)}.card-interactive:hover:before{left:100%}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border-radius:var(--radius-sm);font-weight:500;transition:all var(--transition-fast);cursor:pointer;border:none;outline:none;position:relative;overflow:hidden}.btn-base:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-base:active:before{width:300px;height:300px}.btn-base:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn-base:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);box-shadow:0 4px 12px #5865f266}.btn-primary:active:not(:disabled){background-color:var(--accent-active)}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--accent-primary)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover:not(:disabled){background-color:var(--bg-overlay);border-color:var(--accent-primary);color:var(--accent-primary)}.btn-ghost{background-color:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-overlay)}.btn-danger{background-color:var(--status-danger);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){opacity:.9;box-shadow:0 4px 12px #f23f4366}.btn-success{background-color:var(--status-success);color:var(--text-inverse)}.btn-success:hover:not(:disabled){opacity:.9;box-shadow:0 4px 12px #23a55a66}.btn-xs{height:1.75rem;padding:0 var(--space-sm);font-size:.75rem}.btn-sm{height:2rem;padding:0 var(--space-md);font-size:.875rem}.btn-md{height:2.5rem;padding:0 var(--space-lg);font-size:.875rem}.btn-lg{height:2.75rem;padding:0 var(--space-xl);font-size:1rem}.btn-xl{height:3rem;padding:0 var(--space-2xl);font-size:1rem}.btn-full-width{width:100%}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite;color:var(--text-inverse)}.btn-glow{box-shadow:0 0 20px #5865f280;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #5865f280}50%{box-shadow:0 0 30px #5865f2cc}}.text-h1{font-size:2.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.text-h2{font-size:1.875rem;font-weight:700;color:var(--text-primary);line-height:1.3}.text-h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);line-height:1.4}.text-h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1.4}.text-body{font-size:1rem;color:var(--text-primary);line-height:1.5}.text-body-sm{font-size:.875rem;color:var(--text-primary);line-height:1.5}.text-label{font-size:.625rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.text-value{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.text-value-lg{font-size:2rem;font-weight:600;color:var(--text-primary)}.text-caption{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.text-muted{font-size:.875rem;color:var(--text-muted);line-height:1.5}.text-light{font-weight:300}.text-normal{font-weight:400}.text-medium{font-weight:500}.text-semibold{font-weight:600}.text-bold{font-weight:700}.text-primary-color{color:var(--text-primary)}.text-secondary-color{color:var(--text-secondary)}.text-muted-color{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--status-success)}.text-warning{color:var(--status-warning)}.text-danger{color:var(--status-danger)}.input-base{width:100%;padding:0 var(--space-sm);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast);outline:none}.input-base::-moz-placeholder{color:var(--text-muted)}.input-base::placeholder{color:var(--text-muted)}.input-base:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #5865f21a}.input-base:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-overlay)}.input-sm{height:2rem;font-size:.875rem}.input-md{height:2.5rem;font-size:1rem}.input-lg{height:3rem;font-size:1.125rem}.input-outline{background-color:transparent;border:1px solid var(--border-color)}.input-outline:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #5865f21a}.input-error{border-color:var(--status-danger)}.input-error:focus{border-color:var(--status-danger);box-shadow:0 0 0 3px #ed42451a}.input-success{border-color:var(--status-success)}.input-success:focus{border-color:var(--status-success);box-shadow:0 0 0 3px #3ba55c1a}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:.625rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.form-helper{font-size:.75rem;color:var(--text-muted)}.form-error{font-size:.75rem;color:var(--status-danger)}.badge-base{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:500;transition:all var(--transition-fast)}.badge-default{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.badge-success{background-color:#3ba55c1a;color:var(--status-success);border:1px solid rgba(59,165,92,.2)}.badge-warning{background-color:#faa61a1a;color:var(--status-warning);border:1px solid rgba(250,166,26,.2)}.badge-danger{background-color:#ed42451a;color:var(--status-danger);border:1px solid rgba(237,66,69,.2)}.badge-info{background-color:#5865f21a;color:var(--accent-primary);border:1px solid rgba(88,101,242,.2)}.badge-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.badge-sm{padding:.125rem .5rem;font-size:.625rem}.badge-md{padding:.25rem .625rem;font-size:.75rem}.badge-lg{padding:.375rem .75rem;font-size:.875rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:11000!important;padding:1rem;animation:fadeIn .2s ease-out}.modal-container{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:28rem;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.modal-close{width:2rem;height:2rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--bg-overlay);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-body-centered{padding:1.5rem;text-align:center}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);display:flex;gap:.75rem;justify-content:flex-end}.modal-footer-centered{padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);display:flex;gap:.75rem;justify-content:center}.modal-container.modal-sm{max-width:20rem}.modal-container.modal-md{max-width:28rem}.modal-container.modal-lg{max-width:42rem}.modal-container.modal-xl{max-width:56rem}.modal-container.modal-full{max-width:90vw;max-height:90vh}.modal-icon{width:4rem;height:4rem;margin:0 auto 1rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary)}.modal-icon.success{background-color:#23a55a33;color:var(--status-success)}.modal-icon.error{background-color:#ed424533;color:var(--status-danger)}.modal-icon.warning{background-color:#faa61a33;color:var(--status-warning)}.modal-icon.info{background-color:#5865f233;color:var(--accent-primary)}.modal-description{font-size:.875rem;color:var(--text-muted);line-height:1.5;margin-bottom:1rem}.modal-button-primary{flex:1;height:2.5rem;background-color:var(--accent-primary);color:#fff;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background-color var(--transition-fast)}.modal-button-primary:hover:not(:disabled){background-color:var(--accent-hover)}.modal-button-primary:disabled{opacity:.5;cursor:not-allowed}.modal-button-secondary{flex:1;height:2.5rem;background-color:var(--bg-tertiary);color:var(--text-primary);font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast)}.modal-button-secondary:hover{background-color:var(--bg-overlay)}.modal-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem}.modal-spinner{width:2rem;height:2rem;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .6s linear infinite}.onboarding-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-main);padding:0}.wizard-step{width:100%;max-width:500px;background-color:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.wizard-header{padding:2rem;text-align:center;border-bottom:1px solid var(--border-subtle)}.wizard-icon{width:4rem;height:4rem;margin:0 auto 1rem;background-color:var(--bg-tertiary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.wizard-icon .material-symbols-outlined{font-size:2rem;color:var(--accent-primary)}.wizard-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.wizard-description{font-size:.875rem;color:var(--text-muted)}.wizard-progress{padding:1rem 2rem;background-color:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.wizard-progress-bar{height:.5rem;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.wizard-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover));border-radius:var(--radius-full);transition:width .3s ease}.wizard-progress-text{margin-top:.5rem;font-size:.75rem;color:var(--text-muted);text-align:center}.wizard-body{padding:2rem}.wizard-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-subtle);display:flex;gap:.75rem;justify-content:space-between}.interest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.interest-option{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:none;cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted)}.interest-option:hover{border-color:var(--border-hover)}.interest-option.selected{border-color:var(--accent-primary);background-color:#5865f21a;color:var(--text-primary)}.interest-option .material-symbols-outlined{font-size:1.125rem}.interest-option.selected .material-symbols-outlined{color:var(--accent-primary)}.interest-option-label{font-size:.875rem;font-weight:500}.business-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.business-type-card{padding:1.5rem;border-radius:var(--radius-lg);border:2px solid var(--border-color);background-color:var(--bg-elevated);cursor:pointer;transition:all var(--transition-fast);text-align:center}.business-type-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.business-type-card.selected{border-color:var(--accent-primary);background-color:#5865f21a}.business-type-icon{width:3rem;height:3rem;margin:0 auto .75rem;background-color:var(--bg-tertiary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.business-type-card.selected .business-type-icon{background-color:var(--accent-primary)}.business-type-icon .material-symbols-outlined{font-size:1.5rem;color:var(--text-muted)}.business-type-card.selected .business-type-icon .material-symbols-outlined{color:#fff}.business-type-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.business-type-description{font-size:.75rem;color:var(--text-muted);line-height:1.4}.onboarding-field{margin-bottom:1rem}.onboarding-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.onboarding-input{width:100%;padding:.75rem 1rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast);outline:none}.onboarding-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.onboarding-input::-moz-placeholder{color:var(--text-muted)}.onboarding-input::placeholder{color:var(--text-muted)}.onboarding-textarea{width:100%;padding:.75rem 1rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;resize:none;transition:all var(--transition-fast);outline:none}.onboarding-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.onboarding-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23949ba4' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.onboarding-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.onboarding-summary{padding:1rem;background-color:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-color)}.onboarding-summary-title{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.onboarding-summary-item{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.25rem}.onboarding-summary-label{color:var(--text-muted)}.onboarding-summary-value{color:var(--text-primary);font-weight:500}.onboarding-error{padding:.75rem;background-color:#ed42451a;border:1px solid rgba(237,66,69,.3);border-radius:var(--radius-md);color:var(--status-danger);font-size:.875rem}.onboarding-helper{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:.5rem}.hover-card-content{z-index:9999;width:20rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:1rem;color:var(--text-primary)}.hover-card-trigger{height:100%;width:100%}.hover-card-body{display:flex;gap:1rem}.hover-card-image{width:5rem;height:5rem;background-color:var(--bg-main);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.hover-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hover-card-details{flex:1;display:flex;flex-direction:column;gap:.5rem}.hover-card-header{margin-bottom:.25rem}.hover-card-title{font-size:.875rem;font-weight:700;line-height:1.2;color:var(--text-primary)}.hover-card-category{font-size:.75rem;color:var(--accent-primary)}.hover-card-info{display:flex;align-items:center;justify-content:space-between}.hover-card-price{font-size:1.125rem;font-weight:700;color:#fff}.hover-card-stock{padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.625rem;text-transform:uppercase;font-weight:700;border:1px solid}.hover-card-stock.out-of-stock{background-color:#ed424533;color:#f87171;border-color:#ed42454d}.hover-card-stock.critical{background-color:#faa61a33;color:#fb923c;border-color:#faa61a4d}.hover-card-stock.available{background-color:#23a55a33;color:#4ade80;border-color:#23a55a4d}.hover-card-footer{padding-top:.5rem;border-top:1px solid var(--border-subtle);margin-top:.5rem}.hover-card-sku{font-size:.625rem;color:var(--text-muted);font-family:monospace}.hover-card-duration{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem}.hover-card-description{font-size:.75rem;color:var(--text-muted);line-height:1.4;margin-top:.5rem}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}.hover-card-content[data-side=bottom]{animation:slideUpAndFade .2s ease-out}.hover-card-content[data-side=right]{animation:slideLeftAndFade .2s ease-out}.hover-card-content[data-side=left]{animation:slideRightAndFade .2s ease-out}.hover-card-content[data-side=top]{animation:slideDownAndFade .2s ease-out}.hover-card-arrow{fill:var(--bg-elevated)}.pc-card{position:relative;background:linear-gradient(145deg,#1a1b26,#24263a);border:1px solid rgba(88,101,242,.15);border-radius:16px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;min-width:280px}.pc-card:hover{border-color:#5865f280;box-shadow:0 8px 32px #5865f226;transform:translateY(-2px)}.pc-low-badge{position:absolute;top:10px;left:10px;z-index:5;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;box-shadow:0 2px 8px #ef444466}.pc-img-wrap{width:100%;height:140px;background:#0f0f14;display:flex;align-items:center;justify-content:center;overflow:hidden}.pc-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.pc-card:hover .pc-img{transform:scale(1.05)}.pc-img-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#5865f2,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.pc-info{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.pc-name{margin:0;font-size:16px;font-weight:700;color:#f8fafc;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pc-brand-tag{display:inline-flex;align-items:center;font-size:11px;font-weight:600;color:#818cf8;background:#818cf81a;border:1px solid rgba(129,140,248,.2);padding:2px 8px;border-radius:12px;width:-moz-fit-content;width:fit-content}.pc-sku-line{display:flex;align-items:center;gap:4px;font-size:11px;font-family:Monaco,Consolas,monospace;color:#64748b}.pc-sku-line .material-symbols-outlined{font-size:14px}.pc-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);margin-top:auto}.pc-price-item{display:flex;flex-direction:column;gap:4px;padding:8px;background:#ffffff05;border-radius:8px;transition:all .2s ease}.pc-price-item:hover{background:#ffffff0d}.pc-price-label{font-size:10px;font-weight:600;text-transform:uppercase;color:#64748b;letter-spacing:.5px}.pc-price-value{font-size:16px;font-weight:700;color:#94a3b8}.pc-price-value.highlight{font-size:18px;font-weight:800;color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.3)}.pc-price-value.profit{color:#818cf8}.pc-profit-badge{font-size:16px;font-weight:800;padding:4px 10px;border-radius:12px;width:-moz-fit-content;width:fit-content}.pc-profit-badge.good{color:#22c55e;background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.pc-profit-badge.medium{color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.pc-profit-badge.low{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.pc-stock-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.pc-stock-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;background:#ffffff08;padding:8px 10px;border-radius:8px;transition:all .2s ease}.pc-stock-item:hover{background:#ffffff0d}.pc-stock-item .material-symbols-outlined{font-size:18px;color:#22c55e}.pc-stock-info{display:flex;flex-direction:column;gap:2px}.pc-stock-label{font-size:9px;font-weight:600;text-transform:uppercase;color:#64748b;letter-spacing:.5px}.pc-stock-value{font-size:12px;font-weight:700;color:#94a3b8}.pc-stock-item.low{background:#ef44441a}.pc-stock-item.low .material-symbols-outlined,.pc-stock-item.low .pc-stock-value{color:#f87171}.pc-actions{display:flex;border-top:1px solid rgba(255,255,255,.05)}.pc-btn{flex:1;padding:12px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#64748b}.pc-btn:hover{background:#ffffff0d}.pc-btn .material-symbols-outlined{font-size:20px}.pc-btn.edit:hover{color:#818cf8;background:#818cf81a}.pc-btn.print:hover{color:#22c55e;background:#22c55e1a}.pc-btn.transfer:hover{color:#f59e0b;background:#f59e0b1a}.pc-btn.delete:hover{color:#ef4444;background:#ef44441a}.product-card{width:100%;background-color:#1e1e26;border:1px solid rgba(31,41,55,1);border-radius:16px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.product-card:hover{border-color:#6366f180;box-shadow:0 4px 20px #0000004d}@media(max-width:640px){.pc-img-wrap{height:120px}.pc-price-value{font-size:18px}}.chatbot-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;flex-direction:column;align-items:flex-end}.chatbot-toggle-btn{width:4rem;height:4rem;border-radius:9999px;box-shadow:var(--shadow-2xl);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);color:#fff;border:none;cursor:pointer}.chatbot-toggle-btn.closed{background-color:var(--accent-primary)}.chatbot-toggle-btn.open{background-color:#0f172a}.chat-window{margin-bottom:1rem;width:350px;height:580px;background-color:var(--bg-card);border-radius:1.5rem;box-shadow:var(--shadow-2xl);border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@media(min-width:640px){.chat-window{width:400px}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{padding:1rem;background-color:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:space-between}.chat-header-title{display:flex;align-items:center;gap:.75rem}.chat-header-text{font-weight:700;font-size:.875rem;margin:0}.chat-close-btn{padding:.5rem;border-radius:9999px;transition:background-color var(--transition-fast);background:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.chat-close-btn:hover{background-color:#ffffff1a}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--bg-secondary)}.chat-msg-wrapper{display:flex;flex-direction:column}.chat-msg-wrapper.user{align-items:flex-end}.chat-msg-wrapper.model{align-items:flex-start}.chat-bubble{max-width:92%;padding:1rem;border-radius:1rem;font-size:.875rem;box-shadow:var(--shadow-sm);position:relative;word-break:break-word}.chat-bubble.user{background-color:var(--accent-primary);color:#fff;border-bottom-right-radius:0}.chat-bubble.model{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-top-left-radius:0}.chat-input-area{padding:1rem;background-color:var(--bg-card);border-top:1px solid var(--border-color)}.chat-input-wrapper{display:flex;align-items:center;gap:.5rem;background-color:var(--bg-tertiary);border-radius:1rem;padding:.5rem 1rem;border:1px solid var(--border-color);transition:box-shadow var(--transition-fast)}.chat-input-wrapper:focus-within{box-shadow:0 0 0 2px var(--accent-primary)}.chat-input{flex:1;background-color:transparent;border:none;font-size:.875rem;padding:.5rem 0;color:var(--text-primary);outline:none;width:100%}.chat-mic-btn{padding:.5rem;border-radius:9999px;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;background:transparent}.chat-mic-btn.inactive{color:var(--text-muted)}.chat-mic-btn.inactive:hover{color:var(--accent-primary)}.chat-mic-btn.active{background-color:var(--status-danger);color:#fff;transform:scale(1.1);box-shadow:var(--shadow-lg)}.mini-chart{margin-top:.5rem;padding:.75rem;background-color:#0f172a;border-radius:.75rem;border:1px solid #334155;box-shadow:inset 0 2px 4px #0000000d}.mini-chart-label{font-size:.625rem;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:.5rem;margin-top:0}.mini-chart-bars{display:flex;align-items:flex-end;gap:.25rem;height:4rem}.mini-chart-bar{flex:1;background-color:var(--accent-primary);border-top-left-radius:.125rem;border-top-right-radius:.125rem;transition:all .5s ease}.mini-chart-footer{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.5rem;color:#64748b;font-family:monospace}.thermal-receipt{margin-top:.75rem;padding:1rem;background-color:#fff;border:2px dashed #e2e8f0;border-radius:.5rem;color:#000}.receipt-header{text-align:center;color:#000;font-family:monospace;font-size:.6875rem;margin-bottom:1rem}.receipt-header p{margin:0}.receipt-btn{width:100%;padding:.75rem;background-color:#2563eb;color:#fff;border-radius:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-lg);transition:transform .1s;border:none;cursor:pointer}.receipt-btn:hover{background-color:#1d4ed8}.receipt-btn:active{transform:scale(.95)}.sidebar{display:none;flex-direction:column;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-shrink:0;z-index:20;height:100%;transition:width .3s ease-in-out;width:240px}@media(min-width:768px){.sidebar{display:flex}}.sidebar.collapsed{width:72px}.sidebar-inner{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.sidebar-toggle{position:absolute;right:-.75rem;top:1.5rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:9999px;padding:.25rem;color:var(--text-muted);box-shadow:var(--shadow-md);z-index:30;cursor:pointer;transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{color:var(--text-primary);background-color:var(--bg-hover)}.sidebar-header{padding:.75rem;flex-shrink:0;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar.collapsed .sidebar-header{align-items:center}.sidebar-business-card{display:flex;align-items:center;gap:.75rem}.sidebar.collapsed .sidebar-business-card{justify-content:center;gap:0}.sidebar-logo-box{width:2.5rem;height:2.5rem;border-radius:var(--radius-lg);background-color:#6366f133;color:var(--accent-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:1.125rem}.sidebar-info-box{display:flex;flex-direction:column;overflow:hidden;flex:1;min-width:0}.sidebar-business-name{color:var(--text-primary);font-size:.875rem;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.sidebar-status{display:flex;align-items:center;gap:.25rem;margin-top:.125rem}.sidebar-status-dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:var(--status-success)}.sidebar-status-text{color:var(--status-success);font-size:.625rem;font-weight:500}.sidebar-branch-select{margin-top:.75rem}.branch-select-input{width:100%;padding:.375rem .75rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.75rem;color:var(--text-primary);outline:none;cursor:pointer;transition:background-color var(--transition-fast)}.branch-select-input:hover{background-color:var(--bg-hover)}.branch-select-input:focus{box-shadow:0 0 0 1px var(--accent-primary)}.sidebar-nav-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem 0}.sidebar-section{margin-bottom:.5rem}.sidebar-section-header{display:flex;align-items:center;gap:.25rem;width:100%;padding:.375rem .75rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.sidebar.collapsed .sidebar-section-header{justify-content:center;padding:.375rem 0}.sidebar-section-header:hover{color:var(--text-primary)}.sidebar-divider-pill{width:1.5rem;height:2px;background-color:var(--border-subtle);border-radius:9999px}.sidebar-nav-list{display:flex;flex-direction:column;gap:.125rem;padding:0 .5rem;margin-top:.25rem}.sidebar-link{display:flex;align-items:center;gap:.625rem;padding:.375rem .625rem;border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;text-decoration:none;color:var(--text-muted)}.sidebar.collapsed .sidebar-link{justify-content:center;padding:.375rem}.sidebar-link:hover{color:var(--text-primary);background-color:var(--bg-hover)}.sidebar-link.active{background-color:var(--bg-active);color:#fff}.active-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);width:.25rem;height:1rem;background-color:var(--accent-primary);border-top-right-radius:9999px;border-bottom-right-radius:9999px}.sidebar-link-icon{font-size:1.25rem;transition:color var(--transition-fast)}.sidebar-link.active .sidebar-link-icon{color:var(--accent-primary)}.sidebar-link-text{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar-badge{padding:.125rem .375rem;font-size:.625rem;font-weight:700;background-color:var(--status-danger);color:#fff;border-radius:9999px;min-width:1.125rem;text-align:center}.sidebar-tooltip{position:absolute;left:100%;margin-left:.5rem;padding:.25rem .5rem;background-color:#0f172a;color:#fff;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;white-space:nowrap;z-index:50;transition:all var(--transition-fast);pointer-events:none}.sidebar-link:hover .sidebar-tooltip{opacity:1;visibility:visible}.sidebar-footer{padding:.5rem;border-top:1px solid var(--border-color);background-color:#0003;flex-shrink:0}.sidebar-user-card{display:flex;align-items:center;gap:.5rem}.sidebar.collapsed .sidebar-user-card{justify-content:center;gap:0}.user-avatar-link{width:2rem;height:2rem;border-radius:9999px;background-color:#6366f133;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);flex-shrink:0;transition:background-color var(--transition-fast)}.user-avatar-link:hover{background-color:#6366f14d}.user-info{flex:1;min-width:0;display:flex;flex-direction:column}.user-name{font-size:.875rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.user-role{font-size:.625rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.logout-btn{padding:.375rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.logout-btn:hover{color:var(--status-danger);background-color:#ef44441a}.voice-widget-trigger{position:fixed;bottom:1rem;right:1rem;z-index:50;background-color:var(--bg-elevated);color:#fff;padding:1rem;border-radius:9999px;box-shadow:var(--shadow-xl);border:none;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.voice-widget-trigger:hover{background-color:var(--accent-primary);transform:scale(1.05)}.voice-widget-container{position:fixed;bottom:1rem;right:1rem;z-index:50;width:20rem;background-color:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:1px solid var(--border-subtle);overflow:hidden;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.voice-header{padding:.75rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.voice-header.active{background-color:var(--accent-primary);color:#fff}.voice-header-status{display:flex;align-items:center;gap:.5rem}.voice-header-title{font-weight:700;font-size:.875rem;letter-spacing:.025em;text-transform:uppercase}.voice-close-btn{padding:.25rem;border-radius:var(--radius-sm);background:transparent;border:none;color:inherit;cursor:pointer;opacity:.8;transition:opacity var(--transition-fast);display:flex;align-items:center;justify-content:center}.voice-close-btn:hover{opacity:1;background-color:#fff3}.voice-body{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:var(--bg-secondary);min-height:150px}.voice-visualizer{position:relative;display:flex;align-items:center;justify-content:center}.voice-mic-btn{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);cursor:pointer;border:none;position:relative;z-index:10}.voice-mic-btn.idle{background-color:var(--bg-tertiary);color:var(--text-muted)}.voice-mic-btn.listening-active{background-color:var(--accent-primary);box-shadow:0 0 0 4px #5865f24d;color:#fff}.voice-mic-btn.listening-inactive{background-color:var(--status-success);box-shadow:0 0 0 4px #23a55a4d;color:#fff}.voice-ping{position:absolute;top:-.25rem;right:-.25rem;width:.75rem;height:.75rem;background-color:var(--status-danger);border-radius:50%;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.voice-status-text{font-size:.75rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;text-align:center}.voice-transcript{width:100%;background-color:var(--bg-card);padding:.5rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-secondary);font-style:italic;text-align:center}.voice-last-action{width:100%;background-color:#5865f21a;border:1px solid rgba(88,101,242,.2);padding:.5rem;border-radius:var(--radius-sm);font-size:.75rem;color:var(--accent-primary);font-weight:500;text-align:left}.voice-last-action strong{font-weight:700;display:inline-block}.page-header{height:3rem;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--border-subtle);background-color:var(--bg-main);box-shadow:var(--shadow-sm)}.page-header-left{display:flex;align-items:center;gap:.5rem}.page-header-icon{font-size:1.25rem;color:var(--text-muted)}.page-header-title{font-weight:700;color:var(--text-primary);font-size:1rem}.page-header-divider{width:1px;height:1.25rem;background-color:var(--border-subtle);margin:0 .5rem}.page-header-subtitle{font-size:.875rem;color:var(--text-muted);display:none}@media(min-width:640px){.page-header-subtitle{display:block}}.page-header-actions{display:flex;align-items:center;gap:.5rem}.page-content{flex:1;overflow-y:auto;padding:1rem;background-color:var(--bg-main)}@media(min-width:768px){.page-content{padding:1.5rem}}.page-container{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.btn-action-primary{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background-color:var(--status-success);color:#fff;font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background-color var(--transition-fast)}.btn-action-primary:hover{filter:brightness(1.1)}.btn-action-secondary{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background-color var(--transition-fast)}.btn-action-secondary:hover{background-color:var(--bg-tertiary)}.offline-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.offline-card{background-color:var(--bg-card);padding:2rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:1px solid rgba(237,66,69,.2);max-width:28rem;width:100%;text-align:center;animation:zoomIn .3s ease-out}.offline-icon-box{width:5rem;height:5rem;background-color:#ed42451a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.offline-icon{color:var(--status-danger);width:2.5rem;height:2.5rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.offline-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.offline-text{color:var(--text-muted);margin-bottom:2rem;line-height:1.5}.offline-status{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.875rem;font-weight:500;color:var(--accent-primary)}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between}.dashboard-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.dashboard-title span{color:var(--accent-primary)}.dashboard-subtitle{color:var(--text-muted);font-size:.875rem}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}.kpi-card{background-color:var(--bg-card);padding:1rem;border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.kpi-card:hover{background-color:var(--bg-elevated)}.kpi-label{color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.25rem}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.kpi-trend{margin-top:.5rem;display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.kpi-trend.positive{color:var(--status-success)}.kpi-trend.primary{color:var(--accent-primary)}.kpi-trend.neutral{color:var(--text-muted)}.kpi-trend.critical{color:var(--status-danger)}.dashboard-main-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.dashboard-main-grid{grid-template-columns:2fr 1fr}}.dashboard-card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-title{font-weight:700;font-size:1.125rem;color:var(--text-primary)}.chart-legend{display:flex;align-items:center;gap:.5rem}.legend-dot{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--accent-primary)}.legend-text{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase}.dist-item{margin-bottom:.5rem}.dist-header{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.25rem}.dist-bar-bg{height:.5rem;width:100%;background-color:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.dist-bar-fill{height:100%;border-radius:9999px;transition:width 1s ease-in-out}.btn-text-link{width:100%;padding:.5rem 0;text-align:center;color:var(--accent-primary);font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:none;border:none;cursor:pointer;margin-top:auto}.btn-text-link:hover{text-decoration:underline}.activity-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:rgba(var(--bg-tertiary-rgb),.5);border-radius:var(--radius-md);transition:background-color var(--transition-fast);cursor:pointer}.activity-item:hover{background-color:var(--bg-tertiary)}.activity-icon-box{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.activity-icon-box.order{background-color:#5865f21a;color:var(--accent-primary)}.activity-icon-box.sale{background-color:#23a55a1a;color:var(--status-success)}.activity-details{margin-left:1rem;flex:1}.activity-title{font-weight:700;color:var(--text-primary);font-size:.875rem}.activity-time{font-size:.75rem;color:var(--text-muted)}.activity-amount{text-align:right}.amount-value{font-weight:700;color:var(--text-primary);font-size:.875rem}.status-badge{font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:var(--radius-sm);text-transform:uppercase;background-color:#23a55a1a;color:var(--status-success);display:inline-block}.alert-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.alert-item:hover{background-color:var(--bg-elevated)}.alert-dot{width:.5rem;height:.5rem;border-radius:50%;margin-top:.25rem;flex-shrink:0}.alert-dot.high{background-color:var(--status-danger);box-shadow:0 0 8px #ed424580}.alert-dot.medium{background-color:var(--status-warning)}.alert-dot.low{background-color:var(--accent-primary)}.alert-content{flex:1;min-width:0}.alert-title{font-weight:700;font-size:.875rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-subtitle{font-size:.75rem;color:var(--text-muted)}.heatmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.heatmap-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.heatmap-box{width:100%;aspect-ratio:1/1;border-radius:var(--radius-md);transition:all .7s ease}.heatmap-label{font-size:.625rem;color:var(--text-muted);font-family:monospace}.top-item{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.top-item-image{width:3rem;height:3rem;border-radius:var(--radius-lg);background-color:var(--bg-tertiary);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #ffffff1a}.top-item-info{flex:1}.top-item-header{display:flex;justify-content:space-between;font-weight:700;font-size:.875rem;margin-bottom:.25rem;color:var(--text-primary)}.top-item-bar-bg{height:.375rem;width:100%;background-color:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.top-item-bar-fill{height:100%;border-radius:9999px;transition:width 1s ease-in-out}.pos-container{flex:1;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;position:relative;background-color:var(--bg-main)}.pos-header{flex:none;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);background-color:var(--bg-main);height:3rem;box-shadow:var(--shadow-sm);z-index:10}.pos-header-title{display:flex;align-items:center;gap:.5rem}.pos-header-actions{display:flex;gap:.5rem}.pos-main-content{flex:1;display:flex;overflow:hidden;min-height:0;position:relative}.pos-blocked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background-color:rgba(var(--bg-primary-rgb),.95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.pos-products-column{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-main);position:relative}.pos-controls{flex:none;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.75rem}.pos-search-wrapper{position:relative}.pos-search-input{width:100%;background-color:var(--bg-secondary);color:var(--text-primary);padding:.5rem 1rem .5rem 2.5rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);outline:none;transition:all var(--transition-fast)}.pos-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.pos-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.pos-filters{overflow-x:auto;display:flex;gap:.5rem;scrollbar-width:none}.pos-filters::-webkit-scrollbar{display:none}.pos-filter-btn{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;white-space:nowrap;transition:all var(--transition-fast);flex-shrink:0;cursor:pointer;border:none}.pos-filter-btn.active{background-color:var(--accent-primary);color:#fff;box-shadow:0 4px 6px -1px #5865f233}.pos-filter-btn.inactive{background-color:var(--bg-secondary);color:var(--text-muted)}.pos-filter-btn.inactive:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.pos-products-grid-container{flex:1;overflow-y:auto;padding:1rem}.pos-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.pos-products-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.pos-products-grid{grid-template-columns:repeat(4,1fr)}}.pos-product-card{position:relative;background-color:var(--bg-secondary);border-radius:var(--radius-xl);overflow:hidden;transition:all .2s ease;cursor:pointer;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.pos-product-card:hover{background-color:var(--bg-tertiary);transform:translateY(-.25rem);border-color:#5865f280;box-shadow:0 4px 12px #5865f21a}.pos-product-card.disabled{opacity:.5;pointer-events:none;filter:grayscale(100%)}.pos-card-image-box{aspect-ratio:16/9;background-color:var(--bg-tertiary);position:relative;overflow:hidden}.pos-card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.9;transition:opacity var(--transition-fast)}.pos-card-image-box:hover .pos-card-image{opacity:1}.pos-card-badge{position:absolute;top:.5rem;left:.5rem;padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#fff;box-shadow:var(--shadow-sm)}.pos-card-badge.service{background-color:#f97316}.pos-card-badge.product{background-color:#2563eb}.pos-card-price{position:absolute;bottom:.5rem;right:.5rem;padding:.25rem .5rem;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-md);font-size:.75rem;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.1)}.pos-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#5865f21a;opacity:0;transition:opacity var(--transition-fast);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.pos-product-card:hover .pos-card-overlay{opacity:1}.pos-card-content{padding:.75rem}.pos-card-title{font-weight:700;color:var(--text-primary);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.125rem}.pos-card-desc{font-size:.625rem;color:var(--text-muted);min-height:2.5em;line-height:1.25;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2}.pos-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-subtle);padding-top:.5rem;margin-top:auto}.pos-cart-column{width:20rem;background-color:var(--bg-secondary);display:flex;flex-direction:column;border-left:1px solid var(--border-subtle);flex-shrink:0;z-index:20}.pos-cart-tabs{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:.5rem;display:flex;gap:.5rem;overflow-x:auto}.pos-ticket-btn{padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:700;transition:all var(--transition-fast);flex-shrink:0;border:1px solid transparent;display:flex;align-items:center;gap:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.pos-ticket-btn.active{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.pos-ticket-btn.inactive{background-color:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-subtle)}.pos-ticket-btn.inactive:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.pos-cart-header{padding:.75rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-secondary)}.pos-cart-list{flex:1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.pos-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:10rem;color:var(--text-muted);opacity:.5;margin-top:2.5rem;text-align:center}.pos-cart-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--radius-md);transition:background-color var(--transition-fast);position:relative;cursor:pointer}.pos-cart-item:hover{background-color:var(--bg-tertiary)}.pos-item-thumb{width:2rem;height:2rem;border-radius:var(--radius-sm);background-color:var(--bg-tertiary);flex-shrink:0;overflow:hidden}.pos-item-info{flex:1;min-width:0}.pos-item-top{display:flex;justify-content:space-between;align-items:baseline}.pos-item-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-item-price{font-size:.875rem;font-weight:700;color:var(--text-primary);margin-left:.5rem}.pos-item-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.pos-totals{padding:.75rem;background-color:rgba(var(--bg-tertiary-rgb),.5);border-top:1px solid var(--border-subtle)}.total-row{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.total-row.main{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.btn-checkout{width:100%;padding:.625rem;margin-top:.5rem;background-color:var(--accent-primary);color:#fff;font-weight:700;font-size:.875rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background-color var(--transition-fast);box-shadow:var(--shadow-md)}.btn-checkout:hover{background-color:var(--accent-hover)}.btn-checkout:disabled{opacity:.5;cursor:not-allowed}.payment-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.method-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;border-radius:var(--radius-lg);border:2px solid var(--border-subtle);background:none;cursor:pointer;transition:all var(--transition-fast)}.method-btn.active{border-color:var(--accent-primary);background-color:#5865f21a;color:var(--accent-primary)}.method-btn.inactive{color:var(--text-muted)}.method-btn.inactive:hover{border-color:var(--bg-tertiary);background-color:var(--bg-tertiary)}.orders-container{display:flex;flex-direction:column;height:100%;background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-display);overflow:hidden}.orders-header{height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);flex-shrink:0;z-index:10}.orders-search-box{position:relative;width:16rem}.orders-search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.orders-search-input{padding:.5rem 1rem .5rem 2.25rem;width:100%;border-radius:var(--radius-lg);background-color:var(--bg-tertiary);border:none;outline:none;transition:box-shadow var(--transition-fast)}.orders-search-input:focus{box-shadow:0 0 0 2px var(--accent-primary)}.orders-content{flex:1;overflow-y:auto;padding:1.5rem}.orders-card{background-color:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);overflow:hidden}.orders-filters{padding:1rem;border-bottom:1px solid var(--border-subtle);display:flex;gap:.5rem;overflow-x:auto}.filter-pill{padding:.375rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;transition:background-color var(--transition-fast);cursor:pointer;border:none}.filter-pill.active{background-color:var(--accent-primary);color:#fff}.filter-pill.inactive{background-color:var(--bg-tertiary);color:var(--text-muted)}.filter-pill.inactive:hover{background-color:var(--bg-elevated)}.status-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase}.status-badge.completed{background-color:#22c55e33;color:#15803d}.status-badge.pending{background-color:#eab30833;color:#a16207}.status-badge.processing{background-color:#3b82f633;color:#1d4ed8}.status-badge.cancelled{background-color:#ef444433;color:#b91c1c}@media(prefers-color-scheme:dark){.status-badge.completed{color:#4ade80}.status-badge.pending{color:#facc15}.status-badge.processing{color:#60a5fa}.status-badge.cancelled{color:#f87171}}.action-btn{font-weight:700;font-size:.75rem;margin-right:.5rem;cursor:pointer;background:none;border:none}.action-btn.process{color:#2563eb}.action-btn.process:hover{color:#1e40af}.action-btn.complete{color:#16a34a}.action-btn.complete:hover{color:#15803d}@media(prefers-color-scheme:dark){.action-btn.process{color:#60a5fa}.action-btn.process:hover{color:#93c5fd}.action-btn.complete{color:#4ade80}.action-btn.complete:hover{color:#86efac}}.cashflow-container{display:flex;flex-direction:column;height:100%;background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-display);overflow-y:auto}.cashflow-content{width:100%;max-width:1200px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.cashflow-content{padding:2rem}}.cashflow-header{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.cashflow-header{flex-direction:row;align-items:center;justify-content:space-between}}.summary-cards-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.summary-cards-grid{grid-template-columns:repeat(3,1fr)}}.summary-card{display:flex;flex-direction:column;gap:.5rem;border-radius:var(--radius-xl);padding:1.25rem;background-color:var(--bg-secondary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.summary-card-header{display:flex;justify-content:space-between;align-items:flex-start}.summary-icon-box{padding:.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.summary-icon-box.blue{background-color:#3b82f61a;color:#3b82f6}.summary-icon-box.indigo{background-color:#6366f11a;color:#6366f1}.summary-icon-box.emerald{background-color:#10b9811a;color:#10b981}.summary-badge{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700}.summary-badge.green{background-color:#22c55e33;color:#15803d}.summary-badge.blue{background-color:#3b82f633;color:#1d4ed8}.summary-badge.emerald{background-color:#10b98133;color:#047857}@media(prefers-color-scheme:dark){.summary-badge.green{color:#4ade80}.summary-badge.blue{color:#60a5fa}.summary-badge.emerald{color:#34d399}}.summary-label{font-size:.875rem;font-weight:500;color:var(--text-muted);margin-top:.5rem}.summary-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.summary-subtext{font-size:.75rem;color:var(--text-muted)}.history-section{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.history-header{display:flex;align-items:center;justify-content:space-between}.filter-group{display:flex;background-color:var(--bg-tertiary);padding:.25rem;border-radius:var(--radius-lg)}.filter-btn{padding:.375rem 1rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:700;transition:background-color var(--transition-fast);border:none;cursor:pointer}.filter-btn.active{background-color:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.filter-btn.inactive{background-color:transparent;color:var(--text-muted)}.filter-btn.inactive:hover{background-color:#ffffff0d}.history-card{overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background-color:var(--bg-secondary);box-shadow:var(--shadow-sm)}.box-type-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.box-type-badge.small{background-color:rgba(var(--accent-primary-rgb),.1);color:var(--accent-primary)}.box-type-badge.medium{background-color:#6366f11a;color:#6366f1}.box-type-badge.large{background-color:#10b9811a;color:#10b981}@media(prefers-color-scheme:dark){.box-type-badge.medium{color:#a5b4fc;background-color:#6366f14d}.box-type-badge.large{color:#6ee7b7;background-color:#10b9814d}}.amount-positive{color:#16a34a}.amount-negative{color:#dc2626}@media(prefers-color-scheme:dark){.amount-positive{color:#4ade80}.amount-negative{color:#f87171}}.admin-cash-container{display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;background-color:var(--bg-main);position:relative;font-family:var(--font-display)}.admin-cash-header{flex:none;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;height:48px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);z-index:10}.header-title-group{display:flex;align-items:center;gap:.5rem}.header-icon{font-size:1.5rem;color:var(--text-muted)}.header-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.header-divider{width:1px;height:1rem;background-color:var(--border-subtle);margin:0 .5rem}.admin-badge{font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:var(--radius-sm);background-color:var(--accent-primary);color:#fff}.refresh-btn{color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.refresh-btn:hover{color:var(--text-primary)}.admin-cash-content{flex:1;overflow-y:auto;padding:1rem}.registers-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.registers-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.registers-grid{grid-template-columns:repeat(3,1fr)}}.register-card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:1rem;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast)}.register-card:hover{border-color:var(--accent-primary)}.register-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.register-name{font-weight:700;color:var(--text-primary);font-size:1rem}.register-id{font-size:.75rem;color:var(--text-muted);font-family:monospace}.status-indicator{padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.625rem;font-weight:700;text-transform:uppercase;border:1px solid transparent}.status-indicator.open{background-color:#22c55e1a;color:#15803d;border-color:#22c55e33}.status-indicator.closed{background-color:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-subtle)}@media(prefers-color-scheme:dark){.status-indicator.open{color:#4ade80}}.register-details{margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;font-size:.75rem}.detail-label{color:var(--text-muted)}.detail-value{color:var(--text-primary);font-weight:500}.register-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-subtle);margin-top:auto}.action-button{flex:1;padding:.375rem 0;background-color:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-align:center;transition:background-color var(--transition-fast);border:none;cursor:pointer}.action-button:hover{background-color:var(--bg-elevated)}.empty-state{grid-column:1 / -1;text-align:center;padding-top:2.5rem;padding-bottom:2.5rem;color:var(--text-muted);opacity:.6}.empty-icon{font-size:2.25rem;margin-bottom:.5rem}.calendar-page-container{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:1rem;gap:1rem;font-family:var(--font-display);color:var(--text-primary)}@media(min-width:768px){.calendar-page-container{padding:1.5rem}}.calendar-controls{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem}@media(min-width:768px){.calendar-controls{flex-direction:row;align-items:flex-end}}.calendar-title-group{display:flex;flex-direction:column;gap:.25rem}.calendar-title{font-size:1.5rem;font-weight:900;color:var(--text-primary);letter-spacing:-.025em}@media(min-width:768px){.calendar-title{font-size:1.875rem}}.calendar-date-nav{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.date-range{font-size:1rem;font-weight:500}.nav-btn{padding:.25rem;border-radius:9999px;background:transparent;border:none;cursor:pointer;color:inherit;transition:background-color var(--transition-fast);display:flex;align-items:center;justify-content:center}.nav-btn:hover{background-color:var(--bg-tertiary)}.calendar-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;width:100%}@media(min-width:768px){.calendar-actions{width:auto}}.btn-export{display:none}@media(min-width:640px){.btn-export{display:flex;align-items:center;justify-content:center;padding:.625rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background-color:var(--bg-secondary);color:var(--text-secondary);font-size:.875rem;font-weight:700;transition:background-color var(--transition-fast);cursor:pointer}.btn-export:hover{background-color:var(--bg-tertiary)}}.btn-new-appointment{flex:1;display:flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:var(--radius-lg);background-color:var(--accent-primary);color:#fff;box-shadow:var(--shadow-md);font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-new-appointment:hover{background-color:var(--accent-primary-hover);transform:scale(1.05)}@media(min-width:768px){.btn-new-appointment{flex:none}}.calendar-filters-bar{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--bg-secondary);padding:.5rem;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);gap:.75rem}@media(min-width:640px){.calendar-filters-bar{flex-direction:row}}.staff-filters{display:flex;align-items:center;gap:.5rem;padding:0 .5rem;overflow-x:auto;width:100%}@media(min-width:640px){.staff-filters{width:auto}}.filter-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:.5rem;white-space:nowrap}.staff-pill{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;white-space:nowrap;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.staff-pill.active-all{background-color:rgba(var(--accent-primary-rgb),.1);color:var(--accent-primary);border:1px solid rgba(var(--accent-primary-rgb),.2)}.staff-pill.inactive{background-color:var(--bg-tertiary);color:var(--text-muted)}.staff-pill.ana{background-color:#f3e8ff;color:#7e22ce}.staff-pill.carlos{background-color:#ccfbf1;color:#0f766e}.dot{width:.5rem;height:.5rem;border-radius:50%}.dot.ana{background-color:#a855f7}.dot.carlos{background-color:#14b8a6}.view-toggles{display:flex;background-color:var(--bg-tertiary);padding:.25rem;border-radius:var(--radius-lg);width:100%}@media(min-width:640px){.view-toggles{width:auto}}.view-toggle-btn{flex:1;padding:.375rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-muted);border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast)}@media(min-width:640px){.view-toggle-btn{flex:none}}.view-toggle-btn.active{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:700;box-shadow:var(--shadow-sm)}.view-toggle-btn:hover:not(.active){color:var(--text-primary)}.calendar-layout{flex:1;display:flex;flex-direction:column;gap:1rem;overflow:hidden;height:100%}@media(min-width:1024px){.calendar-layout{flex-direction:row}}.calendar-main{flex:1;background-color:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:var(--shadow-sm)}.calendar-days-header{display:grid;grid-template-columns:repeat(8,1fr);border-bottom:1px solid var(--border-subtle);background-color:var(--bg-tertiary)}.time-zone-cell{padding:.75rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-align:center;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--border-subtle)}.day-header-cell{padding:.75rem;text-align:center;border-right:1px solid var(--border-subtle)}.day-header-cell:last-child{border-right:none}.day-header-cell.today{background-color:rgba(var(--accent-primary-rgb),.05)}.day-name{font-size:.75rem;font-weight:500;color:var(--text-muted)}.day-number{font-size:.875rem;font-weight:700;color:var(--text-primary)}.day-header-cell.today .day-name{color:var(--accent-primary);font-weight:700}.day-header-cell.today .day-number{color:var(--accent-primary);font-weight:900}.calendar-grid-scroll{flex:1;overflow-y:auto;position:relative}.calendar-grid{display:grid;grid-template-columns:repeat(8,1fr);position:relative;min-height:800px}.time-labels-col{display:flex;flex-direction:column;background-color:var(--bg-tertiary);opacity:.5;border-right:1px solid var(--border-subtle)}.time-label-cell{height:5rem;border-bottom:1px solid var(--border-subtle);padding:.5rem;text-align:right;font-size:.75rem;font-weight:500;color:var(--text-muted)}.day-col{position:relative;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background-image:linear-gradient(180deg,transparent 79px,var(--border-subtle) 80px);background-size:100% 80px}.day-col:last-child{border-right:none}.day-col.today{background-color:rgba(var(--accent-primary-rgb),.05)}.appointment-block{position:absolute;left:.25rem;right:.25rem;border-left-width:4px;border-left-style:solid;border-radius:var(--radius-sm);padding:.5rem;cursor:pointer;overflow:hidden;transition:box-shadow var(--transition-fast)}.appointment-block:hover{box-shadow:var(--shadow-md);z-index:10}.appointment-service{font-size:.75rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.appointment-client{font-size:.625rem;opacity:.8}.appointment-staff{margin-top:.25rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.agenda-sidebar{width:100%;flex-shrink:0;display:flex;flex-direction:column;gap:1rem}@media(min-width:1024px){.agenda-sidebar{width:20rem}}.agenda-card{background-color:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);display:flex;flex-direction:column;flex:1;box-shadow:var(--shadow-sm);max-height:100%;overflow:hidden}.agenda-header{padding:1rem;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.agenda-title{font-weight:700;color:var(--text-primary)}.agenda-link{font-size:.875rem;font-weight:500;color:var(--accent-primary);background:none;border:none;cursor:pointer}.agenda-link:hover{text-decoration:underline}.agenda-list{overflow-y:auto;flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.agenda-item{display:flex;flex-direction:column;padding:.75rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background-color:var(--bg-tertiary);transition:border-color var(--transition-fast)}.agenda-item:hover{border-color:rgba(var(--accent-primary-rgb),.5)}.agenda-time-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.agenda-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--text-secondary)}.agenda-status{padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.625rem;font-weight:700;background-color:rgba(var(--accent-primary-rgb),.1);color:var(--accent-primary)}.agenda-client{font-size:.875rem;font-weight:700;color:var(--text-primary)}.agenda-details{font-size:.75rem;color:var(--text-muted);margin-bottom:.75rem}.clients-layout{display:flex;height:100%;background-color:var(--bg-main);color:var(--text-normal);font-family:Inter,sans-serif;position:relative;overflow:hidden}.clients-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--bg-main);border-bottom:1px solid var(--border-subtle);flex-shrink:0}@media(min-width:1024px){.clients-mobile-header{display:none}}.clients-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fffc;z-index:50;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:root[class=dark] .clients-loading-overlay{background-color:#000c}.spinner{width:3rem;height:3rem;border-radius:50%;border-bottom:2px solid var(--brand-primary);animation:spin 1s linear infinite}.clients-list-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-main);transition:transform var(--transition-normal)}.clients-list-panel.hidden-mobile{display:none}@media(min-width:1024px){.clients-list-panel.hidden-mobile{display:flex}}.clients-list-content{flex:1;overflow-y:auto;padding:1rem}@media(min-width:768px){.clients-list-content{padding:1.5rem}}@media(min-width:1280px){.clients-list-content{padding:2rem}}.clients-container{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.clients-header-group{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.clients-header-group{flex-direction:row;align-items:flex-end;justify-content:space-between}}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.clients-title{font-size:1.875rem;font-weight:800;color:var(--text-header);letter-spacing:-.025em;line-height:1.25}.btn-new-client{display:flex;align-items:center;gap:.5rem;background-color:var(--brand-primary);color:#fff;padding:.625rem 1.25rem;border-radius:var(--radius-lg);font-weight:600;box-shadow:0 4px 6px -1px rgba(var(--brand-primary-rgb),.2);transition:all var(--transition-fast)}.btn-new-client:hover{background-color:var(--brand-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(var(--brand-primary-rgb),.3)}.clients-stats-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.clients-stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.25rem;box-shadow:0 1px 2px #0000000d}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.stat-label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.stat-icon{font-size:1.25rem;padding:.375rem;border-radius:.5rem}.stat-icon.primary{background-color:rgba(var(--brand-primary-rgb),.1);color:var(--brand-primary)}.stat-icon.orange{background-color:#ffedd5;color:#ea580c}:root[class=dark] .stat-icon.orange{background-color:#ea580c33;color:#fb923c}.stat-icon.red{background-color:#fee2e2;color:#dc2626}:root[class=dark] .stat-icon.red{background-color:#dc262633;color:#f87171}.stat-value-row{display:flex;align-items:flex-end;gap:.75rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-header);line-height:1}.stat-badge{font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:9999px}.stat-badge.green{background-color:#dcfce7;color:#166534}:root[class=dark] .stat-badge.green{background-color:#1665344d;color:#86efac}.stat-badge.orange{background-color:#ffedd5;color:#c2410c}:root[class=dark] .stat-badge.orange{background-color:#c2410c4d;color:#fdba74}.stat-badge.red{background-color:#fee2e2;color:#991b1b}:root[class=dark] .stat-badge.red{background-color:#991b1b4d;color:#fca5a5}.clients-filter-bar{display:flex;flex-direction:column;gap:.75rem}@media(min-width:640px){.clients-filter-bar{flex-direction:row}}.search-input-wrapper{position:relative;flex:1}.search-input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.25rem}.client-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-card);color:var(--text-normal);font-size:.875rem;outline:none;transition:all var(--transition-fast)}.client-search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.filter-select-wrapper{position:relative;min-width:200px}.client-filter-select{width:100%;padding:.625rem 2rem .625rem .75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-card);color:var(--text-normal);font-size:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}.client-filter-select:focus{border-color:var(--brand-primary)}.clients-table-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 1px 2px #0000000d}.clients-table-header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.clients-th{padding:1rem 1.5rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left}.clients-tr{border-bottom:1px solid var(--border-subtle);transition:background-color var(--transition-fast);cursor:pointer;border-left:4px solid transparent}.clients-tr:last-child{border-bottom:none}.clients-tr:hover{background-color:var(--bg-tertiary)}.clients-tr.selected{background-color:rgba(var(--brand-primary-rgb),.05);border-left-color:var(--brand-primary)}.clients-td{padding:1rem 1.5rem;vertical-align:middle}.avatar-circle{width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.75rem;flex-shrink:0}.client-status-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-active{background-color:#dcfce7;color:#166534}:root[class=dark] .status-active{background-color:#16653466;color:#86efac}.status-overdue{background-color:#fee2e2;color:#991b1b}:root[class=dark] .status-overdue{background-color:#991b1b66;color:#fca5a5}.status-warning{background-color:#fef9c3;color:#854d0e}:root[class=dark] .status-warning{background-color:#854d0e66;color:#fde047}.status-inactive{background-color:var(--bg-tertiary);color:var(--text-muted)}.client-details-sidebar{position:fixed;top:0;right:0;bottom:0;width:100%;background-color:var(--bg-card);border-left:1px solid var(--border-subtle);z-index:40;display:flex;flex-direction:column;overflow-y:auto;transition:transform .3s ease-in-out}@media(min-width:1024px){.client-details-sidebar{position:relative;width:24rem;flex-shrink:0;transform:none!important;background-color:var(--bg-card);border-left:1px solid var(--border-subtle)}}.sidebar-mobile-header{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-subtle);background-color:var(--bg-main)}@media(min-width:1024px){.sidebar-mobile-header{display:none}}.client-profile-header{padding:1.5rem}.profile-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.profile-avatar{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;box-shadow:0 4px 6px -1px #0000001a}.profile-actions{display:flex;gap:.5rem}.btn-icon{padding:.5rem;color:var(--text-muted);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.btn-icon:hover{background-color:var(--bg-tertiary);color:var(--text-normal)}.client-name-lg{font-size:1.5rem;font-weight:700;color:var(--text-header);margin-bottom:.5rem}.client-info-row{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem;margin-bottom:.25rem}.credit-card-widget{margin-top:1.5rem;margin-bottom:1.5rem}.credit-card{background-image:linear-gradient(135deg,#1e293b,#0f172a);border-radius:var(--radius-xl);padding:1.25rem;color:#fff;box-shadow:0 10px 15px -3px #0000001a;position:relative;overflow:hidden}.credit-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:rotate(45deg)}.credit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;position:relative;z-index:10}.credit-header .stat-label{color:#ffffffb3}.credit-amount{font-size:2rem;font-weight:700;color:#fff;line-height:1}.credit-bar-container{height:.5rem;background-color:#fff3;border-radius:9999px;overflow:hidden;margin-bottom:.75rem;position:relative;z-index:10}.credit-bar-fill{height:100%;border-radius:9999px;transition:width 1s ease-out}.action-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.action-card-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.action-card-btn.primary{background-color:rgba(var(--brand-primary-rgb),.05);color:var(--brand-primary);border-color:rgba(var(--brand-primary-rgb),.2)}.action-card-btn.primary:hover{background-color:rgba(var(--brand-primary-rgb),.1);transform:translateY(-2px)}.action-card-btn.secondary{background-color:var(--bg-tertiary);color:var(--text-normal)}.action-card-btn.secondary:hover{background-color:var(--bg-hover);transform:translateY(-2px)}.activity-feed{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;gap:1rem}.activity-icon-circle{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon-circle.purchase{background-color:rgba(var(--brand-primary-rgb),.1);color:var(--brand-primary)}.activity-icon-circle.payment{background-color:#dcfce7;color:#166534}:root[class=dark] .activity-icon-circle.payment{background-color:#1665344d;color:#86efac}.empty-detail-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.data-table-container{width:100%;overflow-x:auto;border-radius:var(--radius-lg);background-color:var(--bg-card);border:1px solid var(--border-subtle)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}.data-table-header{background-color:var(--bg-tertiary);color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle)}.data-table-header th{padding:1rem}.data-table-body tr{border-bottom:1px solid var(--border-subtle);transition:background-color var(--transition-fast)}.data-table-body tr:last-child{border-bottom:none}.data-table-body tr:hover{background-color:var(--bg-elevated)}.data-table-body td{padding:1rem;color:var(--text-primary)}.cell-mono{font-family:monospace;color:var(--text-muted)}.cell-number{text-align:right;font-weight:700}.cell-primary{color:var(--accent-primary)}.import-wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.import-wizard-container{background-color:var(--bg-card);width:100%;max-width:56rem;max-height:90vh;border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column}.import-wizard-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:#383a4080}.import-wizard-title{font-size:1.25rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem}.import-wizard-subtitle{font-size:.875rem;color:var(--text-muted)}.import-wizard-close{padding:.5rem;background:none;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all .2s}.import-wizard-close:hover{background-color:var(--bg-tertiary);color:#fff}.import-wizard-steps{display:flex;background-color:#383a404d;border-bottom:1px solid var(--border-color)}.import-wizard-step{flex:1;padding:.75rem;text-align:center;font-size:.875rem;font-weight:700;border-bottom:2px solid transparent;transition:all .2s}.import-wizard-step.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.import-wizard-step.completed{color:var(--status-success);border-bottom-color:var(--status-success)}.import-wizard-step.pending{color:var(--text-muted)}.import-wizard-body{flex:1;overflow-y:auto;padding:2rem}.entity-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;margin-bottom:2rem}.entity-type-card{padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:.5rem;background:none;cursor:pointer;transition:all .2s;color:var(--text-muted)}.entity-type-card:hover{background-color:#383a40cc}.entity-type-card.selected{background-color:#5865f21a;border-color:var(--accent-primary);color:var(--accent-primary)}.entity-type-icon{font-size:1.875rem}.entity-type-name{font-weight:700;text-transform:capitalize}.file-upload-area{width:100%;height:12rem;border:2px dashed var(--border-color);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.file-upload-area:hover{border-color:var(--accent-primary);background-color:#5865f20d}.file-upload-icon{font-size:3.75rem;color:var(--text-muted);margin-bottom:1rem}.file-upload-text{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.file-upload-hint{font-size:.875rem;color:var(--text-muted);margin-top:.5rem}.mapping-config{display:flex;justify-content:space-between;align-items:center;background-color:#383a4033;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:1.5rem}.mapping-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 2rem}.mapping-field{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border-radius:var(--radius-md);background-color:#383a404d;border:1px solid var(--border-color);transition:border-color .2s}.mapping-field:hover{border-color:#383a40cc}.mapping-field-header{display:flex;justify-content:space-between}.mapping-field-label{font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.mapping-field-required{color:var(--status-danger);font-size:.75rem}.mapping-field-example{font-size:.75rem;color:var(--text-muted)}.mapping-select{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem .75rem;color:#fff;outline:none;transition:all .2s}.mapping-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.preview-title{font-size:1.125rem;font-weight:700;color:#fff}.preview-stats{display:flex;flex-direction:column;align-items:flex-end;min-width:12.5rem;margin-right:1rem}.preview-progress{width:100%;height:.5rem;background-color:var(--bg-card);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-color);margin-top:.25rem}.preview-progress-bar{height:100%;background-color:var(--accent-primary);transition:width .3s ease-out}.preview-table{width:100%;border-collapse:collapse;font-size:.75rem;margin-top:1rem}.preview-table th{background-color:var(--bg-tertiary);color:var(--text-muted);padding:.5rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.625rem;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.preview-table td{padding:.5rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.preview-table tr.error{background-color:#ed42451a}.preview-table tr.valid{background-color:transparent}.preview-table tr:hover{background-color:var(--bg-overlay)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem}.pagination-button{padding:.5rem 1rem;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s}.pagination-button:hover:not(:disabled){background-color:var(--accent-primary);color:#fff}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.import-wizard-footer{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;background-color:var(--bg-card)}.wizard-button{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:.5rem}.wizard-button-secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.wizard-button-secondary:hover{background-color:var(--bg-overlay)}.wizard-button-primary{background-color:var(--accent-primary);color:#fff}.wizard-button-primary:hover:not(:disabled){background-color:var(--accent-hover)}.wizard-button-danger{background-color:var(--status-danger);color:#fff}.wizard-button-danger:hover:not(:disabled){background-color:#dc2626}.wizard-button:disabled{opacity:.5;cursor:not-allowed}.toggle-switch{position:relative;display:inline-block;width:2.5rem;height:1.5rem}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);transition:.3s;border-radius:var(--radius-full)}.toggle-slider:before{position:absolute;content:"";height:1.25rem;width:1.25rem;left:.125rem;bottom:.125rem;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(1rem)}.result-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem}.result-icon{width:5rem;height:5rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:3rem}.result-icon.success{background-color:#23a55a33;color:var(--status-success)}.result-icon.error{background-color:#ed424533;color:var(--status-danger)}.result-title{font-size:1.5rem;font-weight:700;color:#fff}.result-message{font-size:1rem;color:var(--text-muted);text-align:center}.hidden{display:none}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-4{row-gap:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-1>*+*{margin-top:.25rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mr-4{margin-right:1rem}.w-full{width:100%}.w-10{width:2.5rem}.w-12{width:3rem}.w-24{width:6rem}.h-2{height:.5rem}.h-6{height:1.5rem}.h-12{height:3rem}.h-20{height:5rem}.h-full{height:100%}.min-w-\[200px\]{min-width:200px}.min-h-\[80px\]{min-height:80px}.max-w-\[200px\]{max-width:200px}.max-w-2xl{max-width:42rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-h-40{max-height:10rem}.max-h-\[500px\]{max-height:500px}.max-h-\[80vh\]{max-height:80vh}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.col-span-3{grid-column:span 3 / span 3}.col-span-full{grid-column:1 / -1}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-black{font-weight:900}.text-white{color:#fff}.text-left{text-align:left}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}.text-brand-primary{color:var(--accent-primary)}.text-content-primary{color:var(--text-primary)}.text-content-muted{color:var(--text-muted)}.text-status-dnd{color:var(--status-danger)}.text-status-online{color:var(--status-success)}.text-brand-warning{color:#f59e0b}.text-gray-300{color:#d1d5db}.bg-discord-primary{background-color:var(--bg-main)}.bg-discord-secondary{background-color:var(--bg-card)}.bg-discord-tertiary{background-color:var(--bg-tertiary)}.bg-discord-tertiary\/20{background-color:#383a4033}.bg-discord-tertiary\/30{background-color:#383a404d}.bg-discord-tertiary\/40{background-color:#383a4066}.bg-brand-primary{background-color:var(--accent-primary)}.bg-brand-dark{background-color:var(--accent-hover)}.bg-status-online\/10{background-color:#23a55a1a}.bg-status-dnd{background-color:var(--status-danger)}.bg-status-dnd\/10{background-color:#ed42451a}.bg-brand-primary\/10{background-color:#5865f21a}.bg-brand-primary\/30{background-color:#5865f24d}.bg-status-online\/20{background-color:#23a55a33}.bg-status-dnd\/20{background-color:#ed424533}.bg-black\/50{background-color:#00000080}.bg-black\/90{background-color:#000000e6}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-discord-tertiary{border-color:var(--border-color)}.border-discord-secondary{border-color:var(--border-subtle)}.border-discord-tertiary\/80{border-color:#383a40cc}.border-brand-primary{border-color:var(--accent-primary)}.border-brand-primary\/20{border-color:#5865f233}.border-brand-primary\/30{border-color:#5865f24d}.border-status-online\/20{border-color:#23a55a33}.border-status-dnd\/20{border-color:#ed424533}.border-brand-warning\/50{border-color:#f59e0b80}.border-status-dnd\/50{border-color:#ed424580}.border-gray-500{border-color:#6b7280}.rounded{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.top-2{top:.5rem}.right-0{right:0}.right-2{right:.5rem}.left-\[2px\]{left:2px}.top-\[2px\]{top:2px}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.z-10{z-index:10}.z-\[60\]{z-index:60}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-\[-4px_0_4px_-4px_rgba\(0\,0\,0\,0\.5\)\]{box-shadow:-4px 0 4px -4px #00000080}.cursor-pointer{cursor:pointer}.outline-none{outline:none}.resize-none{resize:none}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:text-white:hover{color:#fff}.hover\:bg-discord-tertiary\/80:hover{background-color:#383a40cc}.hover\:bg-brand-dark:hover{background-color:var(--accent-hover)}.hover\:bg-red-600:hover{background-color:#dc2626}.hover\:bg-status-dnd\/80:hover{background-color:#ed4245cc}.hover\:border-discord-tertiary\/80:hover{border-color:#383a40cc}.hover\:border-brand-primary\/50:hover{border-color:#5865f280}.hover\:border-brand-warning\/50:hover{border-color:#f59e0b80}.hover\:border-status-dnd\/50:hover{border-color:#ed424580}.hover\:border-gray-500:hover{border-color:#6b7280}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:text-white{color:#fff}.disabled\:opacity-50:disabled{opacity:.5}.focus\:border-brand-primary:focus{border-color:var(--accent-primary)}.focus\:ring-1:focus{box-shadow:0 0 0 1px var(--accent-primary)}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--accent-primary)}.focus\:ring-brand-primary:focus{--tw-ring-color: var(--accent-primary)}.focus\:ring-status-dnd:focus{--tw-ring-color: var(--status-danger)}.focus\:outline-none:focus{outline:none}.peer:checked~.peer-checked\:bg-brand-primary{background-color:var(--accent-primary)}.peer:checked~.peer-checked\:after\:translate-x-full:after{transform:translate(100%)}.peer:checked~.peer-checked\:after\:border-white:after{border-color:#fff}.peer:focus~.peer-focus\:outline-none{outline:none}.after\:content-\[\'\'\]:after{content:""}.after\:absolute:after{position:absolute}.after\:top-\[2px\]:after{top:2px}.after\:left-\[2px\]:after{left:2px}.after\:bg-white:after{background-color:#fff}.after\:border-gray-300:after{border-color:#d1d5db}.after\:border:after{border-width:1px}.after\:rounded-full:after{border-radius:9999px}.after\:h-5:after{height:1.25rem}.after\:w-5:after{width:1.25rem}.after\:transition-all:after{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.animate-pulse-slow{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.divide-y>*+*{border-top-width:1px}.divide-discord-tertiary>*+*{border-color:var(--border-color)}.aspect-square{aspect-ratio:1 / 1}.ring-2{box-shadow:0 0 0 2px var(--accent-primary)}.ring-brand-primary\/50{box-shadow:0 0 0 2px #5865f280}.scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thumb-discord-tertiary::-webkit-scrollbar-thumb{background-color:var(--bg-tertiary);border-radius:4px}.scrollbar-track-transparent::-webkit-scrollbar-track{background-color:transparent}.object-cover{-o-object-fit:cover;object-fit:cover}.mx-auto{margin-left:auto;margin-right:auto}.skeleton{background-color:#e2e8f0;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dark .skeleton{background-color:#334155}.skeleton-text{border-radius:var(--radius-sm);height:1rem;width:75%}.skeleton-rect{border-radius:var(--radius-xl)}.skeleton-circle{border-radius:var(--radius-full)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:24rem}.toast{padding:1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:.75rem;animation:slideInRight .3s ease-out;border:1px solid}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.success{background-color:#23a55a1a;border-color:#23a55a4d;color:var(--status-success)}.toast.error{background-color:#ed42451a;border-color:#ed42454d;color:var(--status-danger)}.toast.warning{background-color:#faa61a1a;border-color:#faa61a4d;color:var(--status-warning)}.toast.info{background-color:#5865f21a;border-color:#5865f24d;color:var(--accent-primary)}.toast-icon{flex-shrink:0;font-size:1.25rem}.toast-message{flex:1;font-size:.875rem;font-weight:500}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:background-color .2s;color:inherit;opacity:.7}.toast-close:hover{opacity:1;background-color:#0000001a}.product-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;transition:all .2s;cursor:pointer}.product-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.product-card-image{width:100%;height:10rem;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md);margin-bottom:.75rem;background-color:var(--bg-tertiary)}.product-card-name{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-price{font-size:1.125rem;font-weight:700;color:var(--accent-primary)}.product-card-stock{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.global-screen-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-main);color:var(--text-primary);position:fixed;top:0;left:0;width:100vw;z-index:9999}.loader-spinner-lg{width:3rem;height:3rem;border:4px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.loader-text{font-size:.875rem;color:var(--text-muted);font-weight:500}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-main);position:relative;overflow:hidden;padding:1rem}.auth-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.3}.auth-background-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://assets-global.website-files.com/6257adef93867e56f84d3092/636e0a6a49cf127bf92de1e2_icon_clyde_blurple_RGB.png);background-repeat:repeat;opacity:.05}.auth-background-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,var(--bg-main))}.auth-card{width:100%;max-width:420px;background-color:var(--bg-card);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);position:relative;z-index:10}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-logo-container{display:flex;justify-content:center;margin-bottom:1rem}.auth-logo{width:3rem;height:3rem;background-color:var(--bg-tertiary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.auth-logo svg{width:1.75rem;height:1.75rem;color:var(--accent-primary)}.auth-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.auth-subtitle{font-size:.875rem;color:var(--text-muted)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-field{display:flex;flex-direction:column;gap:.5rem}.auth-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.auth-input-wrapper{position:relative}.auth-toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.auth-toggle-password:hover{color:var(--text-primary)}.auth-toggle-password .material-symbols-outlined{font-size:1.25rem}.auth-error{padding:.75rem;background-color:#ed42451a;border:1px solid rgba(237,66,69,.2);border-radius:var(--radius-md);color:var(--status-danger);font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.auth-success{padding:.75rem;background-color:#23a55a1a;border:1px solid rgba(35,165,90,.2);border-radius:var(--radius-md);color:var(--status-success);font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.auth-error-link{display:block;margin-top:.25rem;font-weight:700;color:var(--accent-primary);text-decoration:none}.auth-error-link:hover{text-decoration:underline}.auth-button{width:100%;height:2.75rem;background-color:var(--accent-primary);color:#fff;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background-color var(--transition-fast);margin-top:.5rem}.auth-button:hover:not(:disabled){background-color:var(--accent-hover)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-footer{margin-top:.5rem;font-size:.875rem;color:var(--text-muted);text-align:center}.auth-link{color:var(--accent-primary);text-decoration:none;font-weight:500}.auth-link:hover{text-decoration:underline}.auth-terms{display:flex;align-items:flex-start;gap:.75rem;margin-top:.25rem}.auth-terms-checkbox-wrapper{display:flex;height:1.25rem;align-items:center}.auth-terms-checkbox{width:1rem;height:1rem;border-radius:var(--radius-sm);border:none;background-color:var(--bg-tertiary);color:var(--accent-primary);cursor:pointer}.auth-terms-label{font-size:.75rem;color:var(--text-muted)}.auth-terms-link{font-weight:500;color:var(--accent-primary);text-decoration:none}.auth-terms-link:hover{text-decoration:underline}.auth-code-inputs{display:flex;gap:.5rem;justify-content:center;margin:1.5rem 0}.auth-code-input{width:3rem;height:3.5rem;text-align:center;font-size:1.5rem;font-weight:600;background-color:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast)}.auth-code-input:focus{border-color:var(--accent-primary);outline:none}.auth-resend{text-align:center;margin-top:1rem}.auth-resend-text{font-size:.875rem;color:var(--text-muted)}.auth-resend-button{background:none;border:none;color:var(--accent-primary);font-weight:600;cursor:pointer;padding:0;font-size:.875rem}.auth-resend-button:hover:not(:disabled){text-decoration:underline}.auth-resend-button:disabled{opacity:.5;cursor:not-allowed}.auth-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-primary);text-decoration:none;font-size:.875rem;font-weight:500;margin-bottom:1rem}.auth-back:hover{text-decoration:underline}.community-layout{display:flex;height:100vh;overflow:hidden;background-color:var(--bg-main);width:100%}.channels-sidebar{width:60px;background-color:var(--bg-secondary);display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);flex-shrink:0;transition:width var(--transition-normal)}@media(min-width:768px){.channels-sidebar{width:240px}}.channels-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background-color var(--transition-fast)}.channels-header:hover{background-color:var(--bg-elevated)}.channels-title{font-weight:700;font-size:1rem;color:var(--text-header);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}@media(min-width:768px){.channels-title{display:block}}.channels-list{flex:1;overflow-y:auto;padding:.5rem}.channel-category{margin-top:1rem}.category-header{display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;margin-bottom:.25rem;cursor:pointer}.category-name{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);display:none}@media(min-width:768px){.category-name{display:block}}.category-add-btn{color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.category-header:hover .category-add-btn{opacity:1}.channel-item{display:flex;align-items:center;padding:.375rem .5rem;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;border:none;background:none;width:100%;text-align:left}.channel-item:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.channel-item.active{background-color:rgba(var(--brand-primary-rgb),.1);color:var(--text-header)}.channel-item.active .channel-icon{color:var(--text-header)}.channel-icon{font-size:1.25rem;margin-right:.5rem;color:var(--text-muted)}.channel-name{font-size:.9375rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}@media(min-width:768px){.channel-name{display:block}}.channel-badge{margin-left:auto;background-color:var(--status-danger);color:#fff;font-size:.625rem;font-weight:700;padding:0 .25rem;border-radius:999px;min-width:1rem;text-align:center;display:none}@media(min-width:768px){.channel-badge{display:block}}.user-panel{padding:.5rem;background-color:var(--bg-tertiary);display:flex;align-items:center;gap:.5rem}.chat-area{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-main);height:100%}.chat-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--border-subtle);background-color:var(--bg-main);box-shadow:0 1px 2px #0000000d;z-index:10;flex-shrink:0}.chat-header-info{display:flex;align-items:center;overflow:hidden}.chat-hash{font-size:1.5rem;color:var(--text-muted);margin-right:.5rem;font-weight:300}.chat-title{font-weight:700;font-size:1rem;color:var(--text-header);margin-right:.5rem}.chat-topic{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}@media(min-width:640px){.chat-topic{display:block}}.chat-search-box{position:relative;display:none}@media(min-width:768px){.chat-search-box{display:block}}.chat-search-input{background-color:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.875rem;width:140px;transition:width var(--transition-fast)}.chat-search-input:focus{width:200px;outline:none}.messages-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;min-height:0}.date-divider{display:flex;align-items:center;margin:1.5rem 0 .5rem}.date-line{flex:1;height:1px;background-color:var(--border-subtle)}.date-text{font-size:.75rem;font-weight:600;color:var(--text-muted);margin:0 1rem}.message-group{margin-top:1rem;display:flex;padding:.25rem 0}.message-group:hover{background-color:#00000005}[data-theme=dark] .message-group:hover{background-color:#ffffff05}.message-avatar{width:40px;height:40px;border-radius:50%;margin-right:1rem;flex-shrink:0;cursor:pointer;transition:opacity var(--transition-fast)}.message-avatar:hover{opacity:.8}.message-content-wrapper{flex:1;min-width:0}.message-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.message-author{font-weight:500;color:var(--text-header);cursor:pointer}.message-author:hover{text-decoration:underline}.message-timestamp{font-size:.75rem;color:var(--text-muted)}.message-text{font-size:.9375rem;color:var(--text-primary);line-height:1.375rem;white-space:pre-wrap;word-break:break-word}.system-message{display:flex;justify-content:center;margin:1rem 0}.system-message-content{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem}.chat-input-area{padding:0 1rem 1.5rem;background-color:var(--bg-main);flex-shrink:0}.chat-input-wrapper{background-color:var(--bg-input);border-radius:var(--radius-md);padding:.75rem .5rem;display:flex;align-items:center;gap:.5rem}.chat-attach-btn{color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;background:none}.chat-attach-btn:hover{color:var(--text-primary);background-color:var(--bg-elevated)}.chat-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.9375rem;resize:none;max-height:200px;outline:none;padding:2px 0;min-width:0}.chat-input::-moz-placeholder{color:var(--text-muted)}.chat-input::placeholder{color:var(--text-muted)}.chat-actions{display:flex;align-items:center;gap:.25rem}.members-sidebar{width:240px;background-color:var(--bg-secondary);display:none;flex-direction:column;height:100%;border-left:1px solid var(--border-subtle);flex-shrink:0}@media(min-width:1024px){.members-sidebar{display:flex}}.members-header{height:48px;display:flex;align-items:center;padding:0 1rem;color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--border-subtle)}.members-list{flex:1;overflow-y:auto;padding:1rem .5rem}.member-category-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin:1rem .5rem .5rem}.member-item{display:flex;align-items:center;padding:.375rem .5rem;border-radius:var(--radius-sm);cursor:pointer;gap:.75rem;transition:background-color var(--transition-fast)}.member-item:hover{background-color:var(--bg-elevated)}.member-avatar-wrapper{position:relative;width:32px;height:32px;flex-shrink:0}.member-avatar{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.member-status-dot{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-secondary)}.member-status-dot.online{background-color:var(--status-success)}.member-status-dot.offline{background-color:var(--text-muted)}.member-status-dot.busy{background-color:var(--status-danger)}.member-info{flex:1;min-width:0}.member-name{font-size:.9375rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-item:hover .member-name{color:var(--text-header)}.member-role{font-size:.7rem;color:var(--text-muted)}.marketplace-layout{display:flex;height:100vh;width:100%;overflow:hidden;background-color:var(--bg-main);color:var(--text-normal)}.marketplace-sidebar{width:240px;background-color:var(--bg-secondary);display:flex;flex-direction:column;padding-top:1rem;padding-left:.5rem;padding-right:.5rem;flex-shrink:0;border-right:1px solid var(--border-subtle)}.marketplace-sidebar-title{padding:0 .75rem;font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--text-header)}.marketplace-nav-btn{width:100%;text-align:left;padding:.5rem .75rem;border-radius:var(--radius-sm);display:flex;align-items:center;gap:.75rem;transition:background-color var(--transition-fast),color var(--transition-fast);background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1rem;margin-bottom:.125rem}.marketplace-nav-btn:hover{background-color:var(--bg-elevated);color:var(--text-normal)}.marketplace-nav-btn.active{background-color:var(--bg-elevated);color:var(--text-header);font-weight:500}.marketplace-nav-icon{font-size:1.25rem}.marketplace-divider{border-top:1px solid var(--border-subtle);margin:1rem .75rem;padding-top:1rem}.marketplace-category-header{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem;padding:0 .75rem}.marketplace-category-link{width:100%;text-align:left;font-size:.875rem;color:var(--text-muted);padding:.25rem .75rem;background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.marketplace-category-link:hover{color:var(--text-normal);text-decoration:underline}.marketplace-content{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;overflow-y:auto;background-color:var(--bg-main)}.marketplace-hero{position:relative;height:200px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--brand-primary),#7c3aed);color:#fff}.marketplace-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0003}.marketplace-hero-content{position:relative;z-index:10;width:100%;max-width:42rem;text-align:center}.marketplace-hero-title{font-size:1.875rem;font-weight:900;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.marketplace-search-wrapper{position:relative;width:100%}.marketplace-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:#6b7280}.marketplace-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:var(--radius-md);background-color:#fff;color:#111827;border:none;outline:none;font-size:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:box-shadow var(--transition-fast)}.marketplace-search-input:focus{box-shadow:0 0 0 2px var(--brand-secondary),0 4px 6px -1px #0000001a}.marketplace-grid-container{padding:2rem}.marketplace-section-title{font-size:1.125rem;font-weight:700;color:var(--text-header);margin-bottom:1rem}.marketplace-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.marketplace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.marketplace-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1280px){.marketplace-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.app-card{background-color:var(--bg-secondary);border:1px solid var(--bg-secondary);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;height:280px;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);cursor:pointer}.app-card:hover{background-color:var(--bg-elevated);border-color:var(--bg-tertiary);transform:translateY(-2px)}.app-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.app-icon-wrapper{width:3rem;height:3rem;background-color:var(--bg-tertiary);border-radius:var(--radius-md);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.app-icon-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-icon-placeholder{font-size:1.25rem;font-weight:700;color:var(--text-muted)}.app-info{min-width:0;flex:1}.app-title{font-weight:700;color:var(--text-header);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}.app-verified-badge{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted);margin-top:.125rem}.app-verified-icon{font-size:.875rem;color:var(--brand-primary)}.app-description{flex:1;font-size:.875rem;color:var(--text-secondary);line-height:1.4;overflow:hidden;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.app-footer{margin-top:auto}.app-actions{display:flex;gap:.5rem;width:100%}.btn-approve{flex:1;padding:.375rem;background-color:var(--status-success);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:700;cursor:pointer;transition:opacity var(--transition-fast)}.btn-approve:hover{opacity:.9}.btn-reject{flex:1;padding:.375rem;background-color:var(--status-danger);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:700;cursor:pointer;transition:opacity var(--transition-fast)}.btn-reject:hover{opacity:.9}.btn-details{width:100%;padding:.375rem;background-color:var(--bg-tertiary);color:var(--text-normal);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.app-card:hover .btn-details{background-color:var(--brand-primary);color:#fff}.app-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;font-size:.75rem;color:var(--text-muted);font-family:monospace}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;color:var(--text-muted);text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-title{font-size:1.125rem;font-weight:500;margin-bottom:.25rem}.empty-subtitle{font-size:.875rem}.moderation-layout{display:flex;height:100vh;width:100%;overflow:hidden;background-color:var(--bg-main);color:var(--text-normal);font-family:var(--font-primary)}.moderation-sidebar{width:260px;display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);background-color:var(--bg-secondary);flex-shrink:0;z-index:20;display:none}@media(min-width:1024px){.moderation-sidebar{display:flex}}.admin-profile-header{padding:1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border-subtle)}.admin-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-size:cover;background-position:center;flex-shrink:0;box-shadow:0 1px 2px #0000001a}.admin-info{display:flex;flex-direction:column;overflow:hidden}.admin-name{color:var(--text-header);font-size:.875rem;font-weight:700;line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-role{color:var(--text-muted);font-size:.75rem;font-weight:500;line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-nav{flex:1;display:flex;flex-direction:column;gap:.25rem;padding:1rem .75rem;overflow-y:auto}.admin-nav-link{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:var(--radius-sm);color:var(--text-muted);transition:background-color var(--transition-fast),color var(--transition-fast);text-decoration:none}.admin-nav-link:hover{background-color:var(--bg-elevated);color:var(--text-normal)}.admin-nav-link.active{background-color:rgba(var(--brand-primary-rgb),.1);color:var(--brand-primary);border:1px solid rgba(var(--brand-primary-rgb),.2);box-shadow:0 1px 2px #0000000d}.admin-nav-icon{font-size:1.25rem}.admin-nav-text{font-size:.875rem;font-weight:600}.moderation-content{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.moderation-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);box-shadow:0 1px 2px #0000000d;z-index:10;flex-shrink:0}.header-container{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.header-row{display:flex;justify-content:space-between;align-items:flex-start}.page-title{color:var(--text-header);font-size:1.5rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}.page-subtitle{color:var(--text-muted);font-size:.875rem;margin-top:.25rem}.highlight-tag{color:var(--brand-primary);font-weight:500;background-color:rgba(var(--brand-primary-rgb),.1);padding:.125rem .375rem;border-radius:var(--radius-sm)}.btn-refresh{display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.25rem;padding:0 1rem;border-radius:var(--radius-sm);background-color:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-normal);font-size:.875rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer}.btn-refresh:hover{background-color:var(--bg-tertiary)}.moderation-list-wrapper{flex:1;display:flex;overflow:hidden}.moderation-table-container{flex:1;overflow-y:auto;min-width:0;background-color:var(--bg-secondary)}.mod-table{width:100%;text-align:left;border-collapse:collapse}.mod-thead{background-color:var(--bg-tertiary);position:sticky;top:0;z-index:10;box-shadow:0 1px 2px #0000000d;border-bottom:1px solid var(--border-subtle)}.mod-th{padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.mod-tr{cursor:pointer;transition:background-color var(--transition-fast);border-left:4px solid transparent;border-bottom:1px solid var(--border-subtle)}.mod-tr:hover{background-color:var(--bg-tertiary)}.mod-tr.selected{background-color:rgba(var(--brand-primary-rgb),.05);border-left-color:var(--brand-primary)}.mod-tr.selected:hover{background-color:rgba(var(--brand-primary-rgb),.1)}.mod-td{padding:.75rem 1rem;vertical-align:middle}.td-product-img{width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);background-size:cover;background-position:center;box-shadow:0 1px 2px #0000001a}.td-product-name{color:var(--text-header);font-size:.875rem;font-weight:600}.td-product-id{color:var(--text-muted);font-size:.75rem;font-family:monospace}.td-vendor-wrapper{display:flex;align-items:center;gap:.5rem}.td-vendor-avatar{width:1.5rem;height:1.5rem;border-radius:50%;background-color:rgba(var(--brand-primary-rgb),.1);display:flex;align-items:center;justify-content:center;color:var(--brand-primary);font-size:.625rem;font-weight:700}.td-vendor-name{color:var(--text-normal);font-size:.875rem;font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;background-color:var(--bg-tertiary);border:1px solid transparent}.status-badge.reported{background-color:rgba(var(--status-danger-rgb),.1);color:var(--status-danger);border-color:rgba(var(--status-danger-rgb),.2)}.status-badge.pending{background-color:rgba(var(--status-warning-rgb),.1);color:var(--status-warning);border-color:rgba(var(--status-warning-rgb),.2)}.detail-panel{width:420px;border-left:1px solid var(--border-subtle);background-color:var(--bg-secondary);display:flex;flex-direction:column;flex-shrink:0;box-shadow:-4px 0 12px #0000000d;z-index:20}.detail-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.detail-header-status{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.detail-status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background-color:var(--status-warning);box-shadow:0 0 0 2px rgba(var(--status-warning-rgb),.2)}@keyframes pulse-dot{50%{opacity:.5}}.detail-status-dot{animation:pulse-dot 2s cubic-bezier(.4,0,.6,1) infinite}.detail-status-text{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-title{font-size:1.25rem;font-weight:700;color:var(--text-header)}.detail-id{font-size:.875rem;color:var(--text-muted);font-family:monospace}.detail-hero-img{position:relative;aspect-ratio:16/9;background-color:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle)}.detail-img-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.detail-stat-box{padding:.75rem;border-radius:var(--radius-md);background-color:var(--bg-main);border:1px solid var(--border-subtle)}.detail-stat-label{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase}.detail-stat-value{font-size:1.125rem;font-weight:700;color:var(--text-header)}.detail-desc-box{padding:.75rem;background-color:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.detail-desc-text{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.policy-card{padding:1rem;border-radius:var(--radius-md);background-color:rgba(var(--brand-primary-rgb),.05);border:1px solid rgba(var(--brand-primary-rgb),.1)}.policy-title{font-size:.875rem;font-weight:700;color:var(--text-header);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.policy-checkbox-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.policy-checkbox{width:1rem;height:1rem;border-radius:.25rem;border:1px solid var(--border-subtle);accent-color:var(--brand-primary)}.policy-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.detail-footer{padding:1.25rem;border-top:1px solid var(--border-subtle);background-color:var(--bg-secondary);margin-top:auto;display:flex;flex-direction:column;gap:1rem;box-shadow:0 -4px 6px -1px #0000000d}.decision-label{display:block;font-size:.75rem;font-weight:700;color:var(--text-header);margin-bottom:.375rem;text-transform:uppercase}.decision-textarea{width:100%;background-color:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-normal);border-radius:var(--radius-md);padding:.75rem;font-size:.875rem;resize:none;outline:none;transition:box-shadow var(--transition-fast)}.decision-textarea:focus{box-shadow:0 0 0 2px var(--brand-primary)}.action-buttons{display:flex;align-items:center;gap:.75rem}.btn-block{flex:1;height:2.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-md);background-color:var(--bg-secondary);border:1px solid var(--status-danger);color:var(--status-danger);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-block:hover{background-color:rgba(var(--status-danger-rgb),.05)}.btn-reject{flex:1;height:2.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-md);background-color:var(--bg-secondary);border:1px solid var(--status-danger);color:var(--status-danger);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-reject:hover{background-color:rgba(var(--status-danger-rgb),.05)}.btn-approve-success{flex:1.5;height:2.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-md);background-color:var(--status-success);color:#fff;font-weight:600;border:none;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all var(--transition-fast)}.btn-approve-success:hover{opacity:.9;box-shadow:0 4px 6px #00000026}.products-layout{display:flex;flex-direction:column;height:100%;background-color:var(--bg-main);color:var(--text-normal);font-family:Inter,sans-serif;overflow:hidden}.products-header{flex-shrink:0;height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid var(--border-subtle);background-color:var(--bg-main);gap:1.5rem}.products-header-title-group{display:flex;align-items:center;gap:.75rem;min-width:-moz-max-content;min-width:max-content}.products-header-icon{color:var(--brand-primary);font-size:1.5rem}.products-header-title{font-size:1.125rem;font-weight:700;color:var(--text-header);display:none}@media(min-width:640px){.products-header-title{display:block}}.products-header-divider{height:1.5rem;width:1px;background-color:var(--border-subtle);display:none}@media(min-width:640px){.products-header-divider{display:block}}.products-header-badge{font-size:.75rem;font-weight:600;color:var(--text-muted);background-color:var(--bg-tertiary);padding:.25rem .5rem;border-radius:9999px;display:none}@media(min-width:1024px){.products-header-badge{display:block}}.products-search-wrapper{flex:1;max-width:32rem}.products-search-label{position:relative;width:100%;display:block}.products-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.products-search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-tertiary);color:var(--text-normal);font-size:.875rem;transition:all var(--transition-fast)}.products-search-input:focus{background-color:var(--bg-main);border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary);outline:none}.products-actions{display:flex;align-items:center;gap:.75rem}.btn-create{padding:.5rem 1rem;background-color:var(--brand-primary);color:#fff;font-weight:600;font-size:.875rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:.5rem;transition:background-color var(--transition-fast)}.btn-create:hover{background-color:var(--brand-hover)}.btn-secondary-action{padding:.5rem 1rem;background-color:var(--bg-tertiary);color:var(--text-normal);font-weight:500;font-size:.875rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);display:none;align-items:center;gap:.5rem;transition:all var(--transition-fast)}@media(min-width:768px){.btn-secondary-action{display:flex}}.btn-secondary-action:hover{background-color:var(--bg-hover);border-color:var(--text-muted)}.products-content{flex:1;display:flex;overflow:hidden}.products-sidebar{width:18rem;border-right:1px solid var(--border-subtle);background-color:var(--bg-secondary);display:none;flex-direction:column;overflow-y:auto;padding:1.5rem;gap:2rem}@media(min-width:1024px){.products-sidebar{display:flex}}.products-stats-grid{display:grid;grid-template-columns:1fr;gap:1rem}.products-stat-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1rem}.products-stat-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.products-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-header);margin-top:.25rem}.products-stat-value.primary{color:var(--brand-primary)}.products-sidebar-section{display:flex;flex-direction:column;gap:.75rem}.products-sidebar-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.products-nav-list{display:flex;flex-direction:column;gap:.25rem}.products-nav-btn{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;color:var(--text-muted);transition:all var(--transition-fast);text-align:left}.products-nav-btn:hover{background-color:var(--bg-tertiary);color:var(--text-normal)}.products-nav-btn.active{background-color:rgba(var(--brand-primary-rgb),.1);color:var(--brand-primary);font-weight:600}.products-filter-select{width:100%;padding:.5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-card);color:var(--text-normal);font-size:.875rem;outline:none}.products-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-main)}.products-list-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-main)}.products-list-count{font-size:.875rem;color:var(--text-muted);font-weight:500}.products-list-container{flex:1;overflow-y:auto;padding:1.5rem}.products-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.products-list-item{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1rem;display:flex;align-items:center;gap:1rem;transition:all var(--transition-fast)}.products-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d;border-color:var(--brand-primary)}.list-item-icon-wrapper{width:3rem;height:3rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.list-item-icon-wrapper.department{background-color:#3b82f61a;color:#3b82f6}.list-item-icon-wrapper.brand{background-color:#f973161a;color:#f97316}.list-item-content{flex:1;min-width:0}.list-item-title{font-weight:600;color:var(--text-normal);font-size:.9375rem;margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-subtitle{font-size:.75rem;color:var(--text-muted)}.list-item-actions{opacity:0;transition:opacity .2s}.products-list-item:hover .list-item-actions{opacity:1}.btn-icon-action{padding:.5rem;color:var(--text-muted);border-radius:var(--radius-lg);transition:color var(--transition-fast)}.btn-icon-action:hover{color:#dc2626;background-color:#fee2e2}.products-pagination{padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);background-color:var(--bg-main);display:flex;align-items:center;justify-content:space-between}.btn-pagination{padding:.25rem .5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-card);transition:all var(--transition-fast)}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.btn-pagination:not(:disabled):hover{background-color:var(--bg-tertiary);border-color:var(--text-muted)}.modal-grid{display:grid;gap:1rem}.modal-grid.cols-2{grid-template-columns:1fr}@media(min-width:768px){.modal-grid.cols-2{grid-template-columns:repeat(2,1fr)}}.modal-grid.cols-3{grid-template-columns:repeat(3,1fr)}.modal-form-group{display:flex;flex-direction:column}.modal-form-group.col-span-2{grid-column:span 2}.modal-label{display:block;font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem}.modal-input,.modal-select,.modal-textarea{width:100%;padding:.5rem 1rem;border-radius:.75rem;border:2px solid var(--border-color);background-color:var(--bg-medium);color:var(--text-primary);font-size:.875rem;outline:none;transition:all var(--transition-fast)}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{border-color:var(--accent-primary);background-color:var(--bg-light);box-shadow:0 0 0 3px #5865f21a}.modal-input[readonly]{background-color:var(--bg-dark);color:var(--text-muted)}.modal-preview-image{margin-top:.5rem;width:100%;height:10rem;background-color:var(--bg-tertiary);border-radius:var(--radius-xl);overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle)}.modal-preview-image img{height:100%;-o-object-fit:contain;object-fit:contain}.modal-btn-search{padding:.5rem 1rem;background-color:#9333ea;color:#fff;font-weight:700;border-radius:.75rem;display:flex;align-items:center;gap:.5rem;transition:background-color var(--transition-fast)}.modal-btn-search:hover{background-color:#7e22ce}.modal-btn-cancel{padding:.5rem 1rem;color:var(--text-muted);font-weight:700;transition:color var(--transition-fast)}.modal-btn-cancel:hover{color:var(--text-normal);text-decoration:underline}.modal-btn-save{padding:.5rem 1.5rem;background-color:var(--brand-primary);color:#fff;font-weight:700;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(var(--brand-primary-rgb),.2);transition:all var(--transition-fast)}.modal-btn-save:not(:disabled):hover{background-color:var(--brand-hover)}.mt-4{margin-top:1rem}.border-t{border-top:1px solid var(--border-subtle)}.pt-4{padding-top:1rem}.flex-gap-2{display:flex;gap:.5rem}.icon-md{font-size:1.125rem}.icon-lg{font-size:1.25rem}.status-badge-sm{font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:9999px}.status-badge-sm.active{background-color:#22c55e1a;color:#22c55e}.status-badge-sm.inactive{background-color:var(--bg-tertiary);color:var(--text-muted)}.transfer-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.btn-transfer{padding:.5rem 1.5rem;background-color:#9333ea;color:#fff;font-weight:700;border-radius:.75rem;transition:background-color var(--transition-fast)}.btn-transfer:hover{background-color:#7e22ce}.search-image-container{display:flex;gap:.5rem}.modal-grid-3-bordered{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border-top:1px solid var(--border-subtle);padding-top:1rem}.modal-grid-2-bordered{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;border-top:1px solid var(--border-subtle);padding-top:1rem}.services-layout{display:flex;flex-direction:column;height:100%;background-color:var(--bg-darkest);color:var(--text-normal);font-family:Inter,sans-serif;overflow:hidden}.services-header{flex-shrink:0;height:4.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-darker);gap:1.5rem}.services-header-actions{display:flex;align-items:center;gap:1rem}.services-search-container{position:relative;width:20rem;display:none}@media(min-width:768px){.services-search-container{display:block}}.services-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.services-search-input{width:100%;padding:.625rem .75rem .625rem 2.25rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-darkest);color:var(--text-normal);font-size:.875rem;transition:all var(--transition-fast)}.services-search-input:focus{background-color:var(--bg-main);border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary);outline:none}.services-header-nav{display:none;align-items:center;gap:1.5rem;margin-right:1rem}@media(min-width:1024px){.services-header-nav{display:flex}}.services-header-link{font-size:.875rem;font-weight:500;color:var(--text-muted);transition:color var(--transition-fast)}.services-header-link:hover{color:var(--text-normal)}.services-icon-btn{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.services-icon-btn:hover{background-color:var(--bg-tertiary);color:var(--text-normal)}.services-profile-img{width:2.5rem;height:2.5rem;border-radius:50%;background-size:cover;background-position:center;border:2px solid var(--border-subtle);cursor:pointer}.services-content{flex:1;overflow-y:auto;padding:2rem;position:relative;background-color:var(--bg-darkest)}.services-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffff80;z-index:50;display:flex;align-items:center;justify-content:center}:root[class=dark] .services-loading-overlay{background-color:#00000080}.services-main-container{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.services-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted)}.services-page-header{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.services-page-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.services-title{font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em;margin:0}.services-subtitle{color:var(--text-muted);margin-top:.25rem}.services-actions-group{display:flex;align-items:center;gap:.75rem}.btn-import{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;color:var(--text-normal);background-color:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.btn-import:hover{background-color:var(--bg-tertiary);border-color:var(--text-muted)}.btn-primary-action{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;color:#fff;background-color:var(--brand-primary);box-shadow:0 4px 6px -1px rgba(var(--brand-primary-rgb),.2);transition:all var(--transition-fast)}.btn-primary-action:hover{background-color:var(--brand-hover);transform:translateY(-1px)}.services-stats-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.services-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.services-stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem;transition:all .2s ease;display:flex;flex-direction:column;gap:12px}.stat-card:hover{border-color:var(--bg-light);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.stat-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.stat-icon{font-size:1.25rem;color:var(--text-muted)}.stat-content{display:flex;align-items:baseline;gap:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-header)}.stat-badge{font-size:.75rem;font-weight:600;color:#16a34a;background-color:#dcfce7;padding:.125rem .375rem;border-radius:9999px}.services-table-container{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 15px #0003}.services-tabs-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-darker)}.services-tabs-list{display:flex;padding:0 1.5rem;gap:2rem;overflow-x:auto}.services-tab{padding:1rem 0;border-bottom:2px solid transparent;color:var(--text-muted);font-weight:500;font-size:.875rem;transition:all var(--transition-fast)}.services-tab:hover{color:var(--text-normal)}.services-tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.tab-content-wrapper{display:flex;align-items:center;gap:.5rem}.services-filters-toolbar{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem;background-color:var(--bg-dark)}@media(min-width:640px){.services-filters-toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.filter-search-box{position:relative;max-width:24rem;width:100%}.filter-search-icon-marker{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.filter-search-input{width:100%;padding:.625rem .75rem .625rem 2.25rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-darkest);color:var(--text-normal);font-size:.875rem;outline:none;transition:all var(--transition-fast)}.filter-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.filter-status-select{padding:.625rem 2rem .625rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-darkest);color:var(--text-normal);font-size:.875rem;outline:none;cursor:pointer}.services-table-wrapper{overflow-x:auto}.services-table{width:100%;border-collapse:collapse}.services-thead{background-color:var(--bg-darker)}.services-th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.services-th.text-right{text-align:right}.services-th.text-center{text-align:center}.services-tr{background-color:transparent;transition:all var(--transition-fast)}.services-tr:hover{background-color:var(--bg-medium)}.services-td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--text-primary)}.services-td.text-right{text-align:right}.services-td.text-center{text-align:center}.service-item-info{display:flex;align-items:center;gap:1rem}.service-img-box{width:2.5rem;height:2.5rem;border-radius:var(--radius-lg);background-color:var(--bg-tertiary);overflow:hidden;flex-shrink:0}.service-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.service-text-group{display:flex;flex-direction:column}.service-name{font-weight:600;color:var(--text-normal)}.service-meta{font-size:.75rem;color:var(--text-muted)}.category-pill{display:inline-flex;padding:.25rem .75rem;border-radius:9999px;background-color:var(--bg-medium);color:var(--text-secondary);font-size:.75rem;font-weight:500;border:1px solid var(--border-color)}.btn-action-icon{padding:.5rem;border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast)}.btn-action-icon:hover{color:var(--brand-primary);background-color:var(--bg-tertiary)}.btn-action-icon.delete:hover{color:var(--accent-danger);background-color:#ed42451a}.category-icon-box{width:2.5rem;height:2.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.services-pagination{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-darker)}.pagination-text{font-size:.875rem;color:var(--text-muted)}.pagination-nav{display:flex;gap:.25rem}.page-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:.875rem;color:var(--text-muted);border:1px solid transparent;transition:all var(--transition-fast)}.services-checkbox{width:1rem;height:1rem;border-radius:.25rem;border:1px solid var(--border-subtle);background-color:var(--bg-main);color:var(--brand-primary)}.status-indicator{width:.5rem;height:.5rem;border-radius:50%}.status-indicator.active{background-color:#22c55e}.status-indicator.inactive{background-color:var(--text-muted)}.toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.services-modal-form{display:flex;flex-direction:column;gap:1.25rem}.modal-field-group{display:flex;flex-direction:column;gap:.375rem}.modal-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.services-mobile-menu-btn{display:block;color:var(--text-muted)}@media(min-width:768px){.services-mobile-menu-btn{display:none}}.services-header-right{display:flex;gap:.5rem}.services-page-header-text{display:flex;flex-direction:column;gap:.25rem}.filters-right-group{display:flex;width:100%;gap:.75rem}@media(min-width:640px){.filters-right-group{width:auto}}.toggle-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.toggle-slider{position:relative;height:1.25rem;width:2.25rem;border-radius:9999px;background-color:var(--bg-tertiary);transition:background-color var(--transition-fast)}.toggle-slider:after{content:"";position:absolute;left:2px;top:2px;height:1rem;width:1rem;border-radius:50%;background-color:#fff;transition:transform var(--transition-fast);box-shadow:0 1px 2px #0003}.toggle-checkbox:checked+.toggle-slider{background-color:var(--brand-primary)}.toggle-checkbox:checked+.toggle-slider:after{transform:translate(100%)}.service-status-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer}.service-row-actions{display:flex;justify-content:flex-end;gap:.5rem;opacity:0;transition:opacity var(--transition-fast)}.services-tr:hover .service-row-actions{opacity:1}.category-icon-box.blue{background-color:#3b82f61a;color:#2563eb}:root[class=dark] .category-icon-box.blue{background-color:#1e3a8a4d;color:#60a5fa}.category-icon-box.purple{background-color:#9333ea1a;color:#9333ea}:root[class=dark] .category-icon-box.purple{background-color:#581c874d;color:#c084fc}.category-icon-box.orange{background-color:#f973161a;color:#ea580c}:root[class=dark] .category-icon-box.orange{background-color:#7c2d124d;color:#fb923c}.category-icon-box.gray{background-color:var(--bg-medium);color:var(--text-muted)}.category-status-badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border:1px solid transparent}.category-status-badge.active{background-color:#22c55e1a;color:#15803d;border-color:#22c55e33}:root[class=dark] .category-status-badge.active{background-color:#14532d4d;color:#4ade80}.category-status-badge.inactive{background-color:var(--bg-medium);color:var(--text-muted);border-color:var(--border-color)}.category-item-wrapper{display:flex;align-items:center;gap:.75rem}.modal-btn-cancel{padding:.5rem 1rem;color:var(--text-muted);font-weight:500;border-radius:var(--radius-lg);background-color:transparent;transition:background-color var(--transition-fast)}.modal-btn-cancel:hover{background-color:var(--bg-tertiary);color:var(--text-normal)}.modal-btn-save{padding:.5rem 1rem;background-color:var(--brand-primary);color:#fff;font-weight:700;border-radius:var(--radius-lg);display:flex;align-items:center;gap:.5rem;transition:background-color var(--transition-fast)}.modal-btn-save:hover{background-color:var(--brand-hover)}.modal-btn-save:disabled{opacity:.7}.text-icon-lg{font-size:1.25rem}.text-icon-md{font-size:1.125rem}.font-bold{font-weight:700}.col-checkbox{width:3rem}.table-empty-state{padding:3rem 0;text-align:center;color:var(--text-muted)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repairs-layout{display:flex;flex-direction:column;height:100%;background-color:var(--bg-main);color:var(--text-normal);font-family:Inter,sans-serif;overflow:hidden}.repairs-header{flex-shrink:0;height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid var(--border-subtle);background-color:var(--bg-main);gap:1.5rem}.repairs-header-title{display:flex;align-items:center}.header-title-text{font-size:1.125rem;font-weight:700;color:var(--text-header)}.repairs-search-container{flex:1;max-width:32rem;display:none}@media(min-width:768px){.repairs-search-container{display:block}}.repairs-search-box{position:relative;width:100%}.repairs-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.repairs-search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-tertiary);color:var(--text-normal);font-size:.875rem;transition:all var(--transition-fast)}.repairs-search-input:focus{background-color:var(--bg-main);border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary);outline:none}.repairs-header-actions{display:flex;align-items:center;gap:.75rem}.repairs-icon-btn{position:relative;padding:.5rem;color:var(--text-muted);border-radius:50%;transition:all var(--transition-fast)}.repairs-icon-btn:hover{background-color:var(--bg-tertiary);color:var(--text-normal)}.notification-badge{position:absolute;top:2px;right:2px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:2px solid var(--bg-main)}.repairs-content{flex:1;overflow-y:auto;padding:1.5rem 2rem;position:relative;background-color:var(--bg-secondary)}.repairs-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffff80;z-index:50;display:flex;align-items:center;justify-content:center}:root[class=dark] .repairs-loading-overlay{background-color:#00000080}.repairs-main-container{max-width:90rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.repairs-breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted)}.breadcrumb-separator{color:var(--text-disabled)}.breadcrumb-current{font-weight:500;color:var(--text-normal)}.repairs-page-header{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.repairs-page-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.repairs-title{font-size:1.875rem;font-weight:800;color:var(--text-header);letter-spacing:-.025em}.repairs-subtitle{color:var(--text-muted);margin-top:.25rem}.btn-new-order{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--brand-primary);color:#fff;font-weight:700;font-size:.9375rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px rgba(var(--brand-primary-rgb),.3);transition:all var(--transition-fast)}.btn-new-order:hover{background-color:var(--brand-hover);transform:translateY(-1px)}.repairs-stats-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.repairs-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.repairs-stats-grid{grid-template-columns:repeat(4,1fr)}}.stats-card-repair{position:relative;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.5rem;overflow:hidden;transition:all var(--transition-fast);display:flex;flex-direction:column;justify-content:space-between;min-height:8rem}.stats-card-repair:hover{border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.stats-bg-icon{position:absolute;right:-1rem;bottom:-1rem;opacity:.05;transform:rotate(-15deg);transition:all .3s ease}.stats-card-repair:hover .stats-bg-icon{opacity:.1;transform:rotate(0) scale(1.1)}.stats-label{font-size:.875rem;font-weight:600;color:var(--text-muted);z-index:1}.stats-value-group{display:flex;align-items:center;gap:.75rem;z-index:1}.stats-value{font-size:2.25rem;font-weight:800;color:var(--text-header);line-height:1}.stats-badge{font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:9999px;display:flex;align-items:center}.stats-badge.new{background-color:#22c55e1a;color:#22c55e}.stats-badge.alert{background-color:#ef44441a;color:#ef4444}.repairs-table-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden}.repairs-filters-bar{padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-tertiary);flex-wrap:wrap;gap:1rem}.status-filters{display:flex;gap:.5rem;overflow-x:auto}.status-filter-btn{padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;color:var(--text-muted);transition:all var(--transition-fast)}.status-filter-btn:hover{background-color:var(--bg-main);color:var(--text-normal)}.status-filter-btn.active{background-color:var(--bg-main);color:var(--brand-primary);box-shadow:0 1px 2px #0000000d}.btn-filter-action{padding:.375rem;color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--bg-main);transition:all var(--transition-fast)}.btn-filter-action:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.repairs-table-wrapper{overflow-x:auto}.repairs-table{width:100%;border-collapse:collapse}.repairs-th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;background-color:var(--bg-tertiary);white-space:nowrap}.repairs-th.text-center{text-align:center}.repairs-th.text-right{text-align:right}.repairs-tr{border-bottom:1px solid var(--border-subtle);transition:background-color var(--transition-fast);cursor:pointer}.repairs-tr:last-child{border-bottom:none}.repairs-tr:hover{background-color:var(--bg-tertiary)}.repairs-tr.selected{background-color:rgba(var(--brand-primary-rgb),.05)}.repairs-td{padding:1rem 1.5rem;font-size:.875rem;color:var(--text-normal);vertical-align:middle}.repairs-td.text-center{text-align:center}.repairs-td.text-right{text-align:right}.column-order-id{display:flex;flex-direction:column}.order-id-text{font-weight:700;color:var(--text-normal);font-family:monospace}.order-source{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.source-icon{font-size:.875rem}.column-customer{display:flex;align-items:center;gap:.75rem}.customer-avatar{width:2.25rem;height:2.25rem;border-radius:50%;background-color:var(--bg-tertiary);background-size:cover;border:1px solid var(--border-subtle)}.customer-info{display:flex;flex-direction:column}.customer-name{font-weight:600;color:var(--text-normal)}.customer-type{font-size:.75rem;color:var(--text-muted)}.device-info{display:flex;flex-direction:column}.device-name{font-weight:600;color:var(--text-normal)}.device-issue{font-size:.75rem;color:var(--text-muted);max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-pill.pending{background-color:var(--bg-tertiary);color:var(--text-muted)}.status-pill.in-progress{background-color:#f973161a;color:#f97316}.status-pill.ready{background-color:#22c55e1a;color:#22c55e}.status-pill.overdue{background-color:#ef44441a;color:#ef4444}.pulse-dot{width:6px;height:6px;background-color:currentColor;border-radius:50%;animation:pulse 2s infinite}.repairs-pagination{padding:1rem 1.5rem;background-color:var(--bg-card);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.pagination-buttons{display:flex;gap:.5rem}.pagination-btn{padding:.375rem .75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-normal);background-color:var(--bg-main);transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background-color:var(--bg-tertiary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.overlay-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end}.overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-panel{position:relative;width:100%;max-width:40rem;height:100%;background-color:var(--bg-card);box-shadow:-10px 0 30px #00000040;display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.overlay-header{flex-shrink:0;padding:1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.overlay-title-group{display:flex;flex-direction:column;gap:.25rem}.order-title-row{display:flex;align-items:center;gap:1rem}.overlay-order-id{font-size:1.5rem;font-weight:800;color:var(--text-header);font-family:monospace}.overlay-status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase}.overlay-content{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:2.5rem}.overlay-section-title{font-size:.875rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.workflow-container{display:flex;justify-content:space-between;position:relative}.workflow-line{position:absolute;top:1rem;left:0;right:0;height:2px;background-color:var(--border-subtle);z-index:0}.workflow-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.step-circle{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-card);border:2px solid var(--border-subtle);font-weight:700;transition:all var(--transition-fast)}.step-label{font-size:.75rem;font-weight:600}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-card{background-color:var(--bg-tertiary);border-radius:var(--radius-lg);padding:1rem;border:1px solid var(--border-subtle)}.info-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.info-card-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.timeline-list{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:1rem}.timeline-marker{display:flex;flex-direction:column;align-items:center;width:1rem}.timeline-dot{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--border-subtle);border:2px solid var(--bg-card)}.timeline-item:first-child .timeline-dot{background-color:var(--brand-primary)}.timeline-line{flex:1;width:2px;background-color:var(--border-subtle);margin-top:-2px;min-height:2rem}.timeline-content{padding-bottom:2rem}.timeline-actor{font-weight:600;color:var(--text-normal);font-size:.875rem}.timeline-time{font-size:.75rem;color:var(--text-muted)}.timeline-note{font-size:.875rem;color:var(--text-subtle);margin-top:.25rem}.overlay-footer{flex-shrink:0;padding:1.5rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:1rem;background-color:var(--bg-tertiary)}.btn-action-outline{padding:.75rem 1.5rem;background-color:transparent;border:1px solid var(--border-subtle);color:var(--text-normal);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.btn-action-outline:hover{background-color:var(--bg-card);border-color:var(--text-muted)}.btn-action-primary{padding:.75rem 1.5rem;background-color:var(--brand-primary);color:#fff;font-weight:700;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px rgba(var(--brand-primary-rgb),.3);transition:all var(--transition-fast)}.btn-action-primary:hover{background-color:var(--brand-hover);transform:translateY(-1px)}.repairs-mobile-menu-btn{display:block;padding:.5rem;color:var(--text-muted)}@media(min-width:768px){.repairs-mobile-menu-btn{display:none}}.stats-icon-large{font-size:3.75rem}.stats-icon-large.primary{color:var(--brand-primary)}.stats-icon-large.orange{color:#f97316}.stats-icon-large.emerald{color:#10b981}.stats-icon-large.red{color:#ef4444}.technician-avatar-small{width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--bg-tertiary);background-size:cover;background-position:center}.step-circle.active{background-color:var(--brand-primary);border-color:#3b82f633;color:#fff}.step-circle.past{background-color:#22c55e;border-color:transparent;color:#fff}.step-circle.future{background-color:var(--bg-card);border-color:transparent;color:var(--text-muted)}.step-label.active{color:var(--brand-primary)}.step-label.past{color:#16a34a}.step-label.future{color:var(--text-muted)}.overlay-status-badge.in-progress{background-color:#f97316}.overlay-status-badge.ready{background-color:#10b981}.overlay-status-badge.overdue{background-color:#ef4444}.overlay-status-badge.pending{background-color:#64748b}.repair-items-table{width:100%;font-size:.875rem;text-align:left;border-collapse:collapse}.repair-items-thead{font-size:.75rem;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.repair-items-th{padding:.5rem 0;font-weight:500}.repair-items-th.text-right{text-align:right}.repair-items-tbody>tr{border-bottom:1px solid var(--border-subtle)}.repair-items-tbody>tr:last-child{border-bottom:none}.repair-item-td{padding:.75rem 0;color:var(--text-normal)}.repair-item-td.text-right{text-align:right;font-weight:500}.repair-summary-row{border-top:1px solid var(--border-subtle);font-weight:700}.repair-total-label{padding:.75rem 0 0;color:var(--text-normal)}.repair-total-value{padding:.75rem 0 0;text-align:right;font-size:1.125rem;color:var(--brand-primary)}.flex-center-gap-2{display:flex;align-items:center;gap:.5rem}.flex-center-gap-3{display:flex;align-items:center;gap:.75rem}.flex-baseline-gap-2{display:flex;align-items:baseline;gap:.5rem}.text-overdue{color:#ef4444}.text-normal{color:var(--text-normal)}.modal-input.resize-none{resize:none}.vehicles-layout{display:flex;flex-direction:column;height:100%;background-color:var(--bg-main);color:var(--text-normal);font-family:Inter,sans-serif;overflow:hidden}.vehicles-mobile-header{display:flex;align-items:center;justify-content:space-between;height:3.5rem;padding:0 1rem;background-color:var(--bg-card);border-bottom:1px solid var(--border-subtle);border-radius:0 0 var(--radius-lg) var(--radius-lg);margin-bottom:1rem}@media(min-width:768px){.vehicles-mobile-header{display:none}}.header-brand{font-weight:700;color:var(--text-header);font-size:1.125rem}.vehicles-content{flex:1;overflow-y:auto;padding:1.5rem 2rem;position:relative;background-color:var(--bg-secondary)}.vehicles-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffffb3;z-index:50;display:flex;align-items:center;justify-content:center}:root[class=dark] .vehicles-loading-overlay{background-color:#000000b3}.vehicles-main-container{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.vehicles-breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted)}.breadcrumb-link{color:var(--text-muted);transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--text-normal)}.vehicles-page-header{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.vehicles-page-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.vehicles-title{font-size:1.875rem;font-weight:800;color:var(--text-header);letter-spacing:-.025em}.vehicles-subtitle{color:var(--text-muted);margin-top:.25rem;max-width:40rem}.btn-add-vehicle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--brand-primary);color:#fff;font-weight:600;font-size:.9375rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px rgba(var(--brand-primary-rgb),.3);transition:all var(--transition-fast)}.btn-add-vehicle:hover{background-color:var(--brand-hover);transform:translateY(-1px)}.vehicles-stats-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.vehicles-stats-grid{grid-template-columns:repeat(3,1fr)}}.stats-card-vehicle{position:relative;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;transition:all var(--transition-fast)}.stats-card-vehicle:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px #0000000d}.stats-label{font-size:.875rem;font-weight:600;color:var(--text-muted);margin-bottom:.25rem}.stats-value{font-size:2rem;font-weight:800;color:var(--text-header)}.stats-icon-wrapper{width:3rem;height:3rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:.8}.stats-icon-blue{background-color:#3b82f61a;color:#3b82f6}.stats-icon-green{background-color:#22c55e1a;color:#22c55e}.stats-icon-orange{background-color:#f973161a;color:#f97316}.vehicles-table-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden}.vehicles-filters-bar{padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:1rem;background-color:var(--bg-tertiary)}.filters-row{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.filters-row{flex-direction:row;align-items:center}}.col-plate{width:8rem}.col-year{width:6rem}.col-status{width:10rem}.col-actions{width:6rem}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem}.font-medium{font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.py-12{padding-top:3rem;padding-bottom:3rem}.mt-1{margin-top:.25rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-field-wrapper,.select-field-wrapper{position:relative;flex:1}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.vehicles-search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-main);color:var(--text-normal);font-size:.875rem;transition:all var(--transition-fast)}.vehicles-search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary);outline:none}.vehicles-select{width:100%;padding:.625rem 2.5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-main);color:var(--text-normal);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:.875rem}.vehicles-select:focus{border-color:var(--brand-primary);outline:none}.status-tabs{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.status-label-text{font-size:.875rem;font-weight:600;color:var(--text-muted);margin-right:.5rem}.status-tab{padding:.375rem .875rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;color:var(--text-muted);background-color:transparent;transition:all var(--transition-fast);white-space:nowrap}.status-tab:hover{background-color:var(--bg-main);color:var(--text-normal)}.status-tab.active{background-color:var(--bg-main);color:var(--brand-primary);box-shadow:0 1px 2px #0000000d;font-weight:600}.vehicles-table-wrapper{overflow-x:auto}.vehicles-table{width:100%;border-collapse:collapse}.vehicles-th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background-color:var(--bg-tertiary);white-space:nowrap}.vehicles-th.text-right{text-align:right}.vehicles-tr{border-bottom:1px solid var(--border-subtle);transition:background-color var(--transition-fast)}.vehicles-tr:last-child{border-bottom:none}.vehicles-tr:hover{background-color:var(--bg-tertiary)}.vehicles-td{padding:1rem 1.5rem;font-size:.875rem;color:var(--text-normal);vertical-align:middle}.vehicles-td.text-right{text-align:right}.plate-cell{display:flex;align-items:center;gap:.75rem}.status-indicator-bar{width:4px;height:24px;border-radius:2px}.plate-text{font-family:monospace;font-weight:700;font-size:1rem;color:var(--text-header);letter-spacing:.05em}.vehicle-model-cell{display:flex;align-items:center;gap:1rem}.vehicle-img-box{width:3rem;height:3rem;border-radius:var(--radius-lg);background-color:var(--bg-tertiary);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.vehicle-model-text{font-weight:600;color:var(--text-normal)}.client-cell{display:flex;align-items:center;gap:.75rem}.client-avatar{width:2rem;height:2rem;border-radius:50%;background-color:var(--brand-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.client-name{font-weight:500;color:var(--text-normal)}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid transparent}.status-dot{width:6px;height:6px;border-radius:50%}.actions-cell{display:flex;justify-content:flex-end;gap:.5rem}.action-btn{padding:.375rem;border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast)}.action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-normal)}.action-btn.edit:hover{color:var(--brand-primary)}.action-btn.delete:hover{color:#ef4444}.vehicles-pagination{padding:1rem 1.5rem;background-color:var(--bg-card);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.pagination-info{font-size:.875rem;color:var(--text-muted)}.pagination-controls{display:flex;gap:.5rem}.page-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid transparent;color:var(--text-muted);font-size:.875rem;transition:all var(--transition-fast)}.page-btn:hover{background-color:var(--bg-tertiary);color:var(--text-normal)}.page-btn.active{background-color:var(--brand-primary);color:#fff;font-weight:600}.page-btn:disabled{opacity:.5;cursor:not-allowed}.text-sm-muted{font-size:.875rem;color:var(--text-muted);font-weight:500}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.flex-col-center{display:flex;flex-direction:column;align-items:center}.w-full-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mobile-menu-icon{color:var(--text-muted)}.header-spacer{width:1.5rem}.loading-content{display:flex;flex-direction:column;align-items:center}.loading-spinner{margin-bottom:.75rem}.loading-text{font-weight:500;color:var(--text-muted)}.status-indicator-bar.status-active{background-color:#22c55e}.status-indicator-bar.status-maintenance{background-color:#f97316}.status-indicator-bar.status-inactive{background-color:#9ca3af}.status-badge.status-active{background-color:#22c55e1a;color:#166534;border-color:#22c55e33}:root[class=dark] .status-badge.status-active{color:#4ade80}.status-badge.status-maintenance{background-color:#f973161a;color:#9a3412;border-color:#f9731633}:root[class=dark] .status-badge.status-maintenance{color:#fb923c}.status-badge.status-inactive{background-color:var(--bg-tertiary);color:var(--text-normal);border-color:var(--border-subtle)}.status-dot.status-active{background-color:#22c55e}.status-dot.status-maintenance{background-color:#f97316}.status-dot.status-inactive{background-color:#9ca3af}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:.25rem}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.select-chevron{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:1.25rem}.flex-gap-1-5{display:flex;align-items:center;gap:.375rem}.page-header-text{display:flex;flex-direction:column;gap:.25rem}.icon-sm{font-size:1rem}.icon-md{font-size:1.25rem}.admin-layout{display:flex;flex-direction:column;height:100%;background-color:var(--bg-main);color:var(--text-normal);font-family:Inter,sans-serif}.admin-header{flex-shrink:0;height:4rem;background-color:var(--bg-main);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.admin-header-title-group{display:flex;align-items:center;gap:1rem}.admin-header-icon{font-size:1.5rem;color:var(--brand-primary)}.admin-header-title{font-size:1.25rem;font-weight:700;color:var(--text-header)}.admin-content{flex:1;overflow-y:auto;padding:1.5rem}.admin-container{max-width:72rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.admin-tabs-wrapper{border-bottom:1px solid var(--border-subtle)}.admin-tabs{display:flex;gap:1.5rem}.admin-tab-btn{padding-bottom:.75rem;font-size:.875rem;font-weight:700;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.admin-tab-btn.active{border-color:var(--brand-primary);color:var(--brand-primary)}.admin-tab-btn:not(.active){color:var(--text-muted)}.admin-tab-btn:not(.active):hover{color:var(--text-normal)}.admin-loading{display:flex;justify-content:center;padding:3rem}.loading-spinner{height:2rem;width:2rem;border-radius:50%;border-bottom:2px solid var(--brand-primary);animation:spin 1s linear infinite}.settings-card{background-color:var(--bg-main);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:0 1px 2px #0000000d;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.settings-header{display:flex;align-items:center;justify-content:space-between}.settings-title{font-size:1.125rem;font-weight:700;color:var(--text-header)}.settings-description{font-size:.875rem;color:var(--text-muted)}.toggle-switch{display:inline-flex;height:1.5rem;width:2.75rem;align-items:center;border-radius:9999px;transition:background-color var(--transition-fast);position:relative;cursor:pointer}.toggle-switch.active{background-color:#22c55e}.toggle-switch.inactive{background-color:#d1d5db}@media(prefers-color-scheme:dark){.toggle-switch.inactive{background-color:#374151}}:root[class=dark] .toggle-switch.inactive{background-color:var(--bg-quaternary)}.toggle-thumb{display:inline-block;height:1rem;width:1rem;transform:translate(.25rem);border-radius:50%;background-color:#fff;transition:transform var(--transition-fast)}.toggle-switch.active .toggle-thumb{transform:translate(1.5rem)}.settings-divider{border:0;border-top:1px solid;border-color:var(--border-subtle)}.settings-divider{border-color:var(--border-subtle)}.settings-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.settings-grid{grid-template-columns:repeat(2,1fr)}}.input-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-normal)}.admin-input{width:100%;padding:.5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-tertiary);outline:none;color:var(--text-normal)}.admin-input:focus{border-color:var(--brand-primary)}.logs-card{background-color:var(--bg-main);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:0 1px 2px #0000000d;overflow:hidden}.logs-table{width:100%;text-align:left;font-size:.875rem}.logs-thead-tr{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.logs-th{padding:1rem 1.5rem;font-weight:500;color:var(--text-muted)}.logs-tbody-tr{transition:background-color var(--transition-fast)}.logs-tbody-tr:hover{background-color:rgba(var(--bg-tertiary-rgb),.5)}.logs-td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.logs-td-user,.logs-td-date{color:var(--text-muted)}.logs-td-activity{font-weight:500;color:var(--text-normal)}.log-status-badge{display:inline-flex;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:700}.log-status-success{background-color:#dcfce7;color:#15803d}.log-status-failed{background-color:#fee2e2;color:#b91c1c}.log-status-warning{background-color:#fef9c3;color:#a16207}.integrations-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.integrations-grid{grid-template-columns:repeat(2,1fr)}}.integration-card{background-color:var(--bg-main);padding:1.25rem;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;justify-content:space-between}.int-info-group{display:flex;align-items:center;gap:1rem}.int-icon-box{height:3rem;width:3rem;border-radius:var(--radius-lg);background-color:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--brand-primary)}.int-details h4{font-weight:700;color:var(--text-header)}.int-details p{font-size:.75rem;color:var(--text-muted)}.int-status-badge{font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:.25rem}.int-status-connected{background-color:#dcfce7;color:#15803d}.int-status-disconnected{background-color:#f3f4f6;color:#4b5563}.int-status-pending{background-color:#dbeafe;color:#1d4ed8}.profile-content{flex:1;overflow-y:auto;background-color:var(--bg-secondary);padding:1rem}@media(min-width:768px){.profile-content{padding:2rem}}.profile-container{max-width:56rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.profile-header-card{background-color:var(--bg-main);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:0 1px 2px #0000000d;overflow:hidden}.profile-banner{height:10rem;background:linear-gradient(to right,#2563eb,#4f46e5);position:relative}.btn-edit-profile{position:absolute;top:1rem;right:1rem;background-color:#0003;color:#fff;padding:.5rem;border-radius:var(--radius-lg);border:none;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-edit-profile:hover{background-color:#0006}.profile-info-section{padding:0 2rem 2rem;position:relative}.profile-avatar-wrapper{margin-top:-4rem;margin-bottom:1rem}.profile-avatar{width:8rem;height:8rem;border-radius:50%;border:4px solid var(--bg-main);box-shadow:0 4px 6px -1px #0000001a;-o-object-fit:cover;object-fit:cover}.profile-details-row{display:flex;justify-content:space-between;align-items:flex-start}.profile-name{font-size:1.875rem;font-weight:900;color:var(--text-header);line-height:1.25}.profile-handle{font-weight:500;color:var(--text-muted)}.profile-role-badge{padding:.25rem .75rem;background-color:#dbeafe;color:#1d4ed8;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid #bfdbfe}.profile-bio{margin-top:1rem;color:var(--text-normal);max-width:42rem;line-height:1.625}.profile-badges{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem}.badge-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;padding:.375rem .75rem;border-radius:var(--radius-lg);border:1px solid transparent}.badge-verified{background-color:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-subtle)}.badge-early-adopter{background-color:#f3e8ff;color:#9333ea;border-color:#f3e8ff}:root[class=dark] .badge-early-adopter{background-color:#581c8733;border-color:#581c87}.profile-settings-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.profile-settings-grid{grid-template-columns:repeat(2,1fr)}}.settings-box{background-color:var(--bg-main);padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:0 1px 2px #0000000d}.settings-box-title{font-weight:700;color:var(--text-header);margin-bottom:1rem}.settings-list{display:flex;flex-direction:column;gap:1rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.setting-item:not(:last-child){border-bottom:1px solid var(--border-subtle)}.setting-info{display:flex;flex-direction:column}.setting-label{font-size:.875rem;font-weight:500;color:var(--text-header)}.setting-description{font-size:.75rem;color:var(--text-muted)}.profile-toggle{width:2.5rem;height:1.5rem;border-radius:9999px;position:relative;transition:background-color var(--transition-fast);border:none;cursor:pointer}.profile-toggle.active{background-color:#22c55e}.profile-toggle.inactive{background-color:var(--bg-quaternary)}.profile-toggle-thumb{position:absolute;top:.25rem;width:1rem;height:1rem;background-color:#fff;border-radius:50%;transition:all var(--transition-fast)}.profile-toggle.active .profile-toggle-thumb{right:.25rem}.profile-toggle.inactive .profile-toggle-thumb{left:.25rem}.edit-profile-form{display:flex;flex-direction:column;gap:1rem}.edit-field-group{display:flex;flex-direction:column;gap:.25rem}.edit-label{font-size:.875rem;font-weight:500;color:var(--text-header)}.edit-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-main);color:var(--text-normal);outline:none}.edit-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(var(--brand-primary-rgb),.2)}.edit-textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-main);color:var(--text-normal);outline:none;resize:none}.edit-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(var(--brand-primary-rgb),.2)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.btn-modal-save{padding:.5rem 1rem;font-weight:700;color:#fff;background-color:var(--brand-primary);border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.btn-modal-save:hover{background-color:var(--brand-hover)}.employees-layout{display:flex;flex-direction:column;height:100%;background-color:var(--bg-main);color:var(--text-normal);font-family:Inter,sans-serif;position:relative;overflow:hidden}.employees-header{flex-shrink:0;height:4rem;background-color:var(--bg-main);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:10}.employees-header-title-group{display:flex;align-items:center;gap:1rem;color:var(--text-normal)}.employees-header-icon-box{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--brand-primary-rgb),.1);border-radius:var(--radius-lg);color:var(--brand-primary)}.employees-header-title{font-size:1.125rem;font-weight:700;line-height:1.25;display:none}@media(min-width:640px){.employees-header-title{display:block}}.employees-content{flex:1;overflow-y:auto;padding:1rem}@media(min-width:768px){.employees-content{padding:2rem}}@media(min-width:1024px){.employees-content{padding:2rem 3rem}}.employees-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:3rem}.employees-title-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem}.employees-title-text h1{font-size:1.875rem;font-weight:700;color:var(--text-header);letter-spacing:-.025em;margin-bottom:.5rem}@media(min-width:768px){.employees-title-text h1{font-size:2.25rem}}.employees-title-text p{color:var(--text-muted);font-size:1rem}.btn-new-employee{padding:.5rem 1rem;background-color:var(--brand-primary);color:#fff;border-radius:var(--radius-lg);font-weight:500;display:flex;align-items:center;gap:.5rem;font-size:.875rem;box-shadow:0 1px 2px #0000000d;transition:all var(--transition-fast)}.btn-new-employee:hover{background-color:var(--brand-hover)}.employees-table-card{background-color:var(--bg-main);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 1px 2px #0000000d}.employees-table-wrapper{overflow-x:auto}.employees-table{width:100%;text-align:left;border-collapse:collapse}.employees-thead-tr{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.employees-th{padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.employees-tbody-tr{transition:background-color var(--transition-fast)}.employees-tbody-tr:hover{background-color:var(--bg-tertiary)}:root[class=dark] .employees-tbody-tr:hover{background-color:#ffffff0d}.employees-td{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle)}.employees-td:last-child{border-bottom:0}.emp-checkbox{border-radius:.25rem;border-color:var(--border-subtle);color:var(--brand-primary)}.emp-info{display:flex;align-items:center;gap:.75rem}.emp-avatar{width:2.25rem;height:2.25rem;border-radius:50%;background-color:var(--bg-quaternary);background-size:cover;background-position:center}.emp-details p.emp-name{font-weight:500;color:var(--text-normal);font-size:.875rem}.emp-details p.emp-email{font-size:.75rem;color:var(--text-muted)}.emp-role-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.emp-role-sales{background-color:#eff6ff;color:#1d4ed8}:root[class=dark] .emp-role-sales{background-color:#1e3a8a4d;color:#93c5fd}.emp-role-tech{background-color:#faf5ff;color:#7e22ce}:root[class=dark] .emp-role-tech{background-color:#581c874d;color:#d8b4fe}.emp-status{display:flex;align-items:center;gap:.375rem}.status-dot{width:.5rem;height:.5rem;border-radius:50%}.status-active{background-color:#22c55e}.status-inactive{background-color:#f97316}.emp-status-text{font-size:.875rem;color:var(--text-normal)}.emp-commission{font-size:.875rem;font-weight:500;color:var(--text-normal)}.emp-last-active{font-size:.875rem;color:var(--text-muted)}.btn-emp-actions{color:var(--text-muted);padding:.25rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-emp-actions:hover{color:var(--text-normal);background-color:var(--bg-tertiary)}.emp-form-stack{display:flex;flex-direction:column;gap:1rem}.emp-form-group{display:flex;flex-direction:column;gap:.25rem}.emp-form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:var(--text-normal)}.emp-form-input,.emp-form-select{width:100%;padding:.5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-main);color:var(--text-normal);outline:none}.emp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-modal-cancel{padding:.5rem 1rem;font-weight:500;color:var(--text-muted);border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.btn-modal-cancel:hover{background-color:var(--bg-tertiary);color:var(--text-normal)}.btn-modal-create{padding:.5rem 1rem;font-weight:700;color:#fff;background-color:var(--brand-primary);border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.btn-modal-create:hover{background-color:var(--brand-hover)}.roles-layout{display:flex;flex-direction:column;height:100%;background-color:var(--bg-main);color:var(--text-normal);font-family:Inter,sans-serif;transition:background-color .2s;overflow:hidden}.roles-header{flex-shrink:0;height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid var(--border-subtle);background-color:rgba(var(--bg-main-rgb),.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.roles-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.roles-breadcrumb span:nth-child(odd){color:var(--text-muted)}.roles-breadcrumb span:nth-child(2n){color:var(--text-muted);opacity:.6}.roles-breadcrumb .breadcrumb-active{color:var(--text-normal);font-weight:500}.roles-content{flex:1;overflow-y:auto;padding:1rem}@media(min-width:768px){.roles-content{padding:2rem}}.roles-loading{text-align:center;padding:2.5rem;color:var(--text-muted)}.roles-container{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;height:100%;gap:1.5rem}.roles-title-section{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.roles-title-section{flex-direction:row;align-items:center;justify-content:space-between}}.roles-title-text h2{font-size:1.875rem;font-weight:900;letter-spacing:-.025em;color:var(--text-header)}.roles-title-text p{color:var(--text-muted);font-size:1rem;max-width:42rem}.btn-new-role{display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.5rem;padding:0 1.25rem;border-radius:var(--radius-lg);background-color:var(--brand-primary);color:#fff;font-size:.875rem;font-weight:700;box-shadow:0 4px 6px -1px rgba(var(--brand-primary-rgb),.2);transition:all var(--transition-fast)}.btn-new-role:hover{background-color:var(--brand-hover)}.roles-split-view{display:flex;flex-direction:column;gap:1.5rem;height:100%;min-height:600px}@media(min-width:1280px){.roles-split-view{flex-direction:row}}.roles-list-card{flex:1;background-color:var(--bg-main);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:0 1px 2px #0000000d;overflow:hidden;display:flex;flex-direction:column}.roles-table-wrapper{overflow-x:auto}.roles-table{width:100%;text-align:left;font-size:.875rem}.roles-thead-tr{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.roles-th{padding:1rem 1.5rem;font-weight:600;color:var(--text-header)}.roles-tbody-tr{transition:background-color var(--transition-fast);cursor:pointer;border-left:4px solid transparent}.roles-tbody-tr:hover{background-color:var(--bg-tertiary)}.roles-tbody-tr.active{background-color:rgba(var(--brand-primary-rgb),.05);border-left-color:var(--brand-primary)}.roles-td{padding:1rem 1.5rem}.role-name-cell p.name{font-weight:700;color:var(--text-header)}.role-name-cell p.desc{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.role-users-cell{display:flex;align-items:center;gap:.5rem}.role-avatars{display:flex;margin-left:-.5rem}.role-avatars>div:first-child{margin-left:0}.role-avatar{height:2rem;width:2rem;border-radius:50%;border:2px solid var(--bg-main);background-color:var(--bg-tertiary);background-size:cover;margin-left:-.5rem}.role-users-count{font-size:.75rem;font-weight:500;color:var(--text-muted);margin-left:.5rem}.role-level-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;border:1px solid transparent}.level-all-access{background-color:#d1fae5;color:#047857;border-color:#a7f3d0}:root[class=dark] .level-all-access{background-color:#065f464d;color:#6ee7b7}.level-limited{background-color:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-subtle)}.roles-edit-panel{width:100%;flex-shrink:0;display:flex;flex-direction:column;background-color:var(--bg-main);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;animation:slideInRight .3s ease-out}@media(min-width:1280px){.roles-edit-panel{width:520px}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.edit-panel-header{padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.edit-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.edit-header-top h3{font-weight:700;font-size:1.25rem;color:var(--text-header)}.btn-delete-role{padding:.5rem;color:var(--text-muted);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.btn-delete-role:hover{color:#dc2626;background-color:#fef2f2}:root[class=dark] .btn-delete-role:hover{background-color:#7f1d1d33}.edit-form-grid{display:grid;grid-template-columns:1fr;gap:1rem}.edit-form-field label{display:block;font-size:.75rem;font-weight:600;color:var(--text-normal);margin-bottom:.375rem}.edit-form-input,.edit-form-textarea{display:block;width:100%;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background-color:var(--bg-tertiary);color:var(--text-normal);font-size:.875rem;padding:.5rem .75rem;outline:none}.edit-form-input:focus,.edit-form-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(var(--brand-primary-rgb),.2)}.edit-form-textarea{resize:none}.edit-panel-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;background-color:var(--bg-secondary)}.perm-group{display:flex;flex-direction:column;gap:.75rem}.perm-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;padding-bottom:.25rem}.perm-header h4{font-size:.875rem;font-weight:700;color:var(--text-header);display:flex;align-items:center;gap:.5rem}.perm-list-box{background-color:var(--bg-main);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden}.perm-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid var(--border-subtle);transition:background-color var(--transition-fast)}.perm-item:last-child{border-bottom:0}.perm-item:hover{background-color:var(--bg-tertiary)}.perm-info{display:flex;flex-direction:column}.perm-label{font-size:.875rem;font-weight:500;color:var(--text-header)}.perm-desc{font-size:.75rem;color:var(--text-muted)}.perm-toggle-label{position:relative;display:inline-flex;align-items:center;cursor:pointer}.perm-toggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.perm-toggle-bg{width:2.25rem;height:1.25rem;background-color:var(--bg-quaternary);border-radius:9999px;transition:background-color var(--transition-fast)}.perm-toggle-input:checked+.perm-toggle-bg{background-color:var(--brand-primary)}.perm-toggle-thumb{position:absolute;top:2px;left:2px;background-color:#fff;border-radius:50%;height:1rem;width:1rem;transition:transform var(--transition-fast);border:1px solid var(--border-subtle)}.perm-toggle-bg{position:relative}.perm-toggle-switch{position:relative;width:2.25rem;height:1.25rem;background-color:var(--bg-quaternary);border-radius:9999px;transition:background-color var(--transition-fast)}.perm-toggle-input:checked+.perm-toggle-switch{background-color:var(--brand-primary)}.perm-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;background-color:#fff;border-radius:50%;height:1rem;width:1rem;transition:transform var(--transition-fast);border:1px solid rgba(0,0,0,.05)}.perm-toggle-input:checked+.perm-toggle-switch:after{transform:translate(100%);border-color:#fff}.edit-panel-footer{padding:1.5rem;border-top:1px solid var(--border-subtle);background-color:var(--bg-main);display:flex;gap:.75rem}.btn-save-changes{flex:1;padding:.625rem 1rem;border-radius:var(--radius-lg);background-color:var(--brand-primary);color:#fff;font-size:.875rem;font-weight:700;box-shadow:0 1px 2px #0000000d;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:background-color var(--transition-fast)}.btn-save-changes:hover{background-color:var(--brand-hover)}.branches-layout{display:flex;flex-direction:column;height:100%;background-color:var(--bg-main);color:var(--text-normal);font-family:Inter,sans-serif;transition:background-color .2s;overflow:hidden}.branches-header{flex-shrink:0;height:4rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid var(--border-subtle);background-color:var(--bg-main);position:sticky;top:0;z-index:30}.branches-header-logo{display:flex;align-items:center;gap:.75rem}.branches-header-title{color:var(--text-header);font-size:1.125rem;font-weight:700;display:none}@media(min-width:640px){.branches-header-title{display:block}}.branches-content{flex:1;overflow-y:auto;width:100%;display:flex;justify-content:center;background-color:var(--bg-main)}.branches-container{width:100%;max-width:80rem;padding:2rem 1rem;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:640px){.branches-container{padding:2rem 1.5rem}}@media(min-width:1024px){.branches-container{padding:2rem}}.branches-title-section{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.branches-title-section{flex-direction:row;justify-content:space-between;align-items:center}}.branches-title-text h1{font-size:1.875rem;font-weight:900;color:var(--text-header);letter-spacing:-.025em;margin-bottom:.5rem}.branches-title-text p{color:var(--text-muted);font-size:1rem;max-width:42rem}.btn-add-branch{background-color:var(--brand-primary);color:#fff;font-weight:700;padding:.625rem 1.25rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px rgba(var(--brand-primary-rgb),.2);transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem}.btn-add-branch:hover{background-color:var(--brand-hover);box-shadow:0 10px 15px -3px rgba(var(--brand-primary-rgb),.3)}.branches-stats-card{background-color:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:0 1px 2px #0000000d}.stats-box{padding:1rem;background-color:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.stats-label{font-size:.875rem;color:var(--text-muted)}.stats-value{font-size:1.5rem;font-weight:700;color:var(--text-header);margin-top:.25rem}.branches-filter-bar{background-color:var(--bg-secondary);padding:1rem;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;gap:1rem}@media(min-width:1024px){.branches-filter-bar{flex-direction:row;align-items:center;justify-content:space-between}}.filter-inputs{display:flex;flex-direction:column;gap:.75rem;width:100%;flex:1}@media(min-width:640px){.filter-inputs{flex-direction:row;width:auto}}.search-box{position:relative;width:100%}@media(min-width:640px){.search-box{width:24rem}}.search-icon{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-main);color:var(--text-normal);transition:all var(--transition-fast)}.search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary);outline:none}.status-select-box{position:relative;width:100%}@media(min-width:640px){.status-select-box{width:auto}}.status-select{width:100%;padding:.625rem 2.5rem .625rem .75rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-main);color:var(--text-normal);cursor:pointer;outline:none}.status-select:focus{border-color:var(--brand-primary)}.branches-table-card{background-color:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:0 1px 2px #0000000d;overflow:hidden}.branches-table-wrapper{overflow-x:auto}.branches-table{width:100%;border-collapse:collapse;text-align:left}.branches-thead{background-color:var(--bg-tertiary)}.branches-th{padding:1rem 1.5rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.branches-tbody{background-color:var(--bg-secondary)}.branches-tr{border-bottom:1px solid var(--border-subtle);transition:background-color var(--transition-fast)}.branches-tr:last-child{border-bottom:none}.branches-tr:hover{background-color:var(--bg-tertiary)}.branches-td{padding:1rem 1.5rem;white-space:nowrap}.branch-info{display:flex;align-items:center;gap:1rem}.branch-img-box{height:3rem;width:3rem;flex-shrink:0;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--bg-tertiary)}.branch-img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.branch-text-info .name{font-size:.875rem;font-weight:600;color:var(--text-header);margin-bottom:0}.branch-text-info .location{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem}.branch-status-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid transparent}.status-open{background-color:#dcfce7;color:#166534;border-color:#bbf7d0}:root[class=dark] .status-open{background-color:#16653466;color:#86efac}.status-closed{background-color:var(--bg-tertiary);color:var(--text-header);border-color:var(--border-subtle)}.status-maintenance{background-color:#fef9c3;color:#854d0e;border-color:#fde047}:root[class=dark] .status-maintenance{background-color:#854d0e66;color:#fde047}.pulse-dot{width:.375rem;height:.375rem;background-color:#22c55e;border-radius:50%;margin-right:.375rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.branch-revenue{font-size:.875rem;font-weight:500;color:var(--text-header)}.branch-trend{font-size:.75rem;display:flex;align-items:center;gap:.125rem}.trend-up{color:#16a34a}.trend-down{color:#ef4444}.branch-mini-chart{display:flex;align-items:flex-end;gap:.25rem;height:2rem;width:8rem}.chart-bar{flex:1;background-color:rgba(var(--brand-primary-rgb),.4);border-radius:.125rem}.branch-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.btn-action-edit,.btn-action-delete{padding:.25rem;transition:color var(--transition-fast)}.btn-action-edit{color:var(--text-muted)}.btn-action-edit:hover{color:var(--brand-primary)}.btn-action-delete{color:var(--text-muted)}.btn-action-delete:hover{color:#dc2626}.login-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-main);position:relative;overflow:hidden;padding:1rem}.login-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.3}.login-background-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://assets-global.website-files.com/6257adef93867e56f84d3092/636e0a6a49cf127bf92de1e2_icon_clyde_blurple_RGB.png);background-repeat:repeat;opacity:.05}.login-background-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,var(--bg-main))}.login-card-wrapper{width:100%;max-width:420px;position:relative;z-index:10}.login-header{text-align:center;margin-bottom:1.5rem}.login-logo-container{display:flex;justify-content:center;margin-bottom:.75rem}.login-logo{width:3rem;height:3rem;background-color:var(--bg-tertiary);border-radius:.75rem;display:flex;align-items:center;justify-content:center}.login-logo svg{width:1.75rem;height:1.75rem;color:var(--accent-primary)}.login-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.login-subtitle{font-size:.875rem;color:var(--text-muted)}.login-form{display:flex;flex-direction:column;gap:1rem}.login-field{display:flex;flex-direction:column;gap:.5rem}.login-label{font-size:.625rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.login-required{color:var(--status-danger);margin-left:.25rem}.login-forgot{font-size:.75rem;color:var(--accent-primary);background:none;border:none;cursor:pointer;text-align:left;padding:0;margin-top:.25rem}.login-forgot:hover{text-decoration:underline}.login-error{margin-bottom:1rem;background-color:#f23f431a;border:1px solid rgba(242,63,67,.2);padding:.75rem;border-radius:var(--radius-md);text-align:center}.login-error-text{font-size:.875rem;color:var(--status-danger)}.login-footer{margin-top:.5rem;text-align:center}.login-footer-text{font-size:.875rem;color:var(--text-muted)}.login-signup-link{color:var(--accent-primary);background:none;border:none;cursor:pointer;padding:0;font-size:inherit}.login-signup-link:hover{text-decoration:underline}.login-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.login-spinner{animation:spin .6s linear infinite;font-size:1.25rem}@keyframes spin{to{transform:rotate(360deg)}}