:root{--c-abyss: #1E0A38;--c-purple: #8E2CFB;--c-purple-light: #ede0ff;--c-purple-dim: #6a1fc4;--c-walnut: #50385E;--c-linen: #F6F0E8;--c-white: #FAFAF8;--c-text: #2a1a3a;--c-muted: #8a7a96;--c-border: #e0d8e8;--c-green: #1a8a4a;--c-green-bg: #e8f5ee;--c-orange: #c06010;--c-orange-bg: #fff3e0;--c-red: #c0392b;--c-red-bg: #fde8e5;--c-blue: #2471a3}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--c-linen);color:var(--c-text)}a{color:var(--c-purple)}.topbar{background:var(--c-abyss);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.topbar-brand{display:flex;align-items:center;gap:28px}.topbar h1{font-size:1.05rem;font-weight:800;color:#fff}.topbar h1 span{color:var(--c-purple)}.topbar-nav{display:flex;gap:4px}.topbar-nav a{color:#9a8aaa;text-decoration:none;font-size:.78rem;font-weight:600;padding:6px 12px;border-radius:5px;transition:all .15s}.topbar-nav a:hover{color:#fff;background:#2a1a45}.topbar-nav a.active{color:#fff;background:var(--c-purple)}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-meta{font-size:.68rem;color:#9a8aaa}.btn-sync,.btn-export{font-size:.68rem;padding:5px 11px;border-radius:4px;text-decoration:none;font-weight:600}.btn-sync{background:var(--c-purple);color:#fff}.btn-sync:hover{background:var(--c-purple-dim)}.btn-export{background:transparent;color:var(--c-purple-light);border:1px solid #5a3a7a}.btn-export:hover{background:#2a1a45}.content{padding:20px 24px;max-width:1500px;margin:0 auto}.section{margin-bottom:28px}.section-hd{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-purple);padding-bottom:8px;border-bottom:2px solid var(--c-purple-light);margin-bottom:10px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}.section-count{font-size:.7rem;color:var(--c-muted);font-weight:400}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;border:1px solid var(--c-border)}th{text-align:left;padding:8px 10px;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted);background:var(--c-purple-light);border-bottom:1px solid var(--c-border)}td{padding:8px 10px;font-size:.78rem;border-bottom:1px solid #f0eaf5;vertical-align:top}tr:hover{background:#f8f4fc}.empty{color:var(--c-muted);font-style:italic;padding:20px;text-align:center;font-size:.8rem;background:#fff;border-radius:8px;border:1px solid var(--c-border)}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#fff}.b-green{background:var(--c-green)}.b-orange{background:var(--c-orange)}.b-red{background:var(--c-red)}.b-blue{background:var(--c-blue)}.b-purple{background:var(--c-purple)}.tag{display:inline-block;padding:2px 6px;border-radius:3px;font-size:.55rem;margin:1px}.t-product{background:var(--c-purple-light);color:var(--c-purple-dim)}.t-customer{background:var(--c-green-bg);color:var(--c-green)}.t-pending{background:var(--c-orange-bg);color:var(--c-orange)}.products{font-size:.72rem;color:var(--c-walnut)}.amount{font-variant-numeric:tabular-nums;font-weight:600}.mono{font-family:SF Mono,Fira Code,monospace;font-size:.68rem;color:var(--c-muted)}.email-link{color:var(--c-purple);cursor:pointer;text-decoration:none}.email-link:hover{text-decoration:underline}.errors{margin-bottom:12px}.error{font-size:.75rem;background:var(--c-red-bg);color:var(--c-red);padding:6px 12px;border-radius:6px;margin-bottom:4px;border:1px solid #f0c0b8}.btn-mini{display:inline-block;background:#fff;color:var(--c-muted);border:1px solid var(--c-border);padding:3px 8px;border-radius:4px;font-size:.65rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .15s;white-space:nowrap}.btn-mini:hover{border-color:var(--c-purple);color:var(--c-purple);background:var(--c-purple-light)}.btn-mini.btn-primary{background:var(--c-purple);color:#fff;border-color:var(--c-purple)}.btn-mini.btn-primary:hover{background:var(--c-purple-dim);color:#fff}.toast{position:fixed;bottom:20px;right:20px;padding:12px 20px;border-radius:8px;font-size:.85rem;font-weight:600;box-shadow:0 4px 20px #00000026;z-index:1000;max-width:400px}.toast.success{background:var(--c-green);color:#fff}.toast.error{background:var(--c-red);color:#fff}.modal-backdrop{position:fixed;inset:0;background:#1e0a3899;display:none;align-items:center;justify-content:center;z-index:500;padding:20px}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:12px;padding:24px;max-width:720px;width:100%;max-height:85vh;overflow-y:auto;border:1px solid var(--c-border)}.modal h2{font-size:1rem;margin-bottom:16px;color:var(--c-abyss);padding-bottom:10px;border-bottom:2px solid var(--c-purple-light)}.modal .field{display:flex;padding:6px 0;font-size:.82rem;border-bottom:1px solid #f0eaf5}.modal .field-label{color:var(--c-muted);width:130px;flex-shrink:0;text-transform:uppercase;font-size:.65rem;letter-spacing:.05em}.modal .field-value{flex:1;color:var(--c-text);word-break:break-all}.modal .field-value.mono{font-family:SF Mono,monospace;font-size:.75rem;color:var(--c-walnut)}.modal-close{background:var(--c-purple);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;margin-top:16px;float:right}@media(max-width:768px){.content{padding:12px}.topbar-nav{overflow-x:auto}td,th{padding:5px 6px;font-size:.7rem}}