@charset "UTF-8";
:root{--ink:#20282f;--nav:#20282f;--paper:#fff;--ground:#f3f5f6;--line:#e0e5e7;--muted:#68747c;--gold:#9a6b16;--gold-light:#f6eddc;--green:#236746;--red:#b63d3d;--radius:14px;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--ground);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bc913a;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.display{font-family:Bahnschrift,"Arial Narrow","Segoe UI",sans-serif}h1{font-size:32px;font-weight:600;letter-spacing:-1px}h2{font-size:21px;letter-spacing:-.35px}h3{font-size:16px}small,.muted{color:var(--muted)}.money,.number{font-variant-numeric:tabular-nums;white-space:nowrap}button{border:0;background:none;color:inherit}.shell{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:#c7ced2;position:fixed;inset:0 auto 0 0;width:222px;display:flex;flex-direction:column;padding:30px 18px 20px;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:23px;letter-spacing:3px;padding:0 10px 29px;font-weight:600}.brand img{width:34px;height:34px}.brand small{display:block;font-family:"Segoe UI",sans-serif;letter-spacing:3.5px;font-size:9px;font-weight:400;margin-top:3px;color:#aab4bc}.nav-label{font-size:10px;letter-spacing:1.8px;color:#8d9ca7;text-transform:uppercase;padding:22px 13px 9px}.nav-button{display:flex;align-items:center;width:100%;gap:12px;padding:12px;border-radius:8px;text-align:left;font-size:13px;margin:2px 0;transition:background .15s}.nav-button:hover{background:#ffffff0c;color:white}.nav-button.active{color:#f5d598;background:#ffffff10;box-shadow:inset 3px 0 #d2ac63}.icon{height:18px;width:18px;display:inline-flex;align-items:center;justify-content:center;flex:none}.icon svg{height:100%;width:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar-bottom{margin-top:auto;padding-top:28px}.user-card{display:flex;gap:10px;padding:15px 7px 0;border-top:1px solid #ffffff19;align-items:center}.avatar{background:#d8b87a;color:#20282f;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700}.user-name{font-size:12px;color:#eef1f3;max-width:125px;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:10px;margin-top:4px;color:#98a6b0}.main{grid-column:2;min-width:0}.topbar{height:74px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:12px}.topbar-left{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.topbar strong{color:var(--ink);font-size:13px;font-weight:600}.topbar-right{display:flex;align-items:center;gap:18px;font-size:11px;color:var(--muted)}.live-dot{width:6px;height:6px;border-radius:50%;background:#579172;display:inline-block;margin-right:6px}.workspace{padding:32px 34px 45px;max-width:1680px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.eyebrow{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:8px}.subtitle{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:600;background:#fff;text-decoration:none;white-space:nowrap}.btn:hover{background:#f8f9fa;border-color:#c4ccd1}.btn.primary{background:var(--ink);color:white;border-color:var(--ink)}.btn.primary:hover{background:#35424b}.btn.gold{background:var(--gold);border-color:var(--gold);color:#fff}.btn.danger{color:var(--red)}.btn.small{padding:7px 10px;font-size:11px}.btn.full{width:100%}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{padding:21px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-body{padding:22px}.sale-layout{display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:24px;align-items:start}.catalog-tools{display:flex;gap:12px;margin-bottom:18px;align-items:center}.search{position:relative;flex:1}.search .icon{position:absolute;left:13px;top:12px;color:#82909b}.search input{padding-left:40px}.input,input:not([type=checkbox]),select,textarea{border:1px solid #dce2e6;border-radius:7px;padding:11px 12px;background:#fff;color:var(--ink);width:100%;min-width:0;font-size:12px}input::placeholder{color:#929da5}textarea{min-height:82px;resize:vertical}select{cursor:pointer}.tabs{display:flex;gap:5px;padding:4px;background:#e8edef;border-radius:8px;width:max-content;max-width:100%}.tab{padding:9px 15px;font-size:11px;border-radius:6px;color:#63727c;white-space:nowrap}.tab.active{background:white;color:var(--ink);box-shadow:0 1px 5px #0000000b;font-weight:600}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.service-card{border:1px solid var(--line);border-radius:11px;background:white;min-height:148px;text-align:left;padding:17px;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}.service-card:hover{border-color:#b6985d;transform:translateY(-2px)}.service-card .service-icon{display:flex;align-items:center;justify-content:center;color:var(--gold);background:#f7f1e5;width:35px;height:35px;border-radius:9px;margin-bottom:15px}.service-card.product .service-icon{color:#486b77;background:#edf3f4}.service-card h3{font-family:"Segoe UI",sans-serif;font-size:12px;font-weight:600;line-height:1.5;margin-bottom:12px}.service-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:6px}.service-footer strong{font-size:15px}.add-sign{height:23px;width:23px;border-radius:50%;background:#f0f3f5;display:grid;place-items:center;font-size:17px}.category-count{font-size:11px;color:var(--muted);margin:19px 0 13px}.receipt{background:white;border:1px solid var(--line);border-radius:13px;position:sticky;top:20px;box-shadow:0 8px 25px #26343e05}.receipt-head{padding:22px;border-bottom:1px dashed #cfd5d9}.receipt-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.receipt-heading h2{font-size:20px}.receipt-id{color:#929ca4;font:11px Consolas,monospace}.receipt-body{padding:19px 22px}.receipt-empty{padding:42px 10px;text-align:center;color:var(--muted);line-height:1.7;font-size:12px}.receipt-empty .icon{height:36px;width:36px;display:block;margin:0 auto 12px;color:#a2adb5}.receipt-items{max-height:280px;overflow:auto}.receipt-item{padding:13px 0;border-bottom:1px solid #edf0f2}.receipt-line{display:flex;align-items:start;gap:8px;justify-content:space-between;font-size:12px;margin-bottom:9px}.receipt-line strong{max-width:170px;line-height:1.5;font-weight:600}.remove{color:#9ca6ad;font-size:18px;line-height:1}.receipt-item select{padding:7px;font-size:11px;background:#f8fafb}.field{display:block;font-size:11px;font-weight:600;margin-bottom:15px}.field>span{display:block;margin-bottom:7px}.receipt-total{border-top:1px dashed #cfd5d9;margin-top:17px;padding-top:18px;display:flex;align-items:center;justify-content:space-between}.receipt-total .money{font-family:Bahnschrift,sans-serif;font-size:30px;font-weight:600;letter-spacing:-.7px}.payment-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:16px 0}.payment-tabs button{border:1px solid var(--line);padding:10px 3px;border-radius:6px;font-size:11px}.payment-tabs button.active{border-color:var(--gold);color:#7b571c;background:var(--gold-light);font-weight:600}.receipt-note{text-align:center;color:#929ca4;font-size:10px;padding:12px 0 3px}.sale-footnote{display:flex;gap:7px;margin-top:22px;color:#83909b;font-size:11px;line-height:1.6}.sale-footnote .icon{width:14px;height:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;letter-spacing:.7px;text-transform:uppercase;font-weight:600;color:#7a8790;background:#fafbfc;padding:14px 20px;white-space:nowrap}td{padding:16px 20px;font-size:12px;border-top:1px solid #edf0f2;vertical-align:middle}td small{display:block;font-size:10px;line-height:1.6;margin-top:3px}.table-title{font-weight:600}.tag{display:inline-flex;align-items:center;font-size:10px;padding:5px 8px;border-radius:5px;background:#edf2f4;color:#637580;white-space:nowrap}.tag.green{background:#edf6f0;color:var(--green)}.tag.gold{background:var(--gold-light);color:#8c641f}.tag.red{background:#faeeee;color:var(--red)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.stat .label{font-size:11px;color:var(--muted);margin-bottom:12px}.stat .value{font:600 27px Bahnschrift,"Segoe UI",sans-serif;letter-spacing:-.7px}.stat .detail{font-size:10px;color:var(--muted);margin-top:9px}.stat.green{border-top:3px solid #6b9a7b}.stat.gold{border-top:3px solid #c2a065}.grid-two{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.empty{padding:45px 25px;text-align:center;color:var(--muted);line-height:1.8}.empty strong{display:block;color:var(--ink);font-size:14px;margin-bottom:5px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.toolbar .search{max-width:350px}.toolbar input[type=date],.toolbar input[type=month]{width:auto}.summary-line{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.summary-line:last-child{border-bottom:0}.info-box{padding:14px 17px;border-radius:8px;background:#edf3f6;border:1px solid #dfe8ed;color:#57707e;font-size:12px;line-height:1.7;margin:15px 0}.warning-box{background:#fbf4e8;border-color:#efe1c7;color:#886628}.demo-banner{background:#fff3d7;border-bottom:1px solid #ead9b3;color:#7d5b21;font-size:11px;text-align:center;padding:9px 15px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:#20282f;color:#fff;padding:55px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art::after{content:"G";position:absolute;font:600 520px Bahnschrift,sans-serif;color:#ffffff03;right:-30px;bottom:-140px;pointer-events:none}.login-art .brand{padding:0}.login-copy{max-width:390px;z-index:1}.login-copy h1{font-size:56px;line-height:1.05;letter-spacing:-2px}.login-copy h1 span{color:#d2ac63}.login-copy p{color:#b1bec6;line-height:1.9;margin-top:25px}.login-art footer{color:#81909b;font-size:11px}.login-form-area{display:grid;place-items:center;padding:35px;background:#fff}.login-form{max-width:350px;width:100%}.login-form h2{font-size:30px;margin-bottom:10px}.login-form .subtitle{margin-bottom:30px}.login-form .btn{margin-top:10px}.login-form .field{margin-bottom:20px}.login-foot{margin-top:28px;font-size:11px;color:#8d969d}.error-inline{background:#faeeee;color:#9a3333;border:1px solid #f1d2d2;border-radius:7px;padding:12px;font-size:12px;margin-bottom:15px;line-height:1.6}.hidden{display:none!important}.mobile-menu{display:none}.loading{padding:60px;text-align:center;color:var(--muted)}.boot{display:grid;place-content:center;gap:12px;min-height:100vh;font:600 30px Bahnschrift,sans-serif;letter-spacing:5px;text-align:center}.boot span{font:12px "Segoe UI",sans-serif;letter-spacing:0;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 22px;border-radius:9px;background:#20282f;color:#fff;box-shadow:0 6px 25px #0002;z-index:100;max-width:calc(100% - 32px);font-size:12px;display:none}#toast.visible{display:block}#toast.error{background:#913b36}dialog{padding:0;border:1px solid var(--line);border-radius:15px;max-width:680px;width:calc(100% - 32px);max-height:90vh;color:var(--ink);box-shadow:0 25px 100px #0003}dialog::backdrop{background:#17232d85;backdrop-filter:blur(3px)}.modal-head{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head button{font-size:24px;color:var(--muted)}.modal-body{padding:25px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .wide{grid-column:1/-1}.check-field{display:flex;align-items:center;gap:9px;font-size:12px;margin:10px 0 20px}.checkbox{width:16px;height:16px;accent-color:var(--gold)}.amount-large{font:600 38px Bahnschrift,sans-serif;letter-spacing:-1px}.ledger-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.attendance-btn{width:100%;text-align:left}.bar-track{height:7px;background:#edf1f3;border-radius:10px;overflow:hidden;margin-top:9px}.bar-fill{height:100%;background:#ba9a60;border-radius:10px}.bar-fill.nequi{background:#6b909e}.bar-fill.credit{background:#9a8580}.split-label{display:flex;justify-content:space-between;gap:10px;font-size:12px}.report-bar{padding:15px 0}.report-result{background:#20282f;color:#fff;border-radius:12px;padding:26px;margin-bottom:22px}.report-result .eyebrow{color:#c9ad7b}.report-result .subtitle{color:#b9c5ce;max-width:620px}.row-actions{display:flex;gap:5px}.truncate{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.minor-link{color:var(--gold);font-size:12px;text-decoration:none}.bottom-note{margin-top:20px;font-size:11px;color:var(--muted);line-height:1.7}.attendance-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.attendance-person{padding:18px;border:1px solid var(--line);border-radius:10px;background:white}.attendance-person .field{margin:15px 0 0}
.search input:not([type=checkbox]){padding-left:40px}.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}.mobile-cart{display:none}
@media(min-width:1500px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sale-layout{grid-template-columns:minmax(0,1fr) 360px}}
@media(max-width:1150px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{width:190px;padding-left:12px;padding-right:12px}.workspace{padding:26px 22px}.topbar{padding:0 22px}.sale-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-head,.receipt-body{padding:18px}.stats{gap:10px}.stat{padding:16px}.stat .value{font-size:23px}.grid-two{grid-template-columns:1fr}}
@media(max-width:800px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:230px;box-shadow:10px 0 80px #0003}.sidebar.open{transform:translateX(0)}.main{width:100%}.mobile-menu{display:flex}.topbar{height:62px;padding:0 18px}.topbar-left>span:not(.icon){display:none}.topbar-right{gap:8px}.topbar-right .date-text{display:none}.workspace{padding:24px 18px}.sale-layout{grid-template-columns:minmax(0,1fr) 300px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head h1{font-size:28px}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-form-area{min-height:100vh}.attendance-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.sale-layout{grid-template-columns:1fr}.receipt{position:static}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:140px;padding:15px}.catalog-tools{flex-wrap:wrap}.catalog-tools .search{flex-basis:100%}.page-head{align-items:flex-start}.page-head .btn{padding:10px}.page-head h1{font-size:27px}.subtitle{font-size:11px}.tabs .tab{padding:9px 12px}.stats{gap:10px}.stat .value{font-size:24px}.stat{padding:16px}.form-grid{grid-template-columns:1fr}.panel-head,.panel-body{padding:18px}.attendance-grid{grid-template-columns:1fr}td,th{padding:13px 15px}.topbar-right .date-text{display:none}.page-head .actions{justify-content:flex-end}.receipt-items{max-height:none}.toolbar .search{max-width:none}.modal-body{padding:20px}.amount-large{font-size:32px}}
@media(max-width:600px){.mobile-cart{display:flex;position:fixed;bottom:14px;left:18px;right:18px;z-index:18;justify-content:space-between;box-shadow:0 5px 25px #18253030;padding:16px 18px}.workspace:has(.sale-layout){padding-bottom:110px}#receipt{scroll-margin-top:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}