:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2b211c;background:#f7f2e8;font-synthesis:none;text-rendering:optimizeLegibility;font-weight:400;font-size:15px;--ink:#2b211c;--brown:#59351f;--rust:#83512f;--cream:#fffaf2;--line:#e5d6c5;--muted:#877565;--green:#235545;--red:#b84438;--shadow:0 10px 30px #50321a0c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.58;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bf865877;outline-offset:2px}.app-shell{min-height:100vh}.sidebar{background:linear-gradient(180deg,#201813,#17120f);color:#f2e5d3;position:fixed;inset:0 auto 0 0;width:245px;padding:22px 16px 18px;display:flex;flex-direction:column;z-index:5}.side-brand{display:flex;align-items:center;gap:12px;padding:2px 8px 20px;border-bottom:1px solid #ffffff24}.side-brand img{width:54px;height:54px;object-fit:cover;border-radius:17px}.side-brand div{display:grid;gap:2px}.side-brand strong{font:700 30px Georgia,serif;color:#f2ce92}.side-brand span{font-size:9px;letter-spacing:2px;color:#d0aa7b}.side-caption{margin:24px 12px 9px;color:#9d8165;font-size:10px;letter-spacing:2px;font-weight:800}.sidebar nav{display:grid;gap:6px}.sidebar nav button{height:48px;border:0;border-radius:13px;padding:0 14px;background:transparent;color:#d6c8b7;text-align:left;font-weight:650;display:flex;align-items:center;gap:13px}.sidebar nav button i{font-style:normal;color:#d9ac71;font-size:19px;width:22px;text-align:center}.sidebar nav button.selected{background:linear-gradient(120deg,#8d4e20,#70401e);color:#fff;border:1px solid #b77846}.side-bottom{margin-top:auto;border-top:1px solid #ffffff24;padding:15px 9px 0;font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:8px;color:#d6c8b7}.online-dot,.live-status i{width:9px;height:9px;background:#39a778;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #39a7781e}.side-bottom .secondary-button{margin-left:auto;padding:8px;font-size:11px}.main-content{margin-left:245px;min-height:100vh}.topbar{min-height:104px;padding:23px clamp(22px,4vw,58px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8ddcf;background:#fbf6ed}.topbar small,.section-intro>small,.welcome-row small{color:var(--rust);font-size:10px;font-weight:850;letter-spacing:1.8px}.topbar h1{font:700 31px Georgia,serif;margin:3px 0 0}.page-content{max-width:1450px;margin:0 auto;padding:28px clamp(18px,4vw,58px) 44px}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.welcome-row h2,.section-intro h2{font:700 clamp(23px,3vw,31px) Georgia,serif;margin:6px 0;color:var(--ink)}.welcome-row small{font-size:12px;letter-spacing:.3px;color:var(--muted);font-weight:600}.live-status{color:var(--green);font-weight:700;font-size:12px;display:flex;gap:9px;align-items:center;background:#e5f1ea;border-radius:30px;padding:9px 12px}.sales-hero{background:linear-gradient(120deg,#57331f,#744824);color:#fff9ee;border-radius:23px;padding:23px 25px;box-shadow:var(--shadow)}.sales-hero>small{letter-spacing:1.7px;font-size:10px;color:#e2c8a9;font-weight:800}.sales-hero>strong{display:block;font-size:clamp(34px,5vw,48px);line-height:1.2;margin:7px 0 14px}.hero-splits,.hero-footer{display:flex;align-items:center;gap:22px}.hero-splits span{color:#eddcc8;font-size:12px}.hero-splits b{margin-left:7px;color:#fff}.hero-footer{border-top:1px solid #ffffff30;margin-top:16px;padding-top:13px;justify-content:space-between;color:#ead9c3;font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:15px 0}.stat-card{min-width:0;display:flex;flex-direction:column;gap:9px;background:var(--cream);border:1px solid var(--line);border-radius:17px;padding:16px;box-shadow:var(--shadow)}.stat-card span{font-size:10px;color:var(--muted);letter-spacing:.7px;font-weight:800;text-transform:uppercase}.stat-card strong{font-size:clamp(18px,2.1vw,25px);color:var(--brown);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card small{font-size:11px;color:var(--muted)}.stat-card.green{background:#eaf4ee;border-color:#d4e8db}.panel{background:var(--cream);border:1px solid var(--line);border-radius:21px;padding:19px;margin-top:16px;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.panel-heading small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.3px;font-weight:850}.panel-heading h2{font:700 21px Georgia,serif;margin:4px 0 0}.panel-heading h3{font:700 18px Georgia,serif;margin:0}.count-badge{background:#e7f1eb;color:var(--green);border-radius:22px;padding:7px 11px;font-size:11px;font-weight:700}.active-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:10px}.active-card{padding:14px;border:1px solid var(--line);border-radius:15px;background:#fffdf9;text-align:left;color:var(--ink);display:flex;flex-direction:column;gap:6px;min-height:117px}.active-card:hover,.order-row:hover{border-color:#bf9069;background:#fff8ed}.active-card span{color:var(--rust);text-transform:uppercase;font-size:9px;letter-spacing:1px;font-weight:800}.active-card b{font-size:15px}.active-card small{color:var(--muted);font-size:11px}.active-card strong{color:var(--green);font-size:13px;margin-top:auto}.empty-state{min-height:90px;border:1px dashed var(--line);border-radius:15px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);padding:20px;text-align:center}.empty-state:first-letter{color:var(--green)}.order-list{display:grid}.order-row{width:100%;display:flex;align-items:center;gap:12px;padding:12px 5px;text-align:left;color:var(--ink);background:transparent;border:0;border-top:1px solid #eee3d7}.order-row:first-child{border-top:0}.avatar{width:39px;height:39px;border-radius:50%;background:#efe3d3;color:var(--brown);display:grid;place-items:center;font-weight:800;flex:0 0 auto}.order-row-main,.expense-main{display:grid;gap:4px;flex:1;min-width:0}.order-row-main b,.expense-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-row-main small,.expense-main small{font-size:11px;color:var(--muted)}.order-row>strong,.expense-row>strong{white-space:nowrap;color:var(--brown)}.text-button{background:none;border:0;color:var(--green);font-size:12px;font-weight:750;padding:9px}.app-footer{color:#a18e7b;text-align:center;font-size:10px;padding:0 15px 19px}.section-intro{margin:1px 0 18px}.section-intro h2{font-size:32px}.section-intro p{margin:0;color:var(--muted);font-size:13px}.toolbar-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.date-field,.search-field,.settings-panel label,.form-grid label,.edit-item label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11px;font-weight:700}.date-field input,.search-field input,.settings-panel input,.form-grid input,.form-grid select,.edit-item input{height:43px;border:1px solid var(--line);border-radius:11px;padding:0 12px;background:#fffdfa;color:var(--ink);min-width:0}.search-field{position:relative;flex:1;min-width:210px}.search-field span{position:absolute;left:13px;top:8px;font-size:23px;z-index:1;color:var(--muted)}.search-field input{padding-left:43px;width:100%}.expense-list{display:grid}.expense-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid #eee3d7}.expense-row:first-child{border-top:0}.icon-button{width:37px;height:37px;border:1px solid var(--line);background:#fffdfa;color:var(--brown);border-radius:11px;font-size:19px;display:grid;place-items:center;flex:0 0 auto}.danger-icon,.text-danger{color:var(--red)}.text-danger{background:none;border:0;font-size:12px;font-weight:700}.customer-list{padding:8px 19px}.customer-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #eee3d7}.customer-row:first-child{border:0}.customer-row>div{display:grid;gap:4px}.customer-row small{font-size:11px;color:var(--muted)}.customer-row .customer-spend{color:var(--rust)}.settings-page{max-width:900px}.settings-panel{display:grid;gap:15px}.settings-panel .panel-heading{margin-bottom:0}.settings-panel label input{width:100%;margin-top:3px}.settings-actions{display:flex;gap:9px;flex-wrap:wrap}.settings-panel p{color:var(--muted);margin:0;line-height:1.5}.success-note{color:var(--green)!important;font-weight:700}.primary-button,.secondary-button,.danger-button{border-radius:12px;min-height:42px;padding:0 15px;border:1px solid transparent;font-weight:750;font-size:12px}.primary-button{background:var(--brown);color:#fff9f0}.primary-button:hover{background:#704423}.secondary-button{background:#fffaf2;border-color:var(--line);color:var(--brown)}.danger-button{background:#fff1ef;border-color:#edc9c4;color:var(--red)}.full{width:100%;min-height:50px;font-size:15px}.notice-banner,.error-banner{background:#fff0ed;border:1px solid #edb8ae;color:#a33227;padding:11px 15px;margin:14px clamp(18px,4vw,58px) 0;border-radius:12px;font-size:12px}.muted-note{font-size:11px;color:var(--muted);line-height:1.5}.mobile-nav{display:none}.modal-backdrop{position:fixed;inset:0;background:#18120fcc;z-index:20;display:grid;place-items:center;padding:22px}.modal-card{width:min(620px,100%);max-height:min(92dvh,920px);overflow:auto;background:#fffdf9;border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 70px #1b120f55}.modal-card.wide{width:min(850px,100%)}.modal-heading{position:sticky;top:0;z-index:2;background:#fffdf9;border-bottom:1px solid #eee3d7;padding:17px 20px;display:flex;align-items:center;justify-content:space-between}.modal-heading small{font-size:9px;letter-spacing:1.5px;color:var(--rust);font-weight:850}.modal-heading h2{margin:4px 0 0;font:700 22px Georgia,serif}.modal-body{padding:19px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.detail-grid>div{padding:12px;border:1px solid #eee3d7;border-radius:12px;display:grid;gap:6px}.detail-grid small{font-size:9px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;font-weight:800}.detail-grid b{font-size:13px}.detail-items{border-top:1px solid #eee3d7}.detail-items>div{display:grid;grid-template-columns:1fr 55px 100px;gap:10px;align-items:center;border-bottom:1px solid #eee3d7;padding:11px 3px;font-size:12px}.detail-items span:first-child{display:grid;gap:4px}.detail-items small{color:var(--muted)}.detail-items>b{text-align:right}.detail-total{display:grid;grid-template-columns:1fr auto;gap:9px;padding:14px 13px;margin-top:12px;background:#edf5ee;border-radius:12px;color:var(--muted);font-size:12px}.detail-total strong{font-size:16px;color:var(--green)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.form-grid .span-two{grid-column:span 2}.edit-form h3{font:700 18px Georgia,serif;margin:20px 0 10px}.edit-items{display:grid;gap:9px;margin-bottom:12px}.edit-item{display:grid;grid-template-columns:minmax(130px,1fr) 75px 100px auto;align-items:end;gap:8px;padding:10px;background:#f9f3e9;border-radius:12px}.edit-item input{width:100%}.adjustment-grid{margin-top:16px}.login-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;position:relative;overflow:hidden;padding:20px;background:radial-gradient(ellipse at 50% 44%,#fffaf0,#f7f2e8 68%)}.login-doodles{position:absolute;inset:0;pointer-events:none}.login-doodles span{position:absolute;color:#8b5a351e;font-size:34px;animation:float 5s ease-in-out infinite}.login-doodles span:nth-child(1){top:15%;left:14%}.login-doodles span:nth-child(2){top:23%;right:18%;animation-delay:.4s}.login-doodles span:nth-child(3){bottom:20%;left:19%;animation-delay:.8s}.login-doodles span:nth-child(4){bottom:17%;right:15%;animation-delay:1.2s}@keyframes float{50%{transform:translateY(-11px) rotate(8deg)}}.login-card{position:relative;width:min(410px,100%);padding:29px;background:#fffaf2;border:1px solid var(--line);border-radius:26px;box-shadow:0 22px 70px #57331f14;display:flex;align-items:center;flex-direction:column}.brand-logo{width:100px;height:100px;object-fit:cover;border-radius:26px;box-shadow:0 10px 26px #57331f1c}.brand-title{text-align:center;display:grid;gap:4px;margin:14px 0 20px}.brand-title b{font:700 34px Georgia,serif;color:var(--brown)}.brand-title span{font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:800}.login-card form{display:grid;gap:13px;width:100%}.login-card label{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.login-card input{height:47px;border:1px solid var(--line);border-radius:12px;padding:0 13px;background:#fffdfa}.login-card .error-banner{margin:0}.secure-note{margin-top:22px;font-size:9px;color:var(--muted);font-weight:800;letter-spacing:2px}@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:215px}.main-content{margin-left:215px}.topbar,.page-content{padding-inline:25px}}@media(max-width:700px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.sidebar{display:none}.main-content{margin-left:0}.topbar{min-height:82px;padding:14px 17px}.topbar h1{font-size:25px}.topbar small{font-size:8px;letter-spacing:1px}.refresh-button{min-height:38px;padding-inline:10px;font-size:10px}.page-content{padding:18px 14px 23px}.welcome-row{align-items:flex-start;gap:8px}.welcome-row h2{font-size:23px}.welcome-row small{font-size:10px}.live-status{font-size:10px;padding:8px}.sales-hero{padding:19px;border-radius:19px}.sales-hero>strong{font-size:38px}.hero-splits{gap:12px;justify-content:space-between}.hero-splits span{font-size:11px}.hero-footer{font-size:10px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{padding:12px;border-radius:14px;gap:7px}.stat-card span{font-size:8px;line-height:1.35}.stat-card strong{font-size:18px}.panel{margin-top:12px;padding:14px;border-radius:17px}.panel-heading h2{font-size:19px}.active-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.active-card{min-height:123px;padding:11px}.active-card b{font-size:13px}.active-card small{font-size:10px}.order-row{gap:9px;padding:11px 2px}.order-row-main b{font-size:13px}.order-row-main small{font-size:9px}.order-row>strong{font-size:12px}.avatar{width:35px;height:35px}.section-intro h2{font-size:28px}.section-intro p{font-size:12px}.toolbar-row{align-items:stretch;display:grid}.date-field input{width:100%}.search-field{min-width:0}.mobile-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fffaf5;border-top:1px solid var(--line);box-shadow:0 -8px 24px #301b110c}.mobile-nav button{border:0;background:transparent;color:#907e6c;border-radius:12px;display:grid;gap:3px;place-items:center;padding:6px 1px;font-size:9px;font-weight:700}.mobile-nav button i{font-style:normal;font-size:19px;line-height:1}.mobile-nav button.selected{color:var(--green);background:#eaf3ed}.app-footer{padding-bottom:5px}.notice-banner{margin:10px 12px 0}.modal-backdrop{padding:10px;place-items:end center}.modal-card{width:100%;max-height:calc(94dvh - env(safe-area-inset-top));border-radius:20px 20px 12px 12px}.modal-heading{padding:13px 16px}.modal-body{padding:15px}.detail-grid{gap:7px}.detail-grid>div{padding:9px}.detail-grid b{font-size:11px}.detail-items>div{grid-template-columns:1fr 40px 75px;font-size:10px;gap:6px}.detail-total{font-size:11px}.modal-actions .primary-button,.modal-actions .secondary-button{flex:1}.form-grid{gap:9px}.form-grid input,.form-grid select{height:41px;padding-inline:9px;font-size:12px}.edit-item{grid-template-columns:1fr 62px 80px}.edit-item .text-danger{grid-column:3;text-align:right}.login-card{padding:23px}.login-doodles span:nth-child(1){left:7%}.login-doodles span:nth-child(2){right:8%}.login-doodles span:nth-child(3){left:6%}.login-doodles span:nth-child(4){right:7%}}@media(max-width:380px){.topbar{align-items:flex-start}.refresh-button{font-size:9px;padding-inline:7px}.active-grid{grid-template-columns:1fr}.active-card{min-height:100px}.hero-splits{gap:8px}.hero-splits span{font-size:10px}.stat-card strong{font-size:16px}}