*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}:root{--bg-color: #0f172a;--card-bg: #1e293b;--text-color: #f8fafc;--text-dim: #94a3b8;--primary: #6366f1;--accent: #a855f7;--success: #10b981;--warning: #f59e0b;--danger: #ef4444}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color)}#app-container{min-height:100vh}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;letter-spacing:-.5px}.user-info{display:flex;align-items:center;gap:1.5rem}.user-info span{font-size:.9rem;color:var(--text-dim)}.btn-logout{padding:.5rem 1.2rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-logout:hover{background:#ef444426;border-color:var(--danger);color:var(--danger);transform:translateY(-1px)}.main-content{padding:2.5rem 1.5rem;max-width:1400px;margin:0 auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#475569}.dashboard[data-v-4162f547]{animation:fadeIn-4162f547 .5s ease-out}.page-header[data-v-4162f547]{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem}.title-section h1[data-v-4162f547]{font-size:2rem;font-weight:800;margin-bottom:.5rem}.title-section p[data-v-4162f547]{color:var(--text-dim)}.stats-cards[data-v-4162f547]{display:flex;gap:1rem}.stat-card[data-v-4162f547]{background:var(--card-bg);padding:1rem 1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;min-width:120px}.stat-card .label[data-v-4162f547]{font-size:.8rem;color:var(--text-dim);margin-bottom:.2rem}.stat-card .value[data-v-4162f547]{font-size:1.5rem;font-weight:700}.filters[data-v-4162f547]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.filter-group[data-v-4162f547]{display:flex;gap:.5rem;background:#ffffff0d;padding:.4rem;border-radius:12px}.filter-btn[data-v-4162f547]{padding:.5rem 1rem;border-radius:8px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:.9rem;transition:all .2s}.filter-btn[data-v-4162f547]:hover{color:#fff}.filter-btn.active[data-v-4162f547]{background:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f14d}.search-box input[data-v-4162f547]{background:var(--card-bg);border:1px solid rgba(255,255,255,.1);padding:.7rem 1.2rem;border-radius:12px;color:#fff;width:250px;transition:all .3s}.search-box input[data-v-4162f547]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.table-container[data-v-4162f547]{background:var(--card-bg);border-radius:20px;border:1px solid rgba(255,255,255,.05);overflow:hidden;box-shadow:0 10px 30px #0003}table[data-v-4162f547]{width:100%;border-collapse:collapse;text-align:left}th[data-v-4162f547]{padding:1.2rem 1.5rem;background:#ffffff05;color:var(--text-dim);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.05)}td[data-v-4162f547]{padding:1.2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.03);font-size:.95rem}tr:hover td[data-v-4162f547]{background:#ffffff03}.order-id[data-v-4162f547]{font-family:JetBrains Mono,monospace;color:var(--primary);font-weight:600}.link[data-v-4162f547]{color:var(--accent);text-decoration:none;font-weight:500}.link[data-v-4162f547]:hover{text-decoration:underline}.status-badge[data-v-4162f547]{padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.status-pending[data-v-4162f547]{background:#f59e0b26;color:#fbbf24}.status-processing[data-v-4162f547]{background:#6366f126;color:#818cf8}.status-shipping[data-v-4162f547]{background:#a855f726;color:#c084fc}.status-completed[data-v-4162f547]{background:#10b98126;color:#34d399}.status-expired[data-v-4162f547]{background:#ef444426;color:#f87171}.btn-detail[data-v-4162f547]{padding:.4rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;cursor:pointer;transition:all .2s}.btn-detail[data-v-4162f547]:hover{background:var(--primary);border-color:var(--primary)}.loading-state[data-v-4162f547]{padding:4rem;text-align:center;color:var(--text-dim)}.spinner[data-v-4162f547]{width:40px;height:40px;border:3px solid rgba(99,102,241,.1);border-top-color:var(--primary);border-radius:50%;margin:0 auto 1rem;animation:spin-4162f547 1s linear infinite}@keyframes spin-4162f547{to{transform:rotate(360deg)}}@keyframes fadeIn-4162f547{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-page[data-v-2b4d6402]{height:calc(100vh - 40px);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1e293b,#0f172a)}.login-card[data-v-2b4d6402]{background:#1e293b80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem;border-radius:24px;border:1px solid rgba(255,255,255,.1);width:100%;max-width:400px;box-shadow:0 25px 50px -12px #00000080;text-align:center}.login-header h1[data-v-2b4d6402]{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-header p[data-v-2b4d6402]{color:var(--text-dim);margin-bottom:2.5rem}.google-btn-container[data-v-2b4d6402]{margin:2rem 0;display:flex;justify-content:center}.error-msg[data-v-2b4d6402]{background:#ef44441a;color:var(--danger);padding:.8rem;border-radius:12px;margin-top:1rem;font-size:.9rem}.login-footer[data-v-2b4d6402]{margin-top:2rem;font-size:.8rem;color:var(--text-dim);opacity:.6}.order-detail[data-v-ac466087]{animation:fadeIn-ac466087 .4s ease-out}.back-nav[data-v-ac466087]{margin-bottom:2rem;color:var(--text-dim);cursor:pointer;display:inline-block;transition:color .2s}.back-nav[data-v-ac466087]:hover{color:var(--primary)}.detail-grid[data-v-ac466087]{display:grid;grid-template-columns:1fr 350px;gap:2rem}.card[data-v-ac466087]{background:var(--card-bg);border-radius:24px;border:1px solid rgba(255,255,255,.05);padding:2rem;box-shadow:0 15px 35px #0003}.card-header[data-v-ac466087]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1.5rem}.card-header h2[data-v-ac466087]{margin:0;font-size:1.5rem}.side-column[data-v-ac466087]{display:flex;flex-direction:column;gap:2rem}.info-list[data-v-ac466087]{display:flex;flex-direction:column;gap:1.5rem}.info-item[data-v-ac466087]{display:flex;flex-direction:column;gap:.4rem}.label[data-v-ac466087]{font-size:.85rem;color:var(--text-dim);font-weight:500}.value[data-v-ac466087]{font-size:1.1rem;font-weight:500}.value.highlight[data-v-ac466087]{color:var(--primary);font-family:JetBrains Mono,monospace;font-weight:700}.value.price[data-v-ac466087]{font-size:1.8rem;font-weight:800;color:var(--success)}.pre-wrap[data-v-ac466087]{white-space:pre-wrap;background:#ffffff08;padding:1rem;border-radius:12px;font-size:.95rem;line-height:1.6}.link[data-v-ac466087]{color:var(--accent);text-decoration:none}.form-group[data-v-ac466087]{margin-bottom:1.2rem}.form-group label[data-v-ac466087]{display:block;font-size:.85rem;color:var(--text-dim);margin-bottom:.5rem}select[data-v-ac466087],input[data-v-ac466087]{width:100%;padding:.8rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;box-sizing:border-box}.btn-save[data-v-ac466087]{width:100%;padding:1rem;border-radius:12px;border:none;background:var(--primary);color:#fff;font-weight:700;cursor:pointer;margin-top:1rem;transition:all .3s}.btn-save[data-v-ac466087]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.btn-save[data-v-ac466087]:disabled{opacity:.5;cursor:not-allowed}.status-badge[data-v-ac466087]{padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700}.status-pending[data-v-ac466087]{background:#f59e0b26;color:#fbbf24}.status-processing[data-v-ac466087]{background:#6366f126;color:#818cf8}.status-shipping[data-v-ac466087]{background:#a855f726;color:#c084fc}.status-completed[data-v-ac466087]{background:#10b98126;color:#34d399}.status-expired[data-v-ac466087]{background:#ef444426;color:#f87171}@keyframes fadeIn-ac466087{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.customer-detail[data-v-4e64e417]{animation:fadeIn .4s ease-out}.back-nav[data-v-4e64e417]{margin-bottom:2rem;color:var(--text-dim);cursor:pointer}.layout[data-v-4e64e417]{display:grid;grid-template-columns:350px 1fr;gap:2rem}.card[data-v-4e64e417]{background:var(--card-bg);border-radius:24px;border:1px solid rgba(255,255,255,.05);padding:2rem;margin-bottom:2rem}.sidebar .customer-info[data-v-4e64e417]{text-align:center}.avatar[data-v-4e64e417]{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#fff;box-shadow:0 10px 20px #6366f14d}.id-tag[data-v-4e64e417]{font-size:.9rem;color:var(--text-dim);background:#ffffff0d;display:inline-block;padding:.3rem .8rem;border-radius:8px;margin-top:.5rem}.divider[data-v-4e64e417]{height:1px;background:#ffffff0d;margin:1.5rem 0}.info-group[data-v-4e64e417]{text-align:left}.info-group label[data-v-4e64e417]{display:block;font-size:.8rem;color:var(--text-dim);margin-bottom:.3rem}.form-group[data-v-4e64e417]{margin-bottom:1.2rem;text-align:left}.form-group label[data-v-4e64e417]{display:block;font-size:.85rem;color:var(--text-dim);margin-bottom:.5rem}input[data-v-4e64e417]{width:100%;padding:.8rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;box-sizing:border-box}.btn-save[data-v-4e64e417]{width:100%;padding:1rem;border-radius:12px;background:var(--primary);color:#fff;font-weight:700;border:none;cursor:pointer;transition:all .3s}.history-item[data-v-4e64e417]{display:flex;align-items:center;justify-content:space-between;padding:1.2rem;border-bottom:1px solid rgba(255,255,255,.03);gap:1rem}.order-brief[data-v-4e64e417]{display:flex;flex-direction:column}.order-id[data-v-4e64e417]{font-weight:700;color:var(--primary)}.order-date[data-v-4e64e417]{font-size:.8rem;color:var(--text-dim)}.order-amount[data-v-4e64e417]{font-weight:600;font-size:1.1rem}.btn-view[data-v-4e64e417]{padding:.4rem 1rem;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer}.btn-view[data-v-4e64e417]:hover{background:var(--primary)}.status-badge[data-v-4e64e417]{padding:.3rem .7rem;border-radius:20px;font-size:.75rem;font-weight:600}.status-pending[data-v-4e64e417]{background:#f59e0b26;color:#fbbf24}.status-processing[data-v-4e64e417]{background:#6366f126;color:#818cf8}.status-shipping[data-v-4e64e417]{background:#a855f726;color:#c084fc}.status-completed[data-v-4e64e417]{background:#10b98126;color:#34d399}.status-expired[data-v-4e64e417]{background:#ef444426;color:#f87171}.empty-state[data-v-4e64e417]{padding:3rem;text-align:center;color:var(--text-dim)}