:root{--primary:#c62828;--primary-dark:#8e0000;--primary-light:#ef5350;--primary-glow:rgba(198,40,40,.15);--surface:#fafafa;--surface-variant:#f5f5f5;--on-surface:#1a1a1a;--on-surface-variant:#5c5c5c;--outline:#9e9e9e;--error:#b71c1c;--success:#2e7d32;--accent-teal:#00695c;--accent-indigo:#3949ab;--accent-amber:#f57c00;--white:#fff;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 24px rgba(0,0,0,.12)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--surface);color:var(--on-surface)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#8e0000,#c62828 40%,#e57373);padding:1rem}.login-card{background:linear-gradient(180deg,hsla(0,0%,100%,.98),hsla(0,0%,100%,.95));padding:2.5rem;border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:420px;border:1px solid hsla(0,0%,100%,.5);backdrop-filter:blur(8px)}.login-header{text-align:center;margin-bottom:1.75rem}.login-logo{width:64px;height:64px;-o-object-fit:contain;object-fit:contain;margin-bottom:1rem;border-radius:12px}.login-header h1{margin:0;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--primary-dark),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{margin:.5rem 0 0;font-size:.9rem;color:var(--on-surface-variant)}.login-form label{display:block;margin-bottom:1rem;font-size:.875rem;font-weight:600;color:var(--on-surface)}.login-form input{width:100%;margin-top:.35rem;padding:.75rem 1rem;border:1px solid var(--outline);border-radius:10px;font-size:1rem;background:var(--white);transition:border-color .2s,box-shadow .2s}.login-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.login-error{color:var(--error)}.login-error,.login-info{font-size:.875rem;margin:0 0 1rem}.login-info{color:var(--success)}.login-form input.login-email-readonly{background:var(--surface-variant,#f0f0f0);color:var(--on-surface-variant);cursor:default}.login-step-actions{display:flex;gap:.75rem;margin-top:1rem;align-items:center}.login-step-actions .btn-secondary{flex:1;padding:.85rem 1rem;font-size:1rem;font-weight:600;border-radius:10px;border:1px solid var(--outline);background:var(--surface-variant,#f5f5f5);color:var(--on-surface-variant);cursor:pointer;transition:background .2s,border-color .2s}.login-step-actions .btn-secondary:hover{background:var(--outline-variant,#e8e8e8);border-color:var(--on-surface-variant)}.login-step-actions .btn-primary{flex:1}.login-form .btn-primary{width:100%;padding:.85rem 1rem;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem;box-shadow:0 4px 14px rgba(198,40,40,.4);transition:transform .15s,box-shadow .15s}.login-form .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(198,40,40,.45)}.login-form .btn-primary:disabled{opacity:.8;cursor:not-allowed;transform:none}.login-hint{margin:1.25rem 0 0;font-size:.75rem;color:var(--on-surface-variant);text-align:center}.admin-layout{display:flex;height:100vh;min-height:100vh;overflow:hidden}.admin-sidebar{width:280px;min-width:280px;height:100vh;flex-shrink:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#1a0a0a,#2d1515 30%,#261010 70%,#1a0808);color:#f0e8e8;overflow-y:auto;overflow-x:hidden;transition:width .25s ease,min-width .25s ease;border-right:none;box-shadow:6px 0 24px rgba(0,0,0,.35);position:relative}.admin-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8e0000,#c62828,#e57373);z-index:1}.admin-sidebar.closed{width:72px;min-width:72px}.admin-sidebar.closed:before{height:3px}.admin-sidebar-inner{display:flex;flex-direction:column;flex:1;min-height:0;padding:1rem .6rem}.admin-sidebar-header{display:flex;align-items:center;justify-content:flex-start;gap:.6rem;padding:.9rem .75rem;margin-bottom:1rem;margin-left:6px;margin-right:6px;background:transparent;border:none;border-radius:0;box-shadow:none}.admin-sidebar-logo{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;border-radius:8px;border:none;padding:0;box-sizing:border-box;background:transparent}.admin-sidebar-title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;color:#fff}.admin-sidebar.closed .admin-sidebar-header{justify-content:center;padding:.65rem;margin-left:6px;margin-right:6px}.admin-sidebar.closed .admin-sidebar-title{display:none}.admin-sidebar.closed .admin-sidebar-logo{width:32px;height:32px;border:none;background:transparent;padding:0}.admin-nav-wrap{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 6px}.admin-sidebar.closed .admin-nav-wrap{padding:0 6px}.admin-nav{list-style:none;margin:0;padding:0 0 .75rem;display:flex;flex-direction:column;gap:.4rem;width:100%}.admin-sidebar-footer{flex-shrink:0;padding:.5rem 6px 0;margin-top:auto;border-top:1px solid hsla(0,0%,100%,.12)}.admin-sidebar-logout{display:flex;align-items:center;gap:.9rem;width:100%;padding:.7rem .9rem;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.3);border-left:3px solid hsla(0,65%,67%,.8);border-radius:12px;color:hsla(0,0%,100%,.92);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s,border-color .2s;text-align:left}.admin-sidebar-logout:hover{background:rgba(198,40,40,.2);color:#fff;border-color:hsla(0,65%,67%,.9) hsla(0,65%,67%,.9) hsla(0,65%,67%,.9) #e57373}.admin-sidebar-logout .admin-nav-icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center}.admin-sidebar-logout .admin-nav-icon{color:inherit}.admin-sidebar.closed .admin-sidebar-footer{padding:.5rem 6px 0}.admin-sidebar.closed .admin-sidebar-logout{justify-content:center;padding:.65rem;min-height:44px;border:1px solid hsla(0,0%,100%,.3);border-left:3px solid hsla(0,65%,67%,.8)}.admin-nav a{display:flex;align-items:center;gap:.9rem;padding:.7rem .9rem;color:hsla(0,0%,100%,.92);text-decoration:none;font-size:.875rem;border-radius:12px;transition:background .2s,color .2s,border-color .2s;border:1px solid transparent;border-left-width:3px}.admin-nav a .admin-nav-icon{color:inherit}.admin-sidebar.closed .admin-nav a{justify-content:center;align-items:center;padding:.65rem;min-height:44px;background:transparent;border:none;border-radius:0;box-shadow:none}.admin-sidebar.closed .admin-nav a:hover{background:transparent;border:none}.admin-sidebar.closed .admin-nav a.active{background:rgba(198,40,40,.25);border:none;border-left:3px solid #e57373;box-shadow:none;border-radius:8px}.admin-sidebar.closed .admin-nav a.active .admin-nav-icon{color:#fff}.admin-nav a:hover{background:rgba(198,40,40,.15);color:#fff;border-color:rgba(198,40,40,.25)}.admin-nav a:hover .admin-nav-icon{color:inherit}.admin-nav a.active{background:linear-gradient(135deg,rgba(198,40,40,.4),rgba(142,0,0,.25));color:#fff;border-color:rgba(198,40,40,.5) rgba(198,40,40,.5) rgba(198,40,40,.5) #e57373;font-weight:600;box-shadow:0 2px 12px rgba(198,40,40,.3)}.admin-nav a.active .admin-nav-icon{color:#fff}.admin-nav-icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:hsla(0,0%,100%,.08);border-radius:10px;transition:background .2s}.admin-sidebar.closed .admin-nav a .admin-nav-icon-wrap{margin:0;width:32px;height:32px;background:transparent}.admin-sidebar.closed .admin-nav a.active .admin-nav-icon-wrap,.admin-sidebar.closed .admin-nav a:hover .admin-nav-icon-wrap{background:transparent}.admin-nav a:hover .admin-nav-icon-wrap{background:rgba(198,40,40,.2)}.admin-nav a.active .admin-nav-icon-wrap{background:rgba(198,40,40,.5)}.admin-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar.closed .admin-nav-label{display:none}.admin-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:linear-gradient(160deg,#f5f5f5,#fafafa 50%,#f0f0f0);overflow:hidden}.admin-content{flex:1;min-height:0;padding:1rem 1.5rem 1.5rem 2rem;overflow-x:hidden;overflow-y:auto}.admin-content::-webkit-scrollbar,.admin-sidebar::-webkit-scrollbar{width:6px}.admin-content::-webkit-scrollbar-track,.admin-sidebar::-webkit-scrollbar-track{background:transparent}.admin-sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.admin-sidebar:focus-within::-webkit-scrollbar-thumb,.admin-sidebar:hover::-webkit-scrollbar-thumb{background:rgba(198,40,40,.5)}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:hsla(0,69%,67%,.7)}.admin-content::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.admin-content:focus-within::-webkit-scrollbar-thumb,.admin-content:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}.admin-content::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.35)}.admin-content,.admin-sidebar{scrollbar-width:thin;scrollbar-color:transparent transparent}.admin-sidebar:focus-within,.admin-sidebar:hover{scrollbar-color:rgba(198,40,40,.6) transparent}.admin-content:focus-within,.admin-content:hover{scrollbar-color:rgba(0,0,0,.25) transparent}.admin-header{justify-content:space-between;gap:1rem;padding:1rem 1.25rem 1rem 1.5rem;background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.7));border-bottom:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-sm);flex-shrink:0}.admin-header,.admin-menu-btn{display:flex;align-items:center}.admin-menu-btn{justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--outline);border-radius:8px;color:var(--on-surface);cursor:pointer;transition:background .2s,border-color .2s}.admin-menu-btn:hover{background:var(--surface-variant);border-color:var(--primary);color:var(--primary)}.admin-header h1{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-dark),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-logout{padding:.5rem 1.25rem;background:linear-gradient(180deg,#fff,#f5f5f5);color:var(--on-surface);border:1px solid var(--outline);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.btn-logout:hover{background:linear-gradient(180deg,#fafafa,#eee);border-color:var(--primary);color:var(--primary)}.admin-header-profile-wrap{position:relative}.admin-header-profile-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;background:linear-gradient(180deg,#fff,#f8f8f8);border:1px solid var(--outline);border-radius:50%;cursor:pointer;overflow:hidden;transition:background .2s,border-color .2s,box-shadow .2s}.admin-header-profile-btn:hover{border-color:var(--primary);box-shadow:0 0 0 2px rgba(198,40,40,.15)}.admin-header-profile-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.admin-header-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.admin-header-profile-dropdown-header{display:flex;align-items:center;gap:12px;padding:1rem 1.25rem;background:linear-gradient(135deg,#fff5f5,#ffebee);border-bottom:1px solid rgba(0,0,0,.06)}.admin-header-profile-dropdown-avatar{width:48px;height:48px;border-radius:10px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.admin-header-profile-dropdown-name{font-size:1rem;font-weight:700;color:var(--on-surface)}.admin-header-profile-dropdown-role{font-size:.8rem;color:var(--on-surface-variant);margin-top:2px}.admin-header-profile-dropdown-body{padding:1rem 1.25rem}.admin-header-profile-dropdown-text{margin:0;font-size:.875rem;color:var(--on-surface-variant);line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{border-radius:14px;padding:1.5rem;border:none;box-shadow:var(--shadow-md);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card:first-child{background:linear-gradient(135deg,#fff5f5,#ffebee);border-left:4px solid var(--primary)}.stat-card:nth-child(2){background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid var(--success)}.stat-card:nth-child(3){background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid var(--accent-indigo)}.stat-card:nth-child(4){background:linear-gradient(135deg,#fff8e1,#ffecb3);border-left:4px solid var(--accent-amber)}.stat-card:nth-child(5){background:linear-gradient(135deg,#e0f2f1,#b2dfdb);border-left:4px solid var(--accent-teal)}.stat-card:nth-child(6){background:linear-gradient(135deg,#fce4ec,#f8bbd9);border-left:4px solid #ad1457}.stat-card h3{margin:0 0 .35rem;font-size:.75rem;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.stat-card .value{font-size:1.85rem;font-weight:800;color:var(--on-surface);letter-spacing:-.02em}.dashboard-chart-wrap{margin-top:.5rem}.dashboard-wave-wrap{max-width:720px;margin-top:.5rem}.dashboard-wave-svg{width:100%;height:auto;min-height:200px;display:block}.dashboard-wave-area{transition:opacity .2s}.dashboard-wave-line{transition:stroke-width .2s}.dashboard-wave-dot{transition:r .2s}.dashboard-wave-labels{display:flex;justify-content:space-between;gap:4px;margin-top:.5rem;padding:0 .5rem;font-size:.7rem;font-weight:500;color:var(--on-surface-variant);text-align:center}.dashboard-wave-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-card{background:linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.9));border-radius:14px;border:1px solid rgba(0,0,0,.06);padding:1.5rem 1.75rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);backdrop-filter:blur(4px)}.section-card h2{margin:0 0 1rem;font-size:1.15rem;font-weight:700;color:var(--on-surface)}.section-card h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--on-surface-variant)}.table-wrap{background:linear-gradient(180deg,#fff,#fafafa);border-radius:14px;border:1px solid rgba(0,0,0,.06);overflow:hidden;box-shadow:var(--shadow-sm)}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:.85rem 1.25rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.06)}.admin-table th{background:linear-gradient(180deg,#f5f5f5,#eee);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--on-surface-variant)}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr{transition:background .15s}.admin-table tbody tr:hover td{background:rgba(198,40,40,.04)}.admin-th-left{text-align:left!important}.admin-th-num{text-align:right!important}.admin-th-center{text-align:center!important}.admin-th-minwide{min-width:10rem}.admin-th-id{min-width:7.5rem}.admin-th-nowrap{white-space:nowrap}.admin-td-strong{font-weight:600}.admin-td-mono{font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.875rem}.admin-td-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.admin-td-center{text-align:center;vertical-align:middle}.admin-td-muted{color:var(--on-surface-variant)}.admin-td-sm{font-size:.85rem}.admin-td-break{word-break:break-word;max-width:14rem}.admin-td-id{font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.75rem;word-break:break-all;max-width:11rem;vertical-align:top}.admin-td-nowrap{white-space:nowrap;font-variant-numeric:tabular-nums}.admin-table--payments .admin-td-num{font-size:.95rem}.admin-export-btn{display:inline-flex;align-items:center;gap:.45rem}.admin-export-btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{padding:.55rem 1.15rem;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(198,40,40,.3);transition:transform .15s,box-shadow .15s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(198,40,40,.4)}.btn-primary:disabled{opacity:.75;cursor:not-allowed;transform:none}.btn-secondary{padding:.5rem 1rem;background:linear-gradient(180deg,#fafafa,#f0f0f0);color:var(--on-surface);border:1px solid var(--outline);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.btn-secondary:hover{background:linear-gradient(180deg,#f5f5f5,#e8e8e8);border-color:var(--primary);color:var(--primary)}.badge{display:inline-block;padding:.25rem .6rem;border-radius:8px;font-size:.75rem;font-weight:600}.badge-free{background:linear-gradient(135deg,rgba(46,125,50,.2),rgba(46,125,50,.12));color:#1b5e20}.badge-paid{background:linear-gradient(135deg,rgba(198,40,40,.2),rgba(198,40,40,.12));color:var(--primary-dark)}.badge-premium{background:linear-gradient(135deg,rgba(198,40,40,.25),rgba(198,40,40,.15));color:var(--primary-dark)}.message.error{color:var(--error);background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left:4px solid var(--error)}.message.error,.message.success{padding:.75rem 1rem;border-radius:8px}.message.success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid var(--success);color:#1b5e20}.empty-state{text-align:center;font-size:.9rem}.empty-state,.loading-state{padding:2.5rem;color:var(--on-surface-variant)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:60vh;font-size:.95rem;background:var(--surface);border-radius:14px;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-sm)}.loading-state-spinner{width:44px;height:44px;border:3px solid rgba(198,40,40,.2);border-top:3px solid var(--primary);border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(1turn)}}.categories-page-header{margin-bottom:.25rem}.categories-page-header h2{margin:0 0 .35rem;font-size:1.5rem;font-weight:800;color:var(--primary-dark);letter-spacing:-.02em}.categories-page-subtitle{margin:0;font-size:.9rem;color:var(--on-surface-variant);line-height:1.45;max-width:52rem}.categories-section-card{padding:1.25rem 1.35rem!important}.categories-section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.25rem;margin-bottom:1rem}.categories-section-title{margin:0 0 .25rem;font-size:1.05rem;font-weight:700;color:var(--on-surface)}.categories-section-hint{margin:0;font-size:.82rem;color:var(--on-surface-variant);line-height:1.4;max-width:36rem}.categories-section-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem}.categories-sub-toolbar{align-items:flex-end}.categories-sub-main-wrap{display:flex;flex-direction:column}.categories-search-input{min-width:180px;max-width:280px}.categories-sub-empty-hint{margin:0;padding:1rem 0 .25rem;font-size:.9rem;color:var(--on-surface-variant)}.categories-main-table-scroll,.categories-sub-table-scroll{max-height:min(420px,55vh);overflow:auto;border-radius:12px;border:1px solid rgba(0,0,0,.06)}.categories-form-modal-panel{max-width:520px}.categories-sub-modal-panel{max-width:440px}.categories-main-datatable tbody td:first-child,.categories-sub-datatable tbody td:first-child{width:auto;min-width:6.5rem;text-align:left;vertical-align:middle}.categories-id-cell{font-size:.75rem;font-family:ui-monospace,monospace;color:var(--on-surface-variant);word-break:break-all}.categories-create-card{padding:1.25rem 1.35rem!important}.categories-create-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem 1.5rem;align-items:start}@media (max-width:900px){.categories-create-grid{grid-template-columns:1fr}}.categories-create-fields{display:flex;flex-direction:column;gap:1rem}.categories-field-row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:flex-end}.categories-field-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--on-surface-variant);margin-bottom:.35rem}.categories-input,.categories-select{padding:.55rem .75rem;border-radius:10px;border:1px solid var(--outline);font-size:.9rem;background:var(--surface);transition:border-color .15s,box-shadow .15s}.categories-input:focus,.categories-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(198,40,40,.12)}.categories-image-panel{display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:1rem;background:linear-gradient(160deg,rgba(198,40,40,.04),rgba(0,0,0,.02));border-radius:16px;border:1px solid rgba(0,0,0,.06);min-width:148px}.categories-image-preview-wrap{width:104px;height:104px;border-radius:18px;overflow:hidden;background:var(--surface);border:2px solid #fff;box-shadow:0 6px 20px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.categories-image-preview-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.categories-image-preview-placeholder{width:100%;height:100%;min-height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f5f5f5,#ececec);color:rgba(0,0,0,.28);border:2px dashed rgba(0,0,0,.1);border-radius:16px}.categories-image-preview-wrap .category-thumb{width:100%!important;height:100%!important;max-width:100%;max-height:100%;border-radius:16px}.categories-image-actions{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;width:100%}.categories-file-input{font-size:.78rem;max-width:100%}.categories-url-input{width:100%;padding:.4rem .5rem;font-size:.78rem;border-radius:8px;border:1px solid var(--outline)}.category-thumb{width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:14px;border:2px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.12);vertical-align:middle;display:block}.category-thumb--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fafafa,#f0f0f0);border:2px dashed rgba(0,0,0,.1);color:rgba(0,0,0,.32);box-shadow:none}.categories-main-datatable .category-name-cell,.categories-sub-datatable .category-name-cell{font-weight:600;font-size:.95rem;color:var(--on-surface);vertical-align:middle}.categories-main-datatable .category-name-cell .category-hierarchy,.categories-sub-datatable .category-name-cell .category-hierarchy{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap}.categories-main-datatable .category-badge-sub,.categories-sub-datatable .category-badge-sub{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .45rem;border-radius:6px;background:rgba(106,27,154,.12);color:#6a1b9a}.categories-edit-image-box{padding:.75rem;background:rgba(0,0,0,.03);border-radius:12px;border:1px solid rgba(0,0,0,.06);max-width:200px}.table-actions{gap:.5rem;flex-wrap:nowrap;flex-direction:row;white-space:nowrap}.btn-action,.table-actions{display:inline-flex;align-items:center}.btn-action{gap:.4rem;padding:.4rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:background .2s,color .2s,transform .15s}.btn-action:disabled{opacity:.7;cursor:not-allowed}.btn-action span{white-space:nowrap}.btn-edit{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border:1px solid rgba(21,101,192,.3)}.btn-edit:hover:not(:disabled){background:linear-gradient(135deg,#bbdefb,#90caf9);transform:translateY(-1px)}.btn-delete{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:var(--error);border:1px solid rgba(183,28,28,.3)}.btn-delete:hover:not(:disabled){background:linear-gradient(135deg,#ffcdd2,#ef9a9a);transform:translateY(-1px)}.btn-view{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#6a1b9a;border:1px solid rgba(106,27,154,.35)}.btn-view:hover:not(:disabled){background:linear-gradient(135deg,#e1bee7,#ce93d8);transform:translateY(-1px)}.table-actions--compact{gap:.35rem}.table-actions--compact .btn-action{padding:.42rem .5rem;min-width:2.25rem;justify-content:center}.table-actions--compact .btn-action span{display:none}.table-actions-group{gap:.35rem;flex-wrap:nowrap}.btn-reorder,.table-actions-group{display:inline-flex;align-items:center}.btn-reorder{justify-content:center;padding:.42rem .5rem;min-width:2.25rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,transform .15s;background:linear-gradient(135deg,#eceff1,#cfd8dc);color:#37474f;border:1px solid rgba(55,71,79,.25)}.btn-reorder:hover:not(:disabled){background:linear-gradient(135deg,#cfd8dc,#b0bec5);transform:translateY(-1px)}.btn-reorder:disabled{opacity:.45;cursor:not-allowed}.admin-modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);animation:admin-modal-fade .2s ease}@keyframes admin-modal-fade{0%{opacity:0}to{opacity:1}}.admin-modal-panel{width:100%;max-width:520px;max-height:min(88vh,720px);overflow:hidden;display:flex;flex-direction:column;background:var(--surface);border-radius:16px;box-shadow:0 24px 48px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.06);animation:admin-modal-slide .25s ease}@keyframes admin-modal-slide{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;border-bottom:1px solid rgba(0,0,0,.08);background:linear-gradient(180deg,#fafafa 0,var(--surface) 100%)}.admin-modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--primary-dark);line-height:1.35}.admin-modal-close{flex-shrink:0;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;background:rgba(0,0,0,.06);color:var(--on-surface-variant);cursor:pointer;transition:background .15s,color .15s}.admin-modal-close:hover{background:rgba(198,40,40,.12);color:var(--primary-dark)}.admin-modal-body{padding:1.15rem 1.25rem 1.35rem;overflow-y:auto}.admin-modal-meta{display:grid;grid-template-columns:1fr 1fr;gap:.65rem 1rem;margin-bottom:1rem}@media (max-width:480px){.admin-modal-meta{grid-template-columns:1fr}}.admin-modal-meta dt{margin:0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant)}.admin-modal-meta dd{margin:.15rem 0 0;font-size:.9rem;font-weight:600;color:var(--on-surface)}.admin-modal-desc{margin:0;padding:.75rem .9rem;font-size:.875rem;line-height:1.5;color:var(--on-surface);background:rgba(0,0,0,.03);border-radius:10px;border:1px solid rgba(0,0,0,.06);white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.admin-table--services .admin-table td{vertical-align:middle}.admin-table--services .service-name-cell{font-weight:600;color:var(--on-surface);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-save{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;border:none}.btn-save:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-cancel{background:var(--surface-variant);color:var(--on-surface-variant);border:1px solid var(--outline)}.btn-cancel:hover:not(:disabled){background:#eee;color:var(--on-surface)}.admin-sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:150;transition:opacity .2s}@media (max-width:768px){.admin-sidebar-backdrop.visible{display:block}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:200;width:280px!important;min-width:280px!important;transform:translateX(-100%);transition:transform .25s ease,box-shadow .25s}.admin-sidebar.open{transform:translateX(0);box-shadow:12px 0 32px rgba(0,0,0,.25)}.admin-sidebar.closed{transform:translateX(-100%)}.admin-main{min-width:0;width:100%}.admin-header{padding:.75rem 1rem;gap:.5rem;flex-wrap:wrap}.admin-header h1{font-size:1.15rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-header-profile-btn,.admin-menu-btn{width:44px;height:44px;flex-shrink:0}.admin-content{padding:.75rem 1rem 1.5rem;-webkit-overflow-scrolling:touch}.section-card{padding:1rem 1.25rem;margin-bottom:1rem}.section-card h2{font-size:1.05rem}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.25rem}.admin-table{min-width:500px}.admin-table td,.admin-table th{padding:.65rem .75rem;font-size:.875rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem}.stat-card{padding:1rem}.stat-card .value{font-size:1.5rem}.btn-primary,.btn-secondary{min-height:44px;padding:.65rem 1rem}.admin-nav a,.admin-sidebar-logout{min-height:48px;padding:.85rem 1rem}.login-page{align-items:flex-start;padding:2rem .75rem .75rem}.login-card{padding:1.5rem 1.25rem}}@media (max-width:480px){.admin-header h1{font-size:1rem}.stats-grid{grid-template-columns:1fr}.section-card{padding:1rem}}.service-description-preview{margin-top:.65rem;padding:.85rem 1rem;border-radius:10px;border:1px solid var(--outline);background:var(--surface-variant);color:var(--on-surface);font-size:.95rem;line-height:1.55;max-height:320px;overflow-y:auto}.service-description-preview--standalone{max-height:none;margin-top:0}.service-description-preview-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--on-surface-variant);margin-bottom:.5rem}.service-description-preview h1,.service-description-preview h2,.service-description-preview h3{margin:.65em 0 .35em;font-weight:800;color:var(--on-surface);line-height:1.25}.service-description-preview h1{font-size:1.35rem}.service-description-preview h2{font-size:1.15rem}.service-description-preview h3{font-size:1.02rem}.service-description-preview h4,.service-description-preview h5,.service-description-preview h6{margin:.5em 0 .25em;font-weight:700;color:var(--on-surface);font-size:.98rem}.service-description-preview p{margin:.4em 0;color:var(--on-surface-variant)}.service-description-preview strong{font-weight:700;color:var(--on-surface)}.service-description-preview ol,.service-description-preview ul{margin:.35em 0;padding-left:1.35rem;color:var(--on-surface-variant)}.service-description-preview li{margin:.2em 0}.service-description-preview code{font-family:ui-monospace,monospace;font-size:.88em;padding:.12em .35em;border-radius:4px;background:rgba(0,0,0,.06)}.service-description-preview pre{margin:.5em 0;padding:.65rem .75rem;border-radius:8px;overflow-x:auto;background:rgba(0,0,0,.06);font-size:.85rem}.service-description-preview pre code{padding:0;background:none}.service-description-preview a{color:var(--primary);font-weight:600}.service-description-preview blockquote{margin:.5em 0;padding-left:.85rem;border-left:3px solid var(--primary);color:var(--on-surface-variant);font-style:italic}.btn-danger{padding:.5rem 1rem;background:linear-gradient(135deg,#8e0000,#c62828);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(198,40,40,.25);transition:transform .15s,box-shadow .15s}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(198,40,40,.35)}.btn-danger:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-ghost{padding:.5rem .85rem;background:transparent;color:var(--primary);border:1px solid transparent;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer}.btn-ghost:hover{background:var(--primary-glow);border-color:rgba(198,40,40,.2)}.rw-page{max-width:1200px}.rw-hero{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.rw-hero-text h2{margin:0 0 .35rem}.rw-hero-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.rw-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:1rem 0 0}.rw-stat{background:var(--white);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:.85rem 1rem;box-shadow:var(--shadow-sm)}.rw-stat-label{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--on-surface-variant)}.rw-stat-value{margin-top:.35rem;font-size:1.35rem;font-weight:800;color:var(--primary);font-variant-numeric:tabular-nums}.rw-alert{padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem;line-height:1.45}.rw-alert--error{background:rgba(183,28,28,.08);color:var(--error);border:1px solid rgba(183,28,28,.22)}.rw-alert--success{background:rgba(46,125,50,.1);color:var(--success);border:1px solid rgba(46,125,50,.22)}.rw-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}.rw-search{flex:1;min-width:200px;padding:.65rem 1rem;border-radius:10px;border:1px solid var(--outline);font-size:.95rem;background:var(--white);transition:border-color .2s,box-shadow .2s}.rw-search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.rw-chip-row{display:flex;flex-wrap:wrap;gap:.45rem}.rw-chip{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--outline);background:var(--white);font-size:.8rem;font-weight:600;color:var(--on-surface-variant);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.rw-chip:hover{border-color:var(--primary);color:var(--primary)}.rw-chip--active{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;border-color:transparent}.rw-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.rw-field label{display:block;font-size:.8rem;font-weight:600;color:var(--on-surface);margin-bottom:.35rem}.rw-input,.rw-select,.rw-textarea{width:100%;padding:.6rem .85rem;border-radius:8px;border:1px solid var(--outline);font-size:.95rem;background:var(--white);font-family:inherit}.rw-input:focus,.rw-select:focus,.rw-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.rw-textarea{min-height:72px;resize:vertical}.rw-section-title{margin:0 0 .5rem;font-size:1.1rem}.rw-section-desc{margin:0 0 1rem;font-size:.9rem;color:var(--on-surface-variant);line-height:1.5}.rw-badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:capitalize;letter-spacing:.02em}.rw-badge--pending{background:#fff8e1;color:#e65100}.rw-badge--approved{background:#e3f2fd;color:#0d47a1}.rw-badge--paid{background:#e8f5e9;color:#1b5e20}.rw-badge--rejected{background:#ffebee;color:#b71c1c}.rw-user-cell strong{display:block;font-size:.95rem}.rw-user-cell span{font-size:.85rem;color:var(--on-surface-variant)}.rw-amount-cell{font-weight:800;font-size:1.05rem;color:var(--primary);font-variant-numeric:tabular-nums}.rw-bank-block{font-size:.85rem;line-height:1.5;color:var(--on-surface)}.rw-bank-meta{margin-top:.35rem;font-size:.78rem;color:var(--on-surface-variant);font-family:ui-monospace,Cascadia Code,monospace}.rw-actions{display:flex;flex-wrap:wrap;gap:.45rem}.rw-table-note{width:100%;min-width:140px;max-width:220px}.rw-empty{text-align:center;padding:2rem 1rem;color:var(--on-surface-variant);font-size:.95rem}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.order-1{order:1}.order-2{order:2}.m-0{margin:0}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-9{height:2.25rem}.h-full{height:100%}.max-h-\[min\(70vh\2c 720px\)\]{max-height:min(70vh,720px)}.min-h-0{min-height:0}.min-h-\[280px\]{min-height:280px}.min-h-\[44px\]{min-height:44px}.w-14{width:3.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[480px\]{min-width:480px}.min-w-\[520px\]{min-width:520px}.max-w-\[280px\]{max-width:280px}.flex-1{flex:1 1 0%}.flex-\[1_1_280px\]{flex:1 1 280px}.flex-\[1_1_60\%\]{flex:1 1 60%}.flex-shrink-0,.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-grab{cursor:grab}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-none{list-style-type:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.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-neutral-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 229 229/var(--tw-divide-opacity,1))}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-brand\/30{border-color:rgba(198,40,40,.3)}.border-brand\/40{border-color:rgba(198,40,40,.4)}.border-neutral-100{--tw-border-opacity:1;border-color:rgb(245 245 245/var(--tw-border-opacity,1))}.border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.border-neutral-200\/80{border-color:hsla(0,0%,90%,.8)}.border-neutral-300{--tw-border-opacity:1;border-color:rgb(212 212 212/var(--tw-border-opacity,1))}.bg-brand{--tw-bg-opacity:1;background-color:rgb(198 40 40/var(--tw-bg-opacity,1))}.bg-neutral-100\/90{background-color:hsla(0,0%,96%,.9)}.bg-neutral-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.bg-neutral-50\/80{background-color:hsla(0,0%,98%,.8)}.bg-neutral-50\/90{background-color:hsla(0,0%,98%,.9)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.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-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.text-brand{--tw-text-opacity:1;color:rgb(198 40 40/var(--tw-text-opacity,1))}.text-brand-dark{--tw-text-opacity:1;color:rgb(142 0 0/var(--tw-text-opacity,1))}.text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.text-neutral-600{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity,1))}.text-neutral-700{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity,1))}.text-neutral-800{--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity,1))}.text-neutral-900{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-card{--tw-shadow:0 4px 12px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color)}.shadow-card,.shadow-lg{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 rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(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)}.outline{outline-style:solid}.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}.hover\:bg-brand-dark:hover{--tw-bg-opacity:1;background-color:rgb(142 0 0/var(--tw-bg-opacity,1))}.hover\:bg-neutral-100:hover{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.hover\:bg-neutral-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.hover\:bg-neutral-50\/80:hover{background-color:hsla(0,0%,98%,.8)}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--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-visible\:ring-brand:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(198 40 40/var(--tw-ring-opacity,1))}.focus-visible\:ring-neutral-300:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(212 212 212/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-neutral-200:disabled{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.disabled\:text-neutral-300:disabled{--tw-text-opacity:1;color:rgb(212 212 212/var(--tw-text-opacity,1))}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:shadow-none:disabled{--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)}@media (min-width:640px){.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:flex-1{flex:1 1 0%}.sm\:flex-row{flex-direction:row}.sm\:px-4{padding-left:1rem;padding-right:1rem}}@media (min-width:1024px){.lg\:max-w-md{max-width:28rem}.lg\:flex-\[0_0_32\%\]{flex:0 0 32%}.lg\:flex-\[0_0_68\%\]{flex:0 0 68%}.lg\:flex-row{flex-direction:row}.lg\:items-stretch{align-items:stretch}.lg\:gap-6{gap:1.5rem}}@media (min-width:1280px){.xl\:max-w-none{max-width:none}.xl\:flex-\[0_0_30\%\]{flex:0 0 30%}.xl\:flex-\[0_0_70\%\]{flex:0 0 70%}}