:root{--primary-color:#ec4899;--primary-hover:#db2777;--secondary-color:#f9a8d4;--bg-color:#fdf2f8;--text-primary:#831843;--text-muted:#9d174d;--glass-bg:#fff6;--glass-border:#ffffff80;--glass-blur:16px;--glass-shadow:0 8px 32px 0 #ec48991a;--radius-lg:20px;--radius-md:12px}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(at 0 0,#ff85c226 0,#0000 50%),radial-gradient(at 100% 100%,#ff85c226 0,#0000 50%);background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:24px;transition:all .3s}.glass-panel:hover{border-color:#fffc;box-shadow:0 12px 40px #ec489926}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #ec48994d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ec489966}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;background:#fff9;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffffe6;transform:translateY(-2px)}.input-glass{border-radius:var(--radius-md);width:100%;color:var(--text-primary);box-sizing:border-box;background:#fff9;border:1px solid #fffc;outline:none;padding:12px 16px;transition:all .2s}.input-glass::placeholder{color:var(--text-muted);opacity:.7}.input-glass:focus{border-color:var(--primary-color);background:#ffffffe6;box-shadow:0 0 0 3px #ec489933}select{appearance:none;cursor:pointer;font-size:15px;line-height:1.4;transition:background-color .2s,border-color .2s,box-shadow .2s;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%)!important;background-position:calc(100% - 18px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px)!important;background-repeat:no-repeat!important;background-size:6px 6px,6px 6px!important;padding-right:38px!important}select:hover{border-color:#ec489973!important}select:focus,select:focus-visible{outline:none;box-shadow:0 0 0 3px #ec48992e;border-color:var(--primary-color)!important}select:disabled{cursor:not-allowed;opacity:.62}select option{color:var(--text-primary);background:#fff;padding:10px 14px}select option:checked{color:var(--text-primary);background:#ec48991f}select.input-glass{background-color:#fff9;min-height:44px}select.input-glass:hover{background-color:#ffffffc7}select.input-glass:focus{background-color:#ffffffe6}select[style*="rgba(15, 23, 42"],select[style*=\#1e293b],select[style*="color: white"]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select[style*="rgba(15, 23, 42"]:hover,select[style*=\#1e293b]:hover,select[style*="color: white"]:hover{border-color:#3b82f680!important}select[style*="rgba(15, 23, 42"]:focus,select[style*="rgba(15, 23, 42"]:focus-visible,select[style*=\#1e293b]:focus,select[style*=\#1e293b]:focus-visible,select[style*="color: white"]:focus,select[style*="color: white"]:focus-visible{box-shadow:0 0 0 3px #3b82f62e;border-color:#3b82f6!important}select[style*="rgba(15, 23, 42"] option,select[style*=\#1e293b] option,select[style*="color: white"] option{color:#f8fafc;background:#1e293b}select[style*="rgba(15, 23, 42"] option:checked,select[style*=\#1e293b] option:checked,select[style*="color: white"] option:checked{color:#fff;background:#3b82f647}.glass-select{vertical-align:middle;width:100%;display:inline-block;position:relative}.glass-select-native{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.glass-select-trigger{text-align:left;white-space:nowrap;justify-content:space-between;align-items:center;gap:12px;min-height:38px;display:inline-flex}.glass-select-trigger:not(.input-glass){border-radius:var(--radius-md);color:var(--text-primary);background:#fff9;border:1px solid #fffc;padding:10px 14px}.glass-select-trigger:focus,.glass-select-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px #ec48992e;border-color:var(--primary-color)!important}.glass-select-trigger:disabled{cursor:not-allowed;opacity:.62}.glass-select-value,.glass-select-placeholder{text-overflow:ellipsis;min-width:0;overflow:hidden}.glass-select-placeholder{opacity:.72}.glass-select-chevron{opacity:.72;flex:none;transition:transform .18s,opacity .18s}.glass-select-trigger[aria-expanded=true] .glass-select-chevron{opacity:1;transform:rotate(180deg)}.glass-select-menu{z-index:10000;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);background:#fffffff0;border:1px solid #ffffffc7;padding:6px;animation:.16s ease-out forwards dropdown-fade-in;overflow-y:auto;box-shadow:0 18px 45px #ec48992e,0 6px 16px #83184314}.glass-select-option{width:100%;min-height:36px;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:500;transition:background .14s,color .14s;display:flex}.glass-select-option:hover,.glass-select-option.active{color:var(--primary-hover);background:#ec48991a}.glass-select-option.selected{color:var(--primary-hover);background:#ec489929;font-weight:700}.glass-select-option:disabled{cursor:not-allowed;opacity:.45}.glass-select-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.glass-select.dark .glass-select-trigger:not(.input-glass){color:#f8fafc;background:#0f172a8c;border:1px solid #ffffff1a}.glass-select.dark .glass-select-trigger:focus,.glass-select.dark .glass-select-trigger:focus-visible{box-shadow:0 0 0 3px #3b82f62e;border-color:#3b82f6!important}.glass-select-menu.dark{background:#0f172af5;border:1px solid #ffffff17;box-shadow:0 18px 45px #00000059,0 0 0 1px #3b82f614}.glass-select-menu.dark .glass-select-option{color:#e2e8f0}.glass-select-menu.dark .glass-select-option:hover,.glass-select-menu.dark .glass-select-option.active{color:#93c5fd;background:#3b82f629}.glass-select-menu.dark .glass-select-option.selected{color:#fff;background:#3b82f63d}.order-filter-panel{margin-bottom:20px;padding:24px}.order-filter-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"keyword keyword keyword keyword keyword pay pay status status actions actions actions""date date date date amount amount amount amount amount actions actions actions";align-items:end;gap:18px 24px;display:grid}.order-filter-field{min-width:0}.order-filter-field-status{grid-area:status}.order-filter-field-keyword{grid-area:keyword}.order-filter-field-pay{grid-area:pay}.order-filter-field-date{grid-area:date}.order-filter-field-amount{grid-area:amount}.order-filter-actions{grid-area:actions;align-self:end;align-items:center;gap:12px;display:flex}.order-filter-label{min-height:20px;color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.order-filter-panel .input-glass,.order-filter-panel .glass-select-trigger{min-height:44px;font-size:14px}.order-range-control{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.order-range-separator{color:var(--text-muted);font-weight:700;line-height:1}.order-filter-actions .btn-primary,.order-filter-actions .btn-secondary{min-width:112px;min-height:44px;padding-inline:20px}@media (width<=1180px){.order-filter-grid{grid-template-areas:"keyword keyword keyword keyword keyword keyword pay pay pay status status status""date date date date date date amount amount amount amount amount amount""actions actions actions actions actions actions actions actions actions actions actions actions"}}@media (width<=760px){.order-filter-panel{padding:18px}.order-filter-grid{grid-template-columns:1fr;grid-template-areas:"keyword""pay""status""date""amount""actions";gap:14px}.order-filter-field-status,.order-filter-field-keyword,.order-filter-field-pay,.order-filter-field-date,.order-filter-field-amount,.order-filter-actions{grid-column:1}.order-filter-actions{justify-content:stretch}.order-filter-actions .btn-primary,.order-filter-actions .btn-secondary{flex:1}}table.glass-table{border-collapse:collapse;width:100%}table.glass-table th{color:var(--text-muted);text-align:left;border-bottom:1px solid var(--glass-border);background:#ffffff4d;padding:16px 20px;font-weight:600}table.glass-table td{border-bottom:1px solid var(--glass-border);color:var(--text-primary);padding:16px 20px}table.glass-table tr:last-child td{border-bottom:none}table.glass-table tr:hover td{background:#fff3}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.toast-message{-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);pointer-events:auto;background:#ffffffd9;align-items:center;gap:8px;padding:12px 24px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) forwards toast-slide-down;display:flex;box-shadow:0 8px 32px #ec489926}.toast-message.toast-error{border-left:4px solid #ef4444}.toast-message.toast-success{border-left:4px solid #10b981}.toast-message.toast-info{border-left:4px solid #3b82f6}.toast-message.toast-hide{animation:.3s cubic-bezier(.16,1,.3,1) forwards toast-slide-up}@keyframes toast-slide-down{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-slide-up{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.95)}}.dropdown-menu-glass{z-index:10;-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#fffffff2;flex-direction:column;min-width:130px;margin-top:6px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdown-fade-in;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dropdown-menu-portal{z-index:10000;margin-top:0;position:fixed}.dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.dropdown-item:hover{color:var(--primary-hover);background:#ec489914}.password-mask-input{-webkit-text-security:disc}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu-glass.dark{background:#1e293bf2;border:1px solid #ffffff14;box-shadow:0 10px 15px -3px #0000004d}.dropdown-menu-glass.dark .dropdown-item{color:#e2e8f0}.dropdown-menu-glass.dark .dropdown-item:hover{color:#c084fc;background:#a855f726}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tenant-navigation{flex-direction:column;flex:1;gap:8px;min-height:0;padding-bottom:20px;display:flex;overflow-y:auto}.tenant-menu-group,.tenant-menu-link{color:var(--text-muted);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.tenant-menu-group{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-family:inherit}.tenant-menu-group span{flex:1}.tenant-menu-group svg,.tenant-menu-link svg{flex-shrink:0}.tenant-menu-group:hover,.tenant-menu-link:hover{background:#ec489914}.tenant-menu-group.active{color:var(--primary-color);font-weight:600}.tenant-submenu{border-left:1px solid var(--glass-border);margin:4px 0 4px 25px;padding-left:10px}.tenant-menu-link.nested{margin-bottom:4px;padding:10px 12px;font-size:13px}.tenant-menu-link.active{color:#fff;background:var(--primary-color);font-weight:600;box-shadow:0 4px 12px #ec489933}.tenant-menu-group:focus-visible,.tenant-menu-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}
