@charset "UTF-8";
:root{--bg:#f4f6f8;--surface:#fff;--subtle:#f8fafb;--text:#202d3b;--muted:#7b8795;--border:#e7ebef;--nav:#152b29;--accent:#c5ef79;--green:#27836a;--green-bg:#e7f5ed;--orange:#b47726;--shadow:0 18px 65px #18302a12;--radius:15px;font-family:Inter,"Segoe UI",Arial,sans-serif;color-scheme:light}
:root[data-theme=dark]{--bg:#101a20;--surface:#19262e;--subtle:#1d2c34;--text:#e8eef1;--muted:#99a9b5;--border:#2a3a43;--nav:#0c171d;--green:#9cdbb6;--green-bg:#253f36;--orange:#e2b877;--shadow:0 18px 65px #0003;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}svg{vertical-align:middle}.icon{width:19px;height:19px;flex-shrink:0;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:750;letter-spacing:-.9px;white-space:nowrap}.brand small{font-size:10px;letter-spacing:1.5px;opacity:.55;border-left:1px solid #ffffff4a;padding-left:9px;margin-left:2px}.brand-mark{background:var(--accent);width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#18332b;font-size:22px;font-weight:850}.brand img{width:34px;height:34px;object-fit:contain}.topbar{height:76px;background:var(--nav);color:#fff;display:flex;align-items:center;gap:36px;padding:0 29px;position:fixed;inset:0 0 auto;z-index:20}.topnav{display:flex;height:100%;gap:5px;align-items:center}.topnav a{display:flex;gap:8px;align-items:center;font-size:13px;padding:12px 15px;border-radius:8px;color:#b6c4c0;white-space:nowrap}.topnav a.active{background:#ffffff13;color:var(--accent)}.top-right{display:flex;align-items:center;gap:14px;margin-left:auto}.top-right .icon-button{color:#bfd0c9;background:transparent}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:#d8e9cf;color:#3a5741}.top-user{border-left:1px solid #ffffff20;padding-left:19px;display:flex;gap:10px;align-items:center}.top-user small{color:#9bacaa;font-size:10px;display:block}.top-user strong{font-size:12px;font-weight:500}.sidebar{position:fixed;inset:76px auto 0 0;width:234px;background:var(--surface);border-right:1px solid var(--border);padding:24px 16px 18px;display:flex;flex-direction:column;z-index:15;overflow-y:auto}.workspace{display:flex;gap:10px;align-items:center;padding:0 8px 22px;margin-bottom:10px;border-bottom:1px solid var(--border)}.workspace-icon{width:35px;height:35px;border:1px solid var(--border);border-radius:10px;display:grid;place-items:center}.workspace strong{display:block;font-size:12px}.workspace small{color:var(--muted);font-size:10px}.nav-label{font-size:9px;letter-spacing:1.6px;color:var(--muted);font-weight:650;padding:17px 14px 7px}.side-link{display:flex;align-items:center;gap:11px;padding:10px 13px;margin:3px 0;border-radius:8px;color:var(--muted);font-size:12px}.side-link:hover{background:var(--subtle);color:var(--text)}.side-link.active{background:var(--green-bg);color:var(--green);font-weight:650}.side-link .count{margin-left:auto;background:var(--surface);font-size:10px;padding:0 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:22px}.version{margin:15px 13px 0;color:var(--muted);font-size:10px;display:flex;justify-content:space-between}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#78b995;margin-right:5px}.main{margin-left:234px;padding:105px 32px 32px;max-width:1800px}.breadcrumb{font-size:11px;color:var(--muted);display:flex;gap:9px;align-items:center;margin-bottom:22px}.breadcrumb span:last-child{color:var(--text)}.page-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:25px}.page-heading h1{font-size:26px;font-weight:630;letter-spacing:-1px;margin:0 0 4px}.page-heading p{color:var(--muted);font-size:12px;margin:0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 15px;font-size:12px;font-weight:600;color:var(--text);white-space:nowrap}.btn:hover{filter:brightness(.96)}.btn.primary{background:var(--nav);color:#fff;border-color:var(--nav)}:root[data-theme=dark] .btn.primary{background:var(--accent);color:#203328;border-color:var(--accent)}.btn.lime{background:var(--accent);color:#213428;border:0}.btn.small{padding:7px 11px;font-size:11px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.icon-button{display:grid;place-items:center;border-radius:7px;background:var(--subtle);color:var(--muted);padding:8px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid #dbe6d3;background:linear-gradient(110deg,#edf3e4,#f8faf5);border-radius:12px;padding:16px 20px;margin-bottom:23px}.welcome strong{font-size:12px;color:#46593d}.welcome p{font-size:11px;color:#859179;margin:4px 0 0}.welcome .welcome-icon{width:37px;height:37px;background:#e2eccc;color:#638044;border-radius:10px;display:grid;place-items:center}.welcome-copy{display:flex;align-items:center;gap:13px}:root[data-theme=dark] .welcome{background:#223429;border-color:#384b36}:root[data-theme=dark] .welcome strong{color:#d0dfc7}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:19px 20px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.metric-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--subtle);color:#788f86}.metric-value{font-size:29px;font-weight:620;letter-spacing:-1px;margin:13px 0 8px;white-space:nowrap}.metric-value small{font-size:14px;letter-spacing:0;color:var(--muted);font-weight:400}.metric-foot{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.metric-foot .green-text{color:var(--green);font-weight:600}.grid-two{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;margin-bottom:23px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px 22px}.panel-head h2{font-size:14px;letter-spacing:-.2px;margin:0;font-weight:650}.panel-head small{color:var(--muted);font-size:10px}.panel-head p{font-size:11px;color:var(--muted);margin:4px 0 0}.chart-summary{padding:0 23px;display:flex;gap:22px}.chart-summary b{font-size:21px;font-weight:600;display:block}.legend{font-size:10px;color:var(--muted)}.legend:before{content:'';display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px}.legend.light:before{background:#bdcda8}.chart{padding:15px 20px 12px}.chart svg{width:100%;height:170px;overflow:visible}.chart text{fill:var(--muted);font-size:10px}.chart line{stroke:var(--border);stroke-dasharray:3 5}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 20px 20px}.quick-card{background:var(--subtle);border:1px solid var(--border);border-radius:10px;padding:16px;text-align:left;color:var(--text)}.quick-card .icon{color:var(--green);margin-bottom:9px}.quick-card strong{font-size:11px;display:block}.quick-card small{font-size:9px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;background:var(--subtle);font-size:9px;text-transform:uppercase;letter-spacing:.7px;font-weight:550;color:var(--muted);padding:12px 21px;white-space:nowrap}td{padding:15px 21px;border-top:1px solid var(--border);white-space:nowrap}td strong{font-size:11px;font-weight:650}td .muted{font-size:10px}tbody tr:hover{background:var(--subtle)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:600;background:var(--subtle);color:var(--muted);white-space:nowrap}.badge.green{background:var(--green-bg);color:var(--green)}.badge.orange{background:#fbf1e1;color:#a67535}.badge.blue{background:#eaf0fb;color:#5e7ead}.badge.gray{background:var(--subtle);color:var(--muted)}:root[data-theme=dark] .badge.orange{background:#453b2c;color:#dfb174}:root[data-theme=dark] .badge.blue{background:#26384c;color:#9cb9dc}.client-cell{display:flex;align-items:center;gap:9px}.client-cell .avatar{width:27px;height:27px;font-size:9px;border-radius:7px;background:var(--subtle);color:var(--muted)}.task-list{padding:0 22px 12px}.task-row{display:flex;gap:11px;padding:14px 0;border-bottom:1px solid var(--border)}.task-row:last-child{border:0}.task-check{width:15px;height:15px;border:1px solid var(--border);border-radius:4px;margin-top:2px;flex-shrink:0;background:var(--surface)}.task-row strong{font-size:11px;font-weight:550}.task-row p{font-size:10px;color:var(--muted);margin:5px 0 0}.task-row .badge{margin-left:auto;align-self:start}.page-footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;margin-top:25px}.toolbar{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.search{position:relative;max-width:320px;flex:1}.search .icon{position:absolute;left:11px;top:10px;width:16px}.search input{padding-left:35px;min-width:160px}.toolbar small{margin-left:auto;color:var(--muted)}input,select,textarea{display:block;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);font-size:12px}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #79a69266;border-color:#7daa97}label{display:block;font-size:11px;color:var(--muted)}label input,label select,label textarea{margin-top:6px}label small{font-size:10px;display:block;margin-top:4px}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty .icon{width:33px;height:33px;margin-bottom:15px}.empty strong{display:block;color:var(--text);font-size:14px;margin-bottom:6px}.empty p{font-size:12px}.overlay{position:fixed;inset:0;background:#101f2c80;backdrop-filter:blur(5px);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--surface);width:min(780px,100%);border-radius:17px;box-shadow:var(--shadow);max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:20px;letter-spacing:-.6px;margin:0}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}.line-item{display:grid;grid-template-columns:2fr .6fr .8fr .55fr .65fr 30px;gap:7px;margin-bottom:9px}.line-header{font-size:10px;color:var(--muted)}.line-item input,.line-item select{padding:8px}.line-items{margin-top:24px}.notice{padding:13px 16px;background:var(--green-bg);color:var(--green);border-radius:8px;font-size:11px;margin-bottom:19px}.notice.error{background:#f9e6e6;color:#a44242}.notice a{text-decoration:underline}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:var(--nav);color:#fff;padding:13px 24px;border-radius:10px;box-shadow:var(--shadow);display:none;max-width:90vw;font-size:13px}.loading{padding:80px;text-align:center;color:var(--muted)}.setup-body{background:#e9eeea;min-height:100vh;padding:40px}.setup-shell{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1.3fr;background:var(--surface);border-radius:23px;overflow:hidden;box-shadow:var(--shadow)}.setup-story{background:#18342c;color:#fff;padding:48px;display:flex;flex-direction:column;min-height:670px;position:relative;overflow:hidden}.setup-story:after{content:'';position:absolute;width:360px;height:360px;border:1px solid #ffffff0d;border-radius:50%;bottom:-200px;left:70px;box-shadow:0 0 0 50px #ffffff03,0 0 0 100px #ffffff02;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;color:var(--muted)}.setup-story .eyebrow{color:#bed0b8;margin-top:85px}.setup-story h1{font-size:44px;font-weight:500;letter-spacing:-2px;line-height:1.16;margin:22px 0}.setup-story em{font-style:normal;color:var(--accent)}.setup-story>p{color:#9bb2a7;font-size:13px;max-width:280px;line-height:1.9}.setup-story>small{margin-top:auto;font-size:10px;color:#80978c;padding-top:50px}.setup-steps{margin:25px 0;color:#c9d8cd;font-size:12px}.setup-form{padding:47px}.setup-form h2{font-size:27px;letter-spacing:-.9px;margin:10px 0}.setup-form .btn{margin-top:25px}.checks{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}.muted{color:var(--muted)}.login .setup-shell{max-width:1030px}.login .setup-form{display:flex;flex-direction:column;justify-content:center;padding:65px}.login .setup-form .form-grid{grid-template-columns:1fr}.login .setup-form .btn{width:100%}.login .setup-story{min-height:640px}.login .setup-story .eyebrow{margin-top:68px}.login .setup-form .eyebrow{margin-bottom:10px}.login form{margin-top:28px}.demo-note{font-size:11px;color:var(--muted);margin-top:20px}.demo-strip{font-size:10px;display:flex;gap:9px;align-items:center;padding:7px 11px;background:var(--green-bg);border:1px solid var(--border);border-radius:7px;color:var(--green);margin-bottom:17px}.demo-strip button{background:none;color:inherit;font-size:10px;text-decoration:underline;margin-left:auto}.mobile-toggle{display:none}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0 20px 20px}.calendar .weekday{font-size:10px;color:var(--muted);padding:10px}.calendar-day{min-height:105px;border-top:1px solid var(--border);border-right:1px solid var(--border);padding:8px;font-size:11px}.calendar-day.today{background:var(--green-bg)}.calendar-event{background:var(--green-bg);color:var(--green);border-radius:4px;padding:4px;margin-top:5px;font-size:9px;white-space:normal;display:block}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:23px}.service-card h3{font-size:15px}.service-card .price{font-size:24px;margin:20px 0}.service-card p{font-size:12px;color:var(--muted)}.settings-panel{padding:25px;max-width:920px}.section-title{font-size:14px;margin:28px 0 16px}.pos-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.pos-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:start}.pos-product{padding:25px 15px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;text-align:left}.pos-product strong{display:block;margin:15px 0 7px;font-size:12px}.pos-product small{color:var(--green)}.cart{padding:23px}.cart-row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);font-size:12px}.cart-total{display:flex;justify-content:space-between;margin:25px 0;font-size:20px}.record-detail{white-space:pre-wrap;font-size:13px;line-height:1.8}.message{padding:12px;background:var(--subtle);border-radius:9px;margin:10px 0;white-space:pre-wrap}.message small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.status-pill{display:flex;align-items:center;gap:7px}.chart-no-data{height:190px;display:grid;place-items:center;color:var(--muted);font-size:12px}
@media(min-width:1600px){.main{padding-left:45px;padding-right:45px}.metrics{gap:22px}.metric-value{font-size:34px}}
@media(max-width:1200px){.topnav{gap:0}.topnav a{padding:10px}.topnav a .icon{display:none}.topbar{gap:22px}.top-user strong,.top-user small{display:none}.metric-value{font-size:23px}.grid-two{grid-template-columns:1.4fr 1fr}.main{padding-left:22px;padding-right:22px}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.sidebar{width:205px}.main{margin-left:205px}.metrics{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.topbar{padding:0 20px}.topnav a{font-size:11px}.brand small{display:none}.setup-story{padding:30px}.setup-form{padding:30px}.setup-story h1{font-size:36px}.pos-grid{grid-template-columns:1fr}.calendar-day{min-height:85px}}
@media(max-width:760px){.topbar{height:64px;padding:0 16px;gap:12px}.topnav{display:none}.top-user{padding-left:10px}.top-right{gap:3px}.mobile-toggle{display:grid}.sidebar{top:64px;transform:translateX(-100%);width:234px;box-shadow:var(--shadow);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;padding:88px 16px 24px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.page-heading .actions .btn:not(.primary){display:none}.welcome{padding:14px}.welcome .btn{display:none}.metrics{gap:10px}.metric{padding:15px}.metric-value{font-size:25px}.metric-top{font-size:10px}.panel-head{padding:17px}.grid-two{gap:15px}.page-footer{flex-direction:column}.setup-body{padding:15px}.setup-shell{display:block}.setup-story{min-height:0!important;padding:28px}.setup-story .eyebrow,.setup-story h1,.setup-story>p,.setup-story>small,.setup-steps{display:none}.login .setup-form{padding:35px 25px}.setup-form{padding:25px}.form-grid{grid-template-columns:1fr}.overlay{padding:10px}.modal-body{padding:17px}.line-item{grid-template-columns:1.6fr .6fr .8fr .55fr .7fr 25px;gap:4px}.line-item input,.line-item select{font-size:10px;padding:7px 4px}.service-grid{grid-template-columns:1fr}.calendar{padding:0 8px 12px}.calendar-day{min-height:75px;padding:3px}.calendar-event{font-size:8px}.calendar .weekday{padding:5px;font-size:9px}.pos-products{grid-template-columns:repeat(2,1fr)}.demo-strip{font-size:9px}.top-right .help-button{display:none}.breadcrumb{margin-bottom:16px}}
@media print{.topbar,.sidebar,.demo-strip,.page-footer,.actions,.toolbar{display:none}.main{margin:0;padding:0}.panel{border:0}.modal{max-height:none}.overlay{position:static;background:none}.metrics{grid-template-columns:repeat(4,1fr)}}

.purchase-row{padding:16px;background:var(--subtle);border:1px solid var(--border);border-radius:10px;margin:12px 0}.purchase-row .form-grid{grid-template-columns:repeat(3,1fr);gap:10px}.purchase-row .row-name{grid-column:1/-1}.purchase-row .row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ocr-text{font-family:monospace;max-height:180px;font-size:11px;white-space:pre-wrap;overflow:auto;padding:12px;background:var(--subtle)}@media(max-width:760px){.purchase-row .form-grid{grid-template-columns:1fr 1fr}}

@media(max-width:760px){.page-heading{flex-direction:column;align-items:stretch}.page-heading .actions{margin-top:8px}.demo-strip{flex-wrap:wrap}.demo-strip button{margin-left:0}}