:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Arial,sans-serif}body{background:#f5f7fb;color:#0f172a;overflow-y:auto;display:center}div[style*="width: 200px"]{width:240px!important;background:#0f172a!important;color:#fff!important;height:100vh;padding:30px 20px!important;position:fixed;left:0;top:0}div[style*="width: 200px"] h3{font-size:22px;margin-bottom:20px;font-weight:700}div[style*="width: 200px"] a{text-decoration:none;color:#cbd5e1;padding:10px 12px;border-radius:8px;transition:.2s}div[style*="width: 200px"] a:hover{background:#1e293b;color:#fff}div[style*="width: 200px"] button{background:#ef4444;border:none;padding:10px;border-radius:8px;color:#fff;cursor:pointer;margin-bottom:10px;transition:.2s}div[style*="width: 200px"] button:hover{background:#dc2626}div[style*="flex: 1"]{margin-left:240px;padding:30px!important;width:calc(100% - 240px)}h1,h2{margin-bottom:20px}input,textarea{width:100%;padding:10px;margin:8px 0;border-radius:8px;border:1px solid #ddd;transition:.2s}input:focus,textarea:focus{outline:none;border-color:#6366f1}button{padding:10px 16px;border-radius:8px;border:none;background:#6366f1;color:#fff;cursor:pointer;transition:.2s}button:hover{background:#4f46e5}div[style*=border-bottom]{background:#fff;padding:15px!important;border-radius:10px;border:1px solid #eee!important}h3+label{margin-top:10px}label{display:inline-flex;align-items:center;gap:8px;margin-right:20px;margin-bottom:10px;background:#f1f5f9;padding:6px 12px;border-radius:20px;cursor:pointer;transition:.2s}img{border-radius:8px}button[style*="color: red"]{background:#fee2e2;color:#dc2626!important}div[style*="border:1px solid"]{background:#fff;border-radius:10px!important;border:1px solid #eee!important}div[style*="justify-content: center"]{margin-left:0!important;width:100%!important;height:100vh;display:flex;justify-content:center;align-items:center}div[style*="justify-content: center"] form{background:#fff!important;border-radius:12px;padding:40px!important;box-shadow:0 10px 30px #0000001a;min-width:320px}form h2{margin-bottom:20px;text-align:center}form input{background:#f1f5f9;border:none;color:#0f172a}form button{width:100%;margin-top:10px}.orders-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;width:100%}.order-card{width:100%;background:#fff;border-radius:12px;padding:20px;border:1px solid #eee;transition:all .25s ease}.order-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.status{font-weight:700;margin:10px 0;text-transform:capitalize}.status.pending{color:#f59e0b}.status.paid{color:#10b981}.status.expired{color:#ef4444}.order-items{margin-top:10px;font-size:14px;color:#555}.order-card button{margin-top:15px;width:100%}