:root{--surface-base:#0f0f10;--surface-panel:#151517;--surface-raised:#1b1b1e;--surface-elevated:#242428;--border-subtle:#2f3035;--border-strong:#44464d;--text-strong:#f4f4f5;--text-primary:#d6d6dc;--text-secondary:#b4b4bd;--text-muted:#85858f;--accent-red:#ef4444;--accent-gold:#f1c453;--accent-green:#22c55e;--shadow-soft:0 22px 80px #00000052;color:var(--text-primary);background:var(--surface-base);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface-base);min-width:320px;min-height:100svh;margin:0}button,input{letter-spacing:0}.app-shell{min-height:100svh;color:var(--text-primary);background:linear-gradient(180deg, #27272a6b, #0c0c0d00 320px), var(--surface-base)}.topbar{z-index:10;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121214e0;justify-content:space-between;align-items:center;gap:24px;min-height:74px;padding:14px 32px;display:flex;position:sticky;top:0}.topbar-actions{align-items:center;gap:14px;min-width:0;display:flex}.brand-button,.nav-tab,.primary-action,.secondary-action,.text-button{font:inherit}.brand-button{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.brand-button img{object-fit:cover;border:1px solid #ececf133;border-radius:50%;flex:none;width:46px;height:46px}.brand-button span{min-width:0;display:grid}.brand-button strong{color:var(--text-strong);font-size:1rem;line-height:1.2}.brand-button small{color:var(--text-muted);font-size:.78rem}.nav-tabs{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:8px;align-items:center;gap:8px;padding:4px;display:flex}.nav-menu{display:inline-flex;position:relative}.nav-tab{min-height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 14px;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.nav-menu>.nav-tab .icon:last-child{width:14px;height:14px}.nav-menu-panel{z-index:20;border:1px solid var(--border-subtle);opacity:0;background:var(--surface-panel);min-width:190px;box-shadow:var(--shadow-soft);pointer-events:none;visibility:hidden;border-radius:8px;gap:4px;padding:8px;transition:opacity .14s,transform .14s,visibility .14s;display:grid;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)}.nav-menu:hover .nav-menu-panel,.nav-menu:focus-within .nav-menu-panel{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.nav-menu-item{width:100%;min-height:38px;color:var(--text-secondary);text-align:left;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:0 10px;display:flex}.nav-menu-item:hover,.nav-menu-item.active{color:var(--text-strong);border-color:var(--border-strong);background:var(--surface-elevated)}.session-actions{min-height:40px;color:var(--text-secondary);border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:8px;align-items:center;gap:12px;padding:0 12px;display:inline-flex}.session-actions .session-user-name{max-width:150px;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.topbar-cash-link{min-width:128px;color:var(--text-secondary);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;gap:2px;margin-right:auto;padding:0;display:inline-grid}.topbar-cash-link:hover{background:0 0}.topbar-cash-link span{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:700;line-height:1.1}.topbar-cash-link strong{color:#22c55e;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;line-height:1.15;overflow:hidden}.nav-tab:hover,.nav-tab.active{color:var(--text-strong);background:var(--surface-elevated);border-color:var(--border-strong)}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:18px;height:18px}.page{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 56px}.hero-section{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:28px;min-height:360px;display:grid}.hero-copy,.brand-panel,.panel,.metric-card,.login-identity,.login-panel{border:1px solid var(--border-subtle);background:var(--surface-panel);box-shadow:var(--shadow-soft);border-radius:8px}.hero-copy{flex-direction:column;justify-content:center;padding:46px;display:flex}.eyebrow{color:var(--accent-red);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:700}h1,h2,p{margin-top:0}h1,h2{color:var(--text-strong);letter-spacing:0;font-weight:700}h1{max-width:760px;margin-bottom:18px;font-size:3.4rem;line-height:1.02}h2{margin-bottom:4px;font-size:1.14rem;line-height:1.25}.hero-text{max-width:660px;color:var(--text-secondary);margin-bottom:28px;font-size:1.04rem}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-action,.secondary-action{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;text-decoration:none;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.primary-action{color:#fff;background:var(--accent-red);border:1px solid #ef4444bf}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.primary-action:hover{background:#dc2626}.primary-action:disabled{cursor:wait;opacity:.72;transform:none}.secondary-action{color:var(--text-strong);background:var(--surface-elevated);border:1px solid var(--border-strong)}.secondary-action:disabled{cursor:not-allowed;opacity:.6;transform:none}.brand-panel{flex-direction:column;justify-content:space-between;min-height:360px;padding:26px;display:flex;overflow:hidden}.brand-panel img{object-fit:cover;border-radius:50%;width:100%;max-width:254px;margin:0 auto;box-shadow:0 28px 70px #00000080}.brand-panel div{border-top:1px solid var(--border-subtle);justify-content:space-between;gap:18px;padding-top:22px;display:flex}.brand-panel span{color:var(--text-muted)}.brand-panel strong{color:var(--text-strong)}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0;display:grid}.metric-card{min-height:128px;padding:20px}.metric-card span,.metric-card small{color:var(--text-muted)}.metric-card strong{color:var(--text-strong);margin:12px 0 8px;font-size:1.82rem;line-height:1.08;display:block}.workspace-grid{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:start;gap:16px;display:grid}.panel{padding:22px}.schedule-panel{grid-row:span 2}.panel-title{align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-title p{color:var(--text-muted);margin:0;font-size:.9rem}.panel-icon{width:40px;height:40px;color:var(--accent-red);background:#ef44441a;border:1px solid #ef444447;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.schedule-list,.billing-list,.task-list{gap:10px;display:grid}.schedule-state{color:var(--text-secondary);border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:8px;margin:0;padding:14px}.schedule-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:72px;padding:14px 0;display:grid}.schedule-row:last-child{border-bottom:0}.schedule-row time{color:var(--accent-gold);font-weight:700}.schedule-row div{min-width:0;display:grid}.schedule-row strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.schedule-row span,.schedule-row em{color:var(--text-muted);font-style:normal}.schedule-row em{border:1px solid var(--border-subtle);background:var(--surface-raised);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:.82rem}.billing-item{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:14px;display:flex}.billing-item span{color:var(--text-secondary)}.billing-item strong{color:var(--text-strong)}.billing-item.alert strong{color:var(--accent-red)}.billing-item.success strong{color:var(--accent-green)}.task-list{margin:0;padding:0;list-style:none}.task-list li{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);padding:0 0 12px 24px;position:relative}.task-list li:last-child{border-bottom:0;padding-bottom:0}.task-list li:before{content:"";background:var(--accent-red);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:2px}.login-page{grid-template-columns:minmax(0,.95fr) minmax(360px,.65fr);align-items:stretch;gap:18px;min-height:calc(100svh - 138px);display:grid}.login-identity{flex-direction:column;justify-content:center;padding:48px;display:flex}.login-identity img{object-fit:cover;border:1px solid #ececf13d;border-radius:50%;width:156px;height:156px;margin-bottom:28px}.login-identity p:last-child{max-width:520px;color:var(--text-secondary)}.login-panel{align-self:center;padding:28px}.panel-heading{margin-bottom:22px}.login-form{gap:16px;display:grid}.login-form label{color:var(--text-secondary);gap:8px;font-size:.94rem;display:grid}.input-shell{min-height:46px;color:var(--text-muted);border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:6px;align-items:center;gap:10px;padding:0 13px;display:flex}.input-shell:focus-within{color:var(--text-strong);border-color:#ef4444c7;box-shadow:0 0 0 3px #ef444429}.input-shell input{width:100%;min-width:0;color:var(--text-strong);font:inherit;background:0 0;border:0;outline:0}.input-shell input::placeholder{color:var(--text-muted)}.form-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.checkbox-label{grid-template-columns:none;align-items:center;gap:8px;display:inline-flex}.checkbox-label input{width:16px;height:16px;accent-color:var(--accent-red)}.text-button{color:var(--text-strong);cursor:pointer;background:0 0;border:0;padding:0}.text-button:hover{color:var(--accent-red)}.full-width{width:100%}.form-message{color:var(--text-strong);background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;margin:0;padding:12px;font-size:.92rem}.form-message.error{background:#ef44441a;border-color:#ef444457}.student-header{margin-bottom:20px}.student-header h1{margin-bottom:12px}.student-header-text{max-width:640px;color:var(--text-secondary)}.student-layout{grid-template-columns:minmax(0,.9fr) minmax(340px,.7fr);align-items:start;gap:16px;display:grid}.student-form{gap:18px;display:grid}.student-form-grid{gap:14px;display:grid}.student-form label{color:var(--text-secondary);gap:8px;font-size:.94rem;display:grid}.student-form input,.student-form select{width:100%;min-height:46px;color:var(--text-strong);border:1px solid var(--border-strong);background:var(--surface-raised);font:inherit;border-radius:6px;outline:0;padding:0 13px}.student-form input::placeholder{color:var(--text-muted)}.student-form input:focus,.student-form select:focus{border-color:#ef4444c7;box-shadow:0 0 0 3px #ef444429}.weekday-fieldset{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.weekday-fieldset legend{color:var(--text-secondary);padding:0;font-size:.94rem}.weekday-schedule-list{gap:10px;display:grid}.weekday-schedule-row{border:1px solid var(--border-subtle);background:#1b1b1e94;border-radius:8px;grid-template-columns:1fr;align-items:end;gap:10px;padding:12px;display:grid}.weekday-schedule-row.selected{background:var(--surface-raised);border-color:#ef44446b;grid-template-columns:minmax(120px,.8fr) repeat(2,minmax(96px,1fr))}.student-form .weekday-schedule-row>label{gap:6px}.student-form .weekday-option{min-height:46px;color:var(--text-secondary);align-items:center;gap:8px;padding:0;display:flex}.student-form .weekday-option input{width:16px;height:16px;min-height:16px;accent-color:var(--accent-red);padding:0}.weekday-option span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=640px){.weekday-schedule-row,.payment-method-grid{grid-template-columns:1fr}}.student-list-panel{min-height:280px}.student-list{gap:10px;display:grid}.student-list-row{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:14px;display:flex}.student-list-row div{gap:4px;min-width:0;display:grid}.student-list-row strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.student-list-row span{color:var(--text-muted)}.student-list-row em{color:var(--accent-gold);white-space:nowrap;flex:none;font-style:normal;font-weight:700}.consult-panel{gap:18px;display:grid}.consult-table-wrapper{width:100%;overflow-x:auto}.consult-table{border-collapse:collapse;width:100%;min-width:960px}.consult-table th,.consult-table td{color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:13px 14px}.consult-table th{color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:700}.consult-table td:first-child{color:var(--text-strong);font-weight:700}.consult-table tr:last-child td{border-bottom:0}.pagination-controls{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;padding-top:2px;font-size:.86rem;display:flex}.pagination-summary{flex:auto;min-width:120px}.pagination-page-size{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.pagination-page-size select{min-height:34px;color:var(--text-strong);border:1px solid var(--border-strong);background:var(--surface-raised);font:inherit;border-radius:6px;padding:0 8px}.pagination-actions{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.pagination-actions button{min-height:34px;color:var(--text-secondary);border:1px solid var(--border-strong);background:var(--surface-raised);cursor:pointer;font:inherit;border-radius:6px;padding:0 10px}.pagination-actions button:hover:not(:disabled){color:var(--text-strong);background:var(--surface-elevated)}.pagination-actions button:disabled{cursor:not-allowed;opacity:.52}.table-action-cell{width:88px;font-weight:400}.row-actions{align-items:center;gap:6px;display:inline-flex}.icon-action{width:34px;height:34px;color:var(--text-secondary);border:1px solid var(--border-subtle);background:var(--surface-raised);cursor:pointer;border-radius:6px;place-items:center;transition:background .16s,color .16s,border-color .16s;display:inline-grid}.icon-action:hover:not(:disabled){color:var(--text-strong);border-color:var(--border-strong);background:var(--surface-elevated)}.icon-action:disabled{cursor:wait;opacity:.62}.icon-action.success{color:#bbf7d0;border-color:#22c55e57}.icon-action.danger{color:#fecaca;border-color:#ef444457}.inline-edit-input,.inline-edit-select{width:100%;min-width:116px;min-height:36px;color:var(--text-strong);border:1px solid var(--border-strong);background:var(--surface-raised);font:inherit;border-radius:6px;outline:0;padding:0 10px}.inline-edit-input.money{min-width:86px}.inline-edit-input.time{min-width:72px}.inline-edit-input:focus,.inline-edit-select:focus{border-color:#ef4444c7;box-shadow:0 0 0 3px #ef444429}.schedule-edit-list{gap:8px;min-width:360px;display:grid}.schedule-edit-row{grid-template-columns:minmax(104px,1fr) 76px 76px 34px;align-items:center;gap:6px;display:grid}.small-inline-action{width:fit-content;min-height:34px;color:var(--text-secondary);border:1px solid var(--border-subtle);background:var(--surface-raised);cursor:pointer;font:inherit;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.small-inline-action:hover{color:var(--text-strong);border-color:var(--border-strong);background:var(--surface-elevated)}.status-pill{min-height:26px;color:var(--text-muted);border:1px solid var(--border-strong);background:var(--surface-raised);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:.82rem;font-weight:700;display:inline-flex}.status-pill.active{color:#bbf7d0;background:#22c55e1a;border-color:#22c55e57}.stock-table{min-width:820px}.stock-product-cell{align-items:center;gap:8px;min-width:0;display:inline-flex}.stock-warning{align-items:center;display:inline-flex;position:relative}.stock-warning-trigger{width:24px;height:24px;color:var(--accent-gold);cursor:help;background:#f59e0b1a;border:1px solid #f59e0b5c;border-radius:999px;place-items:center;padding:0;display:inline-grid}.stock-warning-trigger .icon{width:15px;height:15px}.stock-warning-modal{z-index:1000;width:min(260px,100vw - 32px);color:var(--text-secondary);opacity:1;background:var(--surface-panel);box-shadow:var(--shadow-soft);pointer-events:none;border:1px solid #f59e0b57;border-radius:8px;gap:4px;padding:12px;transition:opacity .14s,transform .14s;display:grid;position:fixed;transform:translate(-50%,-100%)}.stock-warning-modal[data-placement=bottom]{transform:translate(-50%)}.stock-warning-modal strong{color:var(--accent-gold)}.stock-warning-modal span{color:var(--text-secondary);font-weight:400}.empty-state{color:var(--text-muted);margin:0}.payment-modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040405b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.payment-modal{border:1px solid var(--border-subtle);background:var(--surface-panel);width:min(520px,100%);max-height:calc(100svh - 36px);box-shadow:var(--shadow-soft);border-radius:8px;gap:18px;padding:22px;display:grid;overflow:auto}.payment-summary{gap:10px;display:grid}.payment-summary div{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.payment-summary span{color:var(--text-muted);text-transform:uppercase;font-size:.78rem}.payment-summary strong{overflow-wrap:anywhere;color:var(--text-strong)}.payment-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.payment-method-button{min-height:48px;color:var(--text-secondary);border:1px solid var(--border-strong);background:var(--surface-raised);font:inherit;cursor:pointer;border-radius:6px;padding:0 12px}.payment-method-button.active{color:var(--text-strong);background:#22c55e21;border-color:#22c55e8a}.payment-method-button:disabled{cursor:not-allowed;opacity:.46}.sale-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sale-summary-grid div,.cash-drawer-total,.recent-sale-note{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.sale-summary-grid span,.cash-drawer-total span,.recent-sale-note span{color:var(--text-muted);text-transform:uppercase;font-size:.78rem}.sale-summary-grid strong,.cash-drawer-total strong,.recent-sale-note strong{overflow-wrap:anywhere;color:var(--text-strong)}.cash-drawer-total strong{color:var(--accent-gold);font-size:1.8rem;line-height:1.1}.cash-drawer-filter-form{grid-template-columns:minmax(180px,260px) max-content;justify-content:start;align-items:end;gap:10px}.cash-drawer-filter-form .primary-action{min-height:36px;padding:0 12px;font-size:.88rem}.cash-drawer-overview{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(140px,1fr));gap:10px;display:grid}.cash-drawer-info{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.cash-drawer-info span{color:var(--text-muted);text-transform:uppercase;font-size:.78rem}.cash-drawer-info strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cash-drawer-total.cash-drawer-total-success strong,.cash-drawer-amount{color:#22c55e}.cash-drawer-table{min-width:760px}.recent-sale-note{margin-top:12px}@media (width<=640px){.sale-summary-grid,.cash-drawer-overview{grid-template-columns:1fr}.cash-drawer-filter-form{grid-template-columns:minmax(0,1fr) max-content}.pagination-controls{flex-direction:column;align-items:flex-start}.pagination-actions{flex-wrap:wrap}}.pix-payment-panel{text-align:center;justify-items:center;gap:14px;display:grid}.pix-payment-panel p{color:var(--text-secondary);margin-bottom:0}.pix-qr-code{border:1px solid var(--border-subtle);background:#f8fafc;border-radius:8px;grid-template-columns:repeat(19,8px);gap:2px;padding:12px;display:grid}.pix-qr-code span{background:#f8fafc;border-radius:1px;width:8px;height:8px}.pix-qr-code span.filled{background:#111827}.payment-close-button{width:100%}.login-panel>.secondary-action{margin-top:14px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-red);outline-offset:3px}@media (width<=980px){.topbar{flex-direction:column;align-items:flex-start;gap:14px;padding:14px 20px}.nav-tabs{flex-wrap:wrap;width:100%}.topbar-actions{flex-direction:column;align-items:stretch;width:100%}.session-actions{justify-content:space-between;width:100%}.topbar-cash-link{min-width:0}.nav-tab,.nav-menu{flex:1 1 0}.nav-menu>.nav-tab{width:100%}.nav-menu-panel{width:min(260px,100vw - 40px);left:0;right:auto}.hero-section,.login-page,.student-layout{grid-template-columns:1fr}.brand-panel{min-height:auto}.brand-panel img{max-width:180px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid{grid-template-columns:1fr}}@media (width<=640px){.page{width:min(100% - 20px,1180px);padding:18px 0 36px}.hero-copy,.login-identity,.login-panel,.panel{padding:22px}h1{font-size:2.28rem}.hero-text{font-size:1rem}.metrics-grid{grid-template-columns:1fr}.schedule-row{grid-template-columns:64px minmax(0,1fr)}.schedule-row em{grid-column:2;justify-self:start}.form-row{flex-direction:column;align-items:flex-start}.brand-button small{display:none}.session-actions{justify-content:space-between;width:100%}.student-list-row{flex-direction:column;align-items:flex-start}}
