:root{--p:#7600ff;--pd:#6200d6;--ink:#1c1522;--muted:#746b7b;--line:#e8e1ed;--bg:#f7f5fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 92% 3%,#efe3ff 0,transparent 22%),var(--bg);font-size:16px}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:#0b0711;color:#fff;position:relative}.topbar:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#7600ff 0 36%,#45ff00 64%,#ff5500 100%)}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:13px}.brand strong{font-weight:950;letter-spacing:.07em}.brand i{width:1px;height:23px;background:#ffffff55}.brand span{font-size:.72rem;letter-spacing:.14em;color:#ffffffa8;font-weight:800}.topbar nav{display:flex;gap:6px}.topbar nav a,.topbar nav button{display:flex;align-items:center;border:0;background:transparent;color:#ffffffb8;border-radius:9px;padding:9px 12px;font-size:.86rem;font-weight:750;text-decoration:none}.topbar nav a:hover,.topbar nav a.active,.topbar nav button:hover{background:#ffffff18;color:#fff}.page{max-width:1240px;margin:auto;padding:42px 24px 70px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.eyebrow{margin:0 0 6px;color:var(--p);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.intro h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.055em;margin:0 0 8px}.intro>div>p:last-child{margin:0;color:var(--muted)}.counter{display:flex;align-items:center;gap:11px;padding:12px 16px;border:1px solid #dfd5e7;border-radius:13px;background:#fff}.counter strong{font-size:1.75rem;color:var(--p)}.counter span{max-width:64px;color:var(--muted);font-size:.75rem;font-weight:800;line-height:1.1;text-transform:uppercase}.main-grid{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(500px,1.28fr);gap:20px;align-items:start}.card,.queue{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 40px #2d123f0a}.request-card{padding:25px;position:sticky;top:20px}.title{display:flex;gap:13px;align-items:center;margin-bottom:23px}.title>b{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#f1e7ff;color:var(--p);font-size:1.35rem}.title h2,.queue header h2{margin:0 0 3px;font-size:1.25rem}.title p,.queue header p{margin:0;color:var(--muted);font-size:.84rem}.stack{display:grid;gap:16px}.stack label{display:grid;gap:7px;color:#3d3245;font-size:.82rem;font-weight:800}input,select,textarea{width:100%;border:1px solid #d9d0df;border-radius:10px;background:#fff;color:var(--ink);padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--p);box-shadow:0 0 0 3px #efe3ff}textarea{resize:vertical;line-height:1.5}.two{display:grid;grid-template-columns:1.35fr .65fr;gap:12px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 16px;font-weight:800;border:1px solid transparent}.primary{background:var(--p);color:#fff;box-shadow:0 7px 18px #7600ff30}.primary:hover{background:var(--pd)}.secondary{background:#fff;color:#3b2e45;border-color:#ded4e8}.queue{overflow:hidden}.queue>header{display:flex;align-items:center;justify-content:space-between;padding:22px 23px;border-bottom:1px solid var(--line)}.live{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 10px;background:#f0ffea;color:#28730f;font-size:.72rem;font-weight:850}.live i{width:7px;height:7px;border-radius:50%;background:#39c908}.order{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:15px;align-items:start;padding:20px 22px;border-top:1px solid #eee9f2}.order:first-child{border-top:0}.position{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f3eaff;color:var(--p)}.order-body>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.order-body a,.admin-list a{color:var(--p);font-size:.76rem;font-weight:800;text-decoration:none}.order-body>p{color:#554a5e;margin:7px 0 10px;font-size:.88rem}.order footer{display:flex;flex-wrap:wrap;gap:7px}.order footer span{display:flex;align-items:center;gap:6px;border-radius:999px;background:#f5f1f7;color:#6c6174;padding:5px 8px;font-size:.71rem;font-weight:750}.order footer i{width:9px;height:9px;border-radius:50%;border:1px solid #0002}.status{white-space:nowrap;padding:6px 9px;border-radius:999px;font-size:.7rem;font-weight:850;font-style:normal;background:#f0e5ff;color:#6500dc}.status.analisando{background:#fff3df;color:#9a5b00}.status.imprimindo{background:#eee7ff;color:#53208c}.status.pronto{background:#e9ffe1;color:#1e7400}.status.nao-foi-possivel{background:#fff0ee;color:#b43127}.empty{min-height:250px;display:grid;place-content:center;justify-items:center;text-align:center;color:#8a7e92;padding:35px}.empty>b{font-size:2.5rem;color:#b49ac8}.empty h3{color:#382d41;margin:8px 0 5px}.empty p{margin:0}.toast{position:fixed;z-index:30;left:50%;top:92px;transform:translateX(-50%);border:1px solid #cbdcc4;border-radius:12px;background:#f1ffec;color:#286713;padding:12px 15px;box-shadow:0 16px 40px #0002;font-weight:700}.toast.error{background:#fff0ee;border-color:#f0c9c5;color:#a22d23}.admin-page{max-width:1080px}.tabs{display:flex;gap:7px;margin-bottom:16px;overflow:auto}.tabs a{border:1px solid #ddd3e5;border-radius:10px;background:#fff;color:#6a5e73;padding:9px 13px;font-weight:800;text-decoration:none;white-space:nowrap}.tabs a.active{background:var(--p);border-color:var(--p);color:#fff}.admin-list{overflow:hidden}.admin-list>article{display:grid;grid-template-columns:1fr 210px 42px;gap:12px;align-items:center;padding:16px 18px;border-top:1px solid var(--line)}.admin-list>article:first-child{border:0}.admin-list article>div{display:grid;grid-template-columns:auto 1fr;gap:5px 10px}.admin-list small{grid-column:1/-1;color:var(--muted)}.danger{width:42px;height:42px;border:1px solid #f0c9c5;border-radius:10px;background:#fff;color:#b42318}.manage{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(400px,1.3fr);gap:18px;align-items:start}.mini{padding:24px}.option-list{overflow:hidden}.option-list article{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:15px 18px;border-top:1px solid var(--line)}.option-list article:first-child{border:0}.avatar,.swatch{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#f1e7ff;color:var(--p);font-weight:900}.swatch{border:1px solid #0001}.toggle{border:1px solid #ddd4e3;border-radius:999px;background:#f5f1f7;color:#746a7b;padding:6px 10px;font-size:.72rem;font-weight:850}.toggle.on{border-color:#c2efb2;background:#ecffe5;color:#28730f}dialog{width:min(430px,calc(100% - 30px));border:0;border-radius:20px;padding:0;box-shadow:0 35px 100px #0009}dialog::backdrop{background:#0b0711c7;backdrop-filter:blur(4px)}.login{position:relative;padding:30px}.close{position:absolute;right:15px;top:15px;border:0;border-radius:50%;background:#f2eef4;width:35px;height:35px;font-size:1.3rem}.login-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#0b0711;color:#fff;box-shadow:inset 0 -3px 0 var(--p)}.login h2{margin:0 0 7px;font-size:1.65rem}.login>p:not(.eyebrow){color:var(--muted);margin:0}.status-form{margin:0}
@media(max-width:850px){.main-grid,.manage{grid-template-columns:1fr}.request-card{position:static}.intro{align-items:flex-start;flex-direction:column}.admin-list>article{grid-template-columns:1fr 160px 42px}}
@media(max-width:620px){.topbar{padding:14px 16px}.brand i,.brand span{display:none}.topbar nav a,.topbar nav button{font-size:.75rem;padding:9px 7px}.page{padding:28px 14px 50px}.intro h1{font-size:2.1rem}.two{grid-template-columns:1fr}.order{grid-template-columns:42px 1fr;padding:17px 15px}.order .status{grid-column:2;justify-self:start}.admin-list>article{grid-template-columns:1fr 42px}.admin-list>article .status-form{grid-column:1}.option-list article{grid-template-columns:38px 1fr}.option-list form{grid-column:2}.toast{width:calc(100% - 28px)}}