: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-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}@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)}}