.app-shell{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg-0) 100%);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:8px 8px 24px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--cardeal-red),var(--cardeal-gold));display:grid;place-items:center;font-weight:900;font-size:19px;box-shadow:0 10px 24px #c81e2b59;color:#fff;flex-shrink:0}.brand-text h1{font-size:16px;margin:0;letter-spacing:.06em;font-weight:800}.brand-text span{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.nav-section{margin-bottom:8px}.nav-title{color:var(--text-muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;margin:14px 10px 8px;font-weight:700}.nav-link{display:flex;align-items:center;gap:12px;color:var(--text-secondary);padding:11px 12px;border-radius:12px;margin:2px 0;font-size:13.5px;font-weight:500;transition:background .15s ease,color .15s ease}.nav-link:hover{background:#ffffff0a;color:var(--text-primary)}.nav-link.active{background:linear-gradient(135deg,#c81e2b38,#c81e2b14);color:#fff;box-shadow:inset 0 0 0 1px #c81e2b4d}.nav-link--disabled{opacity:.38;cursor:default}.nav-icon{width:18px;text-align:center;color:var(--cardeal-gold);font-size:13px}.nav-section--future{margin-top:4px}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.user-chip{display:flex;align-items:center;gap:10px;padding:8px;margin-bottom:10px}.user-avatar{width:34px;height:34px;border-radius:10px;background:var(--bg-3);display:grid;place-items:center;font-weight:700;color:var(--cardeal-gold);flex-shrink:0}.user-info{display:flex;flex-direction:column;min-width:0}.user-info strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info span{font-size:11px;color:var(--text-muted);text-transform:capitalize}.btn-logout{width:100%;background:#ffffff0a;border:1px solid var(--line);color:var(--text-secondary);padding:10px;border-radius:10px;font-size:13px;font-weight:600;transition:all .15s ease}.btn-logout:hover{background:#ff5c6c1f;border-color:#ff5c6c4d;color:var(--danger)}.main-content{padding:26px 30px 48px;min-width:0}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}}.login-screen{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:20px}.login-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(200,30,43,.28),transparent 38%),radial-gradient(circle at 85% 80%,rgba(245,185,66,.14),transparent 40%),var(--bg-0)}.login-card{position:relative;z-index:1;width:100%;max-width:400px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--shadow-pop)}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.login-brand-mark{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--cardeal-red),var(--cardeal-gold));display:grid;place-items:center;font-weight:900;font-size:22px;color:#fff;box-shadow:0 12px 28px #c81e2b59;flex-shrink:0}.login-brand h1{font-size:18px;margin:0;letter-spacing:.06em;font-weight:800}.login-brand span{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.login-title{font-size:22px;margin:0 0 6px}.login-subtitle{font-size:13.5px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.login-submit{width:100%;justify-content:center;padding:13px;font-size:14px;margin-top:6px}.ui-card{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card)}.ui-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.ui-section-title h3{margin:0;font-size:16px;font-weight:700}.ui-section-title-right{display:flex;align-items:center;gap:8px}.ui-tag{padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.ui-tag--green{background:#2ecc7124;color:var(--green)}.ui-tag--orange{background:#ff9f4324;color:var(--orange)}.ui-tag--red{background:#ff5c6c24;color:var(--danger)}.ui-tag--blue{background:#4aa3ff24;color:var(--blue)}.ui-tag--gold{background:#f5b94229;color:var(--cardeal-gold)}.ui-btn{border:0;border-radius:12px;padding:11px 16px;color:#fff;background:var(--bg-3);font-weight:700;font-size:13.5px;transition:transform .1s ease,filter .15s ease;display:inline-flex;align-items:center;gap:8px}.ui-btn:hover{filter:brightness(1.1)}.ui-btn:active{transform:scale(.98)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--primary{background:linear-gradient(135deg,var(--cardeal-red),var(--cardeal-red-dark))}.ui-btn--gold{background:linear-gradient(135deg,var(--cardeal-gold),var(--cardeal-gold-dark));color:#241100}.ui-btn--ghost{background:#ffffff0a;border:1px solid var(--line)}.ui-btn--danger{background:#ff5c6c1f;border:1px solid rgba(255,92,108,.3);color:var(--danger)}.ui-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 20px;color:var(--text-secondary)}.ui-empty-icon{font-size:32px;color:var(--text-muted);margin-bottom:12px}.ui-empty strong{font-size:15px;color:var(--text-primary);margin-bottom:6px}.ui-empty p{font-size:13px;color:var(--text-muted);max-width:320px;margin:0 0 16px}.ui-spinner{width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--cardeal-gold);animation:ui-spin .7s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-table-wrap{overflow-x:auto}.ui-table{width:100%;border-collapse:collapse}.ui-table th,.ui-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:13px;white-space:nowrap}.ui-table th{color:var(--text-muted);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}.ui-table tbody tr{transition:background .12s ease}.ui-table tbody tr:hover{background:#ffffff05}.ui-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.ui-field label{font-size:12.5px;font-weight:600;color:var(--text-secondary)}.ui-field input,.ui-field select,.ui-field textarea{background:#ffffff0a;border:1px solid var(--line);border-radius:10px;padding:11px 12px;color:var(--text-primary);font-size:13.5px}.ui-field input:focus,.ui-field select:focus,.ui-field textarea:focus{outline:none;border-color:var(--cardeal-gold);background:#ffffff0f}.ui-field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:100;padding:20px}.ui-modal{background:var(--bg-2);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:24px;max-width:560px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-pop)}.ui-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.ui-modal-header h3{margin:0;font-size:17px}.ui-modal-close{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;line-height:1}.ui-alert{padding:12px 14px;border-radius:12px;font-size:13px;margin-bottom:14px}.ui-alert--error{background:#ff5c6c1a;border:1px solid rgba(255,92,108,.28);color:var(--danger)}.dash-hero{background:linear-gradient(135deg,#c81e2bd9,#8f111bd1),linear-gradient(135deg,#2a0d10,#120608);border-radius:var(--radius-lg);padding:26px 28px;margin-bottom:22px;box-shadow:var(--shadow-card)}.dash-hero-text h2{font-size:24px;margin:0 0 8px}.dash-hero-text p{margin:0;color:#ffe3e6;max-width:640px;line-height:1.55;font-size:14px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.dash-kpi small{color:var(--text-muted);font-size:12px}.dash-kpi h3{font-size:24px;margin:8px 0 0}@media (max-width: 980px){.dash-kpis{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}}.list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.list-header h2{font-size:22px;margin:0 0 6px}.list-header p{margin:0;color:var(--text-secondary);font-size:13.5px;max-width:520px}.list-search{display:flex;gap:10px;margin-bottom:18px}.list-search input{flex:1;background:#ffffff0a;border:1px solid var(--line);border-radius:12px;padding:11px 14px;color:var(--text-primary);font-size:13.5px}.list-search input:focus{outline:none;border-color:var(--cardeal-gold)}@media (max-width: 700px){.list-header{flex-direction:column}}.vendas-tabs{display:flex;gap:6px;background:#ffffff08;padding:4px;border-radius:12px;border:1px solid var(--line);height:fit-content}.vendas-tab{background:none;border:none;color:var(--text-secondary);padding:9px 16px;border-radius:9px;font-size:13px;font-weight:600}.vendas-tab.active{background:var(--bg-3);color:#fff}.pdv-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;align-items:start}@media (max-width: 980px){.pdv-grid{grid-template-columns:1fr}}.produto-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-2);border:1px solid var(--line-strong);border-radius:12px;margin-top:4px;max-height:280px;overflow-y:auto;z-index:10;box-shadow:var(--shadow-pop)}.produto-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;font-size:13px;border-bottom:1px solid var(--line)}.produto-dropdown-item:last-child{border-bottom:none}.produto-dropdown-item:hover{background:#ffffff0a}.total-box{background:linear-gradient(135deg,#f5b94229,#c81e2b1f);border:1px solid rgba(245,185,66,.2);border-radius:16px;padding:16px;margin-top:8px}.total-box small{color:var(--text-secondary);font-size:12px}.total-valor{font-size:30px;font-weight:900;margin-top:6px}.pagamento-linha{padding:14px;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;background:#ffffff05}.pagamento-resumo{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#ffffff08;border-radius:12px;font-size:13.5px}:root{--cardeal-red: #c81e2b;--cardeal-red-dark: #8f111b;--cardeal-red-light: #e94856;--cardeal-gold: #f5b942;--cardeal-gold-dark: #d98214;--bg-0: #0d0f14;--bg-1: #12141b;--bg-2: #171a23;--bg-3: #202431;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--text-primary: #f5f7fb;--text-secondary: #aab1c0;--text-muted: #6f7789;--green: #2ecc71;--orange: #ff9f43;--blue: #4aa3ff;--danger: #ff5c6c;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--shadow-card: 0 14px 32px rgba(0, 0, 0, .22);--shadow-pop: 0 22px 60px rgba(0, 0, 0, .4);--font-display: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-display);background:var(--bg-0);color:var(--text-primary);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::selection{background:#c81e2b59}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#fff3}:focus-visible{outline:2px solid var(--cardeal-gold);outline-offset:2px}.mono{font-family:var(--font-mono)}