:root{--canvas:#fff;--text:#172026;--muted:#58666e;--nav:#eef2f4;--line:#d9e0e3;--accent:#0c6358;--radius:8px}*{box-sizing:border-box}body{background:var(--canvas);color:var(--text);margin:0;font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:3px}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}aside{background:var(--nav);border-right:1px solid var(--line);flex-direction:column;padding:32px 20px;display:flex}.brand{padding:0 12px;font-size:24px;font-weight:700;text-decoration:none}.brand span{color:var(--muted);margin-top:2px;font-size:12px;font-weight:400;display:block}nav{gap:4px;margin-top:36px;display:grid}nav a{border-radius:var(--radius);padding:10px 12px;font-size:14px;text-decoration:none}.aside-note{color:var(--muted);margin-top:auto;padding:36px 12px 0;font-size:12px}main{width:100%;max-width:1250px;padding:36px 48px 64px}header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:44px;display:flex}.eyebrow{color:var(--muted);font-size:13px}.tag{border:1px solid var(--line);border-radius:20px;padding:4px 10px;font-size:12px}h1{letter-spacing:-1px;text-wrap:balance;margin:0 0 14px;font-size:36px;line-height:1.15}h2{margin:0 0 12px;font-size:18px;line-height:1.3}.lead{color:var(--muted);margin:0 0 36px}.empty{border:1px solid var(--line);border-radius:var(--radius);max-width:900px;padding:32px}.empty p{color:var(--muted);max-width:560px;margin-bottom:0}.marker{color:var(--muted);margin-bottom:20px;font-size:28px;display:block}.next{border-left:3px solid var(--accent);margin:24px 0 40px;padding-left:20px}.next p{color:var(--muted);font-size:14px}.funnel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));padding:0;list-style:none;display:grid}.funnel li{border-right:1px solid var(--line);padding:20px 10px;font-size:13px}.funnel li:last-child{border:0}.funnel span{color:var(--muted);margin-bottom:12px;font-size:11px;display:block}.funnel small{color:var(--muted);margin-top:12px;font-size:11px;display:block}.note{color:var(--muted);max-width:650px;font-size:13px}.text-link{color:var(--accent);font-size:14px}.skip{z-index:2;background:#fff;padding:12px;position:absolute;top:-100px;left:16px}.skip:focus{top:16px}@media (max-width:760px){.shell{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);padding:20px}nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.aside-note{display:none}main{padding:28px 20px}header{margin-bottom:28px}h1{font-size:30px}.funnel{grid-template-columns:1fr}.funnel li{border-right:0;border-bottom:1px solid var(--line);align-items:center;gap:16px;display:flex}.funnel span,.funnel small{margin:0}.funnel small{margin-left:auto}.empty{padding:24px}}button,input,textarea,select{font:inherit}button{background:var(--accent);color:#fff;border:1px solid var(--accent);cursor:pointer;border-radius:6px;padding:10px 16px;font-size:14px}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--text);border-color:var(--line);background:#fff}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #61b4a4}form{gap:18px;max-width:720px;display:grid}label{gap:6px;font-size:14px;display:grid}input,textarea,select{width:100%;color:var(--text);background:#fff;border:1px solid #aebcc2;border-radius:6px;padding:10px 12px}textarea{resize:vertical;min-height:100px}input[type=checkbox]{width:auto}.checkbox{align-items:center;gap:10px;display:flex}fieldset{border:1px solid var(--line);gap:10px;padding:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.editor{border:1px solid var(--line);border-radius:var(--radius);margin:32px 0;padding:24px}.editor h2:not(:first-child){margin-top:32px}.table-wrap{margin:24px 0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere;max-width:280px;padding:14px 12px}th{color:var(--muted);background:var(--nav);font-size:12px}td a{color:var(--accent)}.login{max-width:460px;margin:48px auto}.login h1{margin-top:20px}.error,.success{border-radius:6px;padding:14px 18px}.error{color:#9a2721;background:#fff1ef}.success{color:#175d3a;background:#e8f5ee}.metrics{border:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));margin:28px 0;display:grid}.metrics>div{border-right:1px solid var(--line);padding:18px}.metrics>div:last-child{border:0}.metrics span{color:var(--muted);font-size:12px;display:block}.metrics strong{margin-top:12px;font-size:30px;display:block}@media (max-width:760px){.form-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics>div{border-bottom:1px solid var(--line)}.editor{padding:18px}.login{margin:24px 0}}.table-wrap table{min-width:580px}th,td{overflow-wrap:normal}td[data-column=id],td[data-column=object_id],td[data-column=code]{overflow-wrap:anywhere}td[data-column=price_minor],td[data-column=total_minor],td[data-column=status],td[data-column=currency],th,td button{white-space:nowrap}td:first-child{min-width:170px}@media (min-width:761px) and (max-width:1050px){.shell{grid-template-columns:200px minmax(0,1fr)}main{padding:30px 24px}aside{padding:28px 12px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#090b12;--text:#edf1fc;--muted:#a4aec6;--nav:#10131f;--line:#2a3046;--accent:#b2a0ff;--surface:#131827;--radius:10px}body{background:radial-gradient(ellipse at 90% 0%,#211936 0,transparent 42%),var(--canvas)}aside{background:var(--nav)}.brand{letter-spacing:-.6px}.brand:before{content:"";background:#67eadb;border-radius:2px;width:30px;height:3px;margin-bottom:14px;display:block;box-shadow:0 0 15px #67eadb60}nav a{color:#bbc4da;transition:background .15s,color .15s}nav a:hover{color:#d6caff;background:#25213c}.empty,.editor,.metrics{background:var(--surface)}.login{background:#111522;border:1px solid #3e355d;border-radius:18px;max-width:500px;padding:34px;box-shadow:0 20px 70px #0005,0 0 35px #aa88ff0b}.login .eyebrow{color:#79e6d9}.login .lead{margin-bottom:28px}.login h1{font-size:38px}input,textarea,select{color:var(--text);background:#0c101c;border-color:#414a65;min-height:44px}input:hover,textarea:hover,select:hover{border-color:#64708d}input::placeholder,textarea::placeholder{color:#8e99b3}button{color:#151126;background:#b2a0ff;border-color:#b2a0ff;min-height:44px;font-weight:600;transition:background .15s,box-shadow .15s}button:hover:not(:disabled){background:#c5b7ff;box-shadow:0 0 20px #b2a0ff28}button.secondary{color:var(--text);background:#191e30;border-color:#414a65}button.secondary:hover:not(:disabled){box-shadow:none;background:#252c42}button.danger{color:#ffb5be;background:#301b28;border-color:#8c4358}button.danger:hover:not(:disabled){box-shadow:none;background:#462337}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #67eadb}th{background:#191e2e}tbody tr:hover{background:#1b2133}.table-wrap{border:1px solid var(--line);border-radius:10px}.metrics{border-radius:12px;overflow:hidden}.metrics strong{color:#e1d9ff;font-variant-numeric:tabular-nums}.error{color:#ffbac5;background:#321a26;border:1px solid #6e3047}.success{color:#8df1d5;background:#102e2b;border:1px solid #28574e}.tag{color:#d6caff;background:#19172b}.skip{background:var(--surface);color:var(--text)}input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:inset 0 0 0 1000px #0c101c}@media (max-width:760px){.login{margin:16px 0;padding:24px 20px}.login h1{font-size:32px}main{padding:24px 16px}.brand:before{margin-bottom:10px}}@media (prefers-reduced-motion:reduce){nav a,button{transition:none}}
