@import "https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,600&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0810;--bg-deep:#08050b;--surface:#140e19;--surface-2:#1c1422;--surface-3:#251b2d;--input:#100b14;--border:#ecd8c412;--border-strong:#ecd8c424;--border-gold:#d8b46a52;--pink:#c91e50;--pink-bright:#e2557f;--pink-soft:#c91e5024;--gold:#d8b46a;--gold-soft:#d8b46a1f;--green:#5cc395;--red:#e2557f;--text:#f2ebf0;--text-dim:#a8979f;--text-faint:#6f6170;--font-display:"Bodoni Moda", "Didot", serif;--font-body:"Manrope", system-ui, sans-serif;--font-mono:"Manrope", system-ui, sans-serif;--radius:16px;--radius-sm:10px;--shadow-card:none}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1200px 520px at 50% -220px, #78285a2e, transparent 70%), var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01";background-attachment:fixed;margin:0;font-size:15px;line-height:1.5}h1,h2,h3,h4{color:var(--text);font-family:var(--font-body);letter-spacing:-.01em;margin:0;font-weight:700}h1,h2{font-family:var(--font-display);letter-spacing:-.015em;font-weight:500}h3,h4{font-weight:700}a{color:inherit}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body);color:var(--text)}input,select,textarea,option{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}option{background:var(--surface-2);color:var(--text)}::placeholder{color:var(--text-faint);opacity:1}::selection{background:var(--pink);color:#fff}input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--input) inset;caret-color:var(--text);transition:background-color 9999s ease-out}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--input) inset;caret-color:var(--text);transition:background-color 9999s ease-out}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--input) inset;caret-color:var(--text);transition:background-color 9999s ease-out}textarea:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--input) inset;caret-color:var(--text);transition:background-color 9999s ease-out}select:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--input) inset;caret-color:var(--text);transition:background-color 9999s ease-out}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.75)sepia(.3);cursor:pointer}input[type=range]{accent-color:var(--pink)}input[type=checkbox]{accent-color:var(--pink);width:16px;height:16px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border:2px solid var(--bg);border-radius:10px}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{letter-spacing:.005em;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--pink);color:#fff;box-shadow:inset 0 1px #ffffff24}.btn-primary:hover:not(:disabled){background:#d62a5c}.btn-ghost{border-color:var(--border-strong);color:var(--text);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-gold)}.btn-sm{border-radius:8px;padding:7px 12px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.field label{color:var(--text-dim);margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.field input,.field select,.field textarea{background:var(--input);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;width:100%;padding:11px 13px;font-family:inherit;font-size:14.5px;transition:border-color .15s}.field textarea{resize:vertical;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--border-gold)}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:13.5px}table.data th{text-align:left;color:var(--text-faint);border-bottom:1px solid var(--border-strong);white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:600}table.data td{border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:#ecd8c406}.tag{letter-spacing:.01em;border-radius:100px;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:650;display:inline-flex}.tag-green{color:var(--green);background:#5cc3951a;border:1px solid #5cc39547}.tag-red{color:var(--pink-bright);background:#e2557f1a;border:1px solid #e2557f4d}.tag-gold{background:var(--gold-soft);border:1px solid var(--border-gold);color:var(--gold)}.tag-dim{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim)}.rotulo-sec{color:var(--gold);align-items:center;gap:7px;font-size:13px;font-weight:650;display:inline-flex}@media (width<=720px){.grid-2,.grid-main-side,.grid-venda-header,.grid-venda-item,.grid-parcelas{grid-template-columns:1fr!important}main{padding:16px 14px 40px!important}table.data{font-size:12.5px!important}}.tabs{background:var(--surface);border:1px solid var(--border);scrollbar-width:none;border-radius:12px;gap:2px;width:fit-content;max-width:100%;margin-bottom:22px;padding:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap;color:var(--text-dim);background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-size:13.5px;font-weight:650;transition:color .15s,background .15s;display:inline-flex}.tabs button:hover{color:var(--text)}.tabs button.on{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.tabs button.on svg{color:var(--gold)}.chip{border:1px solid var(--border-strong);color:var(--text-dim);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:650;transition:border-color .15s,color .15s;display:inline-flex}.chip:hover{color:var(--text)}.chip.on{border-color:var(--border-gold);color:var(--gold);background:var(--gold-soft)}.busca{background:var(--input);border:1px solid var(--border-strong);border-radius:12px;flex:1;align-items:center;gap:10px;min-width:220px;padding:0 15px;transition:border-color .15s;display:flex}.busca:focus-within{border-color:var(--border-gold)}.busca input{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:13px 0;font-size:14.5px}.barra{background:var(--surface-3);border-radius:9px;height:4px;overflow:hidden}.barra>div{background:var(--gold);border-radius:9px;height:100%;transition:width .3s}.pill{border:1px solid var(--border-strong);color:var(--text-dim);border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:600}.sel{background:var(--input);border:1px solid var(--border-strong);border-radius:12px;outline:none;min-height:46px;padding:0 12px;font-size:14px}.voltar{color:var(--text-dim);align-items:center;gap:6px;margin-bottom:18px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.voltar:hover{color:var(--gold)}.mini{color:var(--text-faint);background:0 0;border:none;align-items:center;padding:2px 4px;font-size:12px;display:inline-flex}.mini:hover{color:var(--pink-bright)}
