body{transition:background-color .3s,color .3s;font-size:16px}[data-theme=light]{--header-shadow: 0 1px 2px rgba(0, 0, 0, .1);--header-bg: rgba(255, 255, 255, .65);--logo-color: #000000;--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--border-color: #e5e7eb;--hover-bg: #f9fafb;--table-header-bg: #f3f4f6;--status-pending-bg: #fef3c7;--status-pending-text: #92400e;--status-completed-bg: #d1fae5;--status-completed-text: #065f46;--shadow-color: rgba(0, 0, 0, .1);--shadow: 0 4px 6px -1px var(--shadow-color), 0 2px 4px -1px var(--shadow-color)}[data-theme=dark]{--header-shadow: 0 1px 2px rgba(255, 255, 255, .047);--header-bg: rgba(17, 24, 39, .8);--logo-color: #ffffff;--bg-primary: #111827;--bg-secondary: #1f2937;--text-primary: #f9fafb;--text-secondary: #9ca3af;--border-color: #374151;--hover-bg: #374151;--table-header-bg: #1f2937;--status-pending-bg: #84370b7a;--status-pending-text: #d2a125;--status-completed-bg: #05463498;--status-completed-text: #34d399;--shadow-color: rgba(0, 0, 0, .5);--glow-color: rgba(255, 255, 255, .05);--shadow: 0 4px 6px -1px var(--shadow-color), 0 2px 4px -1px var(--shadow-color), 0 0 0 1px var(--glow-color)}#page-header{color:var(--logo-color);box-shadow:var(--header-shadow);background-color:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:box-shadow .3s,background-color .3s,color .3s}#page-header svg{fill:var(--logo-color);transition:fill .3s}body{background-color:var(--bg-primary);color:var(--text-primary)}main{padding-top:6rem!important}.gradient-text{background:linear-gradient(135deg,#7a52f1,#ff0073 40%);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:2.5rem;margin-bottom:1.5rem;margin-top:1.5rem}#orders-container .orders-table{width:100%;border-radius:.5rem;overflow:hidden;box-shadow:var(--shadow);border:0px solid var(--border-color);font-size:1.25rem}#orders-container .orders-table thead{background-color:var(--table-header-bg)}#orders-container .orders-table th{padding:1.25rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:1.1rem;color:var(--text-secondary)}#orders-container .orders-table td{padding:1.25rem;border-bottom:1px solid var(--border-color);font-size:1.25rem}#orders-container .orders-table tbody tr{transition:background-color .2s}#orders-container .orders-table tbody tr:hover{background-color:var(--hover-bg)}.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sortable:hover{background-color:var(--hover-bg)}.sort-icon{display:inline-block;width:0;height:0;margin-left:.5rem;vertical-align:middle;border-left:4px solid transparent;border-right:4px solid transparent}.sort-icon.asc{border-bottom:4px solid var(--text-secondary)}.sort-icon.desc{border-top:4px solid var(--text-secondary)}#orders-container .status-badge{padding:.5rem 1rem;border-radius:9999px;font-weight:500;font-size:1.1rem;display:inline-block}#orders-container .status-badge.pending{background-color:var(--status-pending-bg);color:var(--status-pending-text)}#orders-container .status-badge.completed{background-color:var(--status-completed-bg);color:var(--status-completed-text)}#orders-container .price{font-weight:600;font-size:1.35rem}.no-orders{background-color:var(--bg-secondary);border-radius:.5rem;padding:2rem;text-align:center;color:var(--text-secondary);font-size:1.25rem}.datetime{white-space:nowrap;font-size:1rem}.orders-container{padding-bottom:5rem}.mobile-sort-controls{display:none}@media (max-width: 768px){main{padding:6rem 1rem!important}.mobile-sort-controls{display:block}.gradient-text{font-size:2rem;margin-bottom:1rem;margin-top:1rem}#orders-container .orders-table{display:block;overflow-x:hidden;font-size:.9rem}#orders-container .orders-table th,#orders-container .orders-table td{padding:.75rem}@media (max-width: 480px){.mobile-sort-controls{margin-bottom:1rem;position:relative}.sort-dropdown-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .2s ease}.sort-dropdown-button:hover{background-color:var(--hover-bg)}.sort-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--shadow);z-index:50;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.sort-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.sort-dropdown-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;border:none;background:none;color:var(--text-primary);font-size:1rem;text-align:left;cursor:pointer;transition:background-color .2s ease}.sort-dropdown-item:not(:last-child){border-bottom:1px solid var(--border-color)}.sort-dropdown-item:hover{background-color:var(--hover-bg)}.sort-dropdown-item.active{color:var(--text-primary);background-color:var(--hover-bg)}.sort-indicator{display:inline-block;width:0;height:0;margin-left:.5rem;border-left:4px solid transparent;border-right:4px solid transparent}.sort-indicator.asc{border-bottom:4px solid currentColor}.sort-indicator.desc{border-top:4px solid currentColor}#orders-container .orders-table thead{display:none}#orders-container .orders-table tbody,#orders-container .orders-table tr,#orders-container .orders-table td{display:block;width:100%}#orders-container .orders-table tr{margin-bottom:1rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--bg-secondary)}#orders-container .orders-table td{text-align:left;padding:.75rem;border-bottom:1px solid var(--border-color);position:relative;padding-left:45%}#orders-container .orders-table td:last-child{border-bottom:none}#orders-container .orders-table td:before{content:attr(data-label);position:absolute;left:.75rem;width:40%;font-weight:600;text-transform:uppercase;font-size:.8rem;color:var(--text-secondary)}#orders-container .price{font-size:1.1rem}#orders-container .status-badge{font-size:.9rem;padding:.35rem .75rem}.datetime{font-size:.9rem}}.pagination{flex-wrap:wrap;gap:.5rem}.pagination button{padding:.35rem .75rem;font-size:.9rem}.pagination span{font-size:.9rem}.pagination input{width:40px;font-size:.9rem;padding:.2rem}}#theme-switcher{margin-left:0!important;transform:scale(1)!important}.pagination{display:flex;justify-content:center;align-items:center;margin-top:1rem;gap:1rem}.pagination button{padding:.5rem 1rem;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:.25rem;transition:background-color .3s;font-size:1rem;transform:scale(1.05)}.pagination button:hover:not(:disabled){background-color:var(--hover-bg)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:1.2rem;color:var(--text-secondary)}.pagination input{width:50px;text-align:center;font-size:1.2rem;padding:.25rem;border:1px solid var(--border-color);border-radius:.25rem;background-color:var(--bg-secondary);color:var(--text-primary)}