:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17181d;background:#f7f7f5;font-synthesis:none;--ink:#17181d;--muted:#73757e;--line:#e7e7e4;--card:#fff;--dark:#0b0c10;--purple:#6658dd;--purple-soft:#efedff;--orange:#ee9b48;--green:#2e9b70;--red:#d45d64}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f7f7f5}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}a{color:inherit}.app-shell{min-height:100vh;padding-bottom:84px}.topbar{height:76px;padding:0 max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#ffffffed;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;background:none;text-align:left;color:var(--ink)}.brand-q{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#050505;color:#fff;font-family:Georgia,serif;font-size:25px;font-weight:700}.brand strong{display:block;font-family:Georgia,serif;font-size:17px;letter-spacing:3px}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:1.4px;margin-top:1px}.top-actions{display:flex;align-items:center;gap:10px}.connection{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:12px}.connection i{width:7px;height:7px;border-radius:50%;background:var(--green)}.connection.offline i{background:var(--orange)}.sync-pill{color:#594ec6;background:var(--purple-soft);padding:8px 11px;border-radius:20px;font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--dark);color:#fff;font-weight:700}.page{max-width:1180px;margin:0 auto;padding:38px 24px}.hero,.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:30px}.hero.compact{margin-bottom:24px}.page-title{align-items:center}.page-title h1,.hero h1{font-size:31px;line-height:1.1;letter-spacing:-1px;margin:4px 0 8px}.muted{color:var(--muted);margin:0;font-size:14px}.eyebrow{color:#8c8e96;font-size:10px;letter-spacing:1.8px;font-weight:800;margin:0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;padding:12px 16px;font-weight:750;white-space:nowrap}.primary{background:var(--dark);color:#fff}.primary:hover{background:#292a31}.primary.small{padding:9px 12px;font-size:12px}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.text-btn{background:none;color:#5b50c8;font-size:13px;font-weight:750;padding:5px 0}.back{background:none;font-size:25px;padding:0 4px;color:var(--muted)}.notice{display:flex;align-items:center;gap:13px;background:#fffaf1;border:1px solid #f6dfbd;border-radius:14px;padding:14px 16px;margin-bottom:30px}.notice.success{background:#f1faf6;border-color:#d1eee1}.notice-icon{width:28px;height:28px;display:grid;place-items:center;background:#f3c77f;color:#704814;border-radius:9px;font-weight:900}.notice.success .notice-icon{background:#bee8d4;color:#17734d}.notice strong{display:block;font-size:13px}.notice p{margin:3px 0 0;color:var(--muted);font-size:12px}.notice .text-btn{margin-left:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:30px 0 14px}.section-heading h2{font-size:17px;margin:4px 0 0;letter-spacing:-.3px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats-grid.two{grid-template-columns:repeat(2,1fr)}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:18px;min-height:116px;display:flex;flex-direction:column;justify-content:space-between}.stat-card span{font-size:12px;color:var(--muted)}.stat-card strong{font-size:28px;letter-spacing:-1px}.stat-card small{font-size:11px;color:#9a9ba0}.stat-card.accent{background:#1b1c25;color:#fff;border-color:#1b1c25}.stat-card.accent span,.stat-card.accent small{color:#b9b9c6}.stat-card.warning strong{color:#c77d31}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:15px;text-align:left;padding:16px;display:flex;flex-direction:column;gap:7px}.quick-card:hover{border-color:#c9c6ef;transform:translateY(-1px)}.quick-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:19px;margin-bottom:6px}.quick-icon.purple{background:var(--purple-soft);color:var(--purple)}.quick-icon.blue{background:#eaf3ff;color:#4788db}.quick-icon.orange{background:#fff1e3;color:#c77b2b}.quick-icon.green{background:#e5f7ef;color:#299167}.quick-card strong{font-size:13px}.quick-card small{color:var(--muted);font-size:11px}.activity-list,.client-list,.schedule-list,.issue-list{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.activity-row{display:flex;align-items:center;gap:12px;min-height:66px;padding:12px 16px;border-bottom:1px solid var(--line)}.activity-row:last-child{border-bottom:0}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--purple);flex:0 0 auto}.activity-dot.green{background:var(--green)}.activity-dot.orange{background:var(--orange)}.activity-row div{flex:1}.activity-row strong{display:block;font-size:13px}.activity-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.activity-value{font-size:13px;font-weight:750;color:#57517a}.form-card{max-width:760px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px}.form-card label{display:block;color:#464850;font-size:12px;font-weight:750;margin:0 0 16px}.form-card input,.form-card select,.form-card textarea,.search-field input{display:block;width:100%;border:1px solid #dfe0e2;background:#fff;border-radius:9px;padding:12px 13px;margin-top:7px;color:var(--ink);outline:none}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.search-field input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #eeecff}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field-grid.three{grid-template-columns:repeat(3,1fr)}.form-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.form-hint,.select-hint{background:#f7f7f5;border-radius:10px;padding:12px;color:var(--muted);font-size:12px;margin:-2px 0 16px}.client-glance{display:flex;gap:16px;align-items:stretch;background:#f4f2ff;border:1px solid #e4e0ff;border-radius:13px;padding:14px;margin:0 0 16px}.client-glance>div:first-child{min-width:145px;border-right:1px solid #dad5ff;padding-right:16px}.client-glance span,.client-glance small{display:block;font-size:11px;color:var(--muted)}.client-glance strong{display:block;font-size:25px;letter-spacing:-1px;margin:3px 0}.client-glance-meta{display:flex;flex-direction:column;justify-content:center;gap:5px}.client-glance-meta strong{font-size:14px;margin:0}.inline-warning{display:flex;align-items:center;gap:9px;background:#fff8ea;border:1px solid #f4dfbc;border-radius:10px;padding:11px 12px;margin-bottom:16px;font-size:12px}.inline-warning strong{font-size:12px;color:#79521c}.inline-warning span{color:var(--muted);flex:1}.order-prefill{display:flex;align-items:center;gap:8px;background:#eef8f4;border-radius:9px;padding:10px 12px;margin-bottom:16px;font-size:12px}.order-prefill span{color:var(--muted)}.order-prefill strong{margin-left:auto}.order-prefill small{color:var(--green)}.date-switcher{display:flex;align-items:center;gap:8px;max-width:360px;margin-bottom:16px}.date-switcher button{width:42px;height:42px;border-radius:9px;background:#fff;border:1px solid var(--line);font-size:22px}.date-switcher input{flex:1;border:1px solid var(--line);border-radius:9px;padding:11px;background:#fff}.schedule-card{padding:17px;border-bottom:1px solid var(--line)}.schedule-card:last-child{border-bottom:0}.schedule-top,.schedule-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.schedule-top strong{font-size:14px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--purple);margin-right:7px}.status-dot.confirmed{background:var(--orange)}.status-dot.complete,.status-dot.delivered{background:var(--green)}.tag{display:inline-block;background:#f1f1f3;color:#676870;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.3px}.tag.paid{background:#e6f7ed;color:#27845d}.tag.pending{background:#fff1e2;color:#aa6b29}.schedule-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:11px;padding:10px 0 14px}.schedule-actions{justify-content:flex-start}.link-btn{padding:9px 12px;font-size:12px;text-decoration:none}.icon-btn{width:34px;height:34px;border-radius:9px;background:#f4f4f4;color:#5e6068}.search-field{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:0 13px;margin-bottom:16px;max-width:500px}.search-field span{font-size:23px;color:#96979e}.search-field input{border:0!important;box-shadow:none!important;margin:0!important;padding-left:0}.client-row{display:flex;align-items:center;gap:12px;background:#fff;text-align:left;padding:13px 16px;border-bottom:1px solid var(--line)}.client-row:last-child{border-bottom:0}.client-row:hover{background:#fbfbff}.client-initial{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#f0efff;color:#5e52cc;font-weight:800}.client-row-main{flex:1}.client-row-main strong,.client-row-main small,.client-row-balance strong,.client-row-balance small{display:block}.client-row-main strong{font-size:13px}.client-row-main small,.client-row-balance small{color:var(--muted);font-size:11px;margin-top:3px}.client-row-balance{text-align:right}.client-row-balance strong{font-size:15px}.profile-card{display:grid;grid-template-columns:230px 1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-bottom:18px}.profile-balance{background:#1b1c25;color:#fff;padding:23px}.profile-balance span,.profile-balance small{display:block;color:#b9b9c6;font-size:11px}.profile-balance strong{display:block;font-size:36px;letter-spacing:-2px;margin:8px 0}.profile-details{padding:23px;display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--muted)}.profile-details a{color:#5e52cc;font-weight:700}.empty,.empty-card{color:var(--muted);font-size:13px;padding:25px;text-align:center}.empty-card{background:#fff;border:1px dashed #d9d9d6;border-radius:15px;display:flex;flex-direction:column;gap:5px}.empty-card strong{color:var(--ink)}.history-table{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.history-head,.history-row{display:grid;grid-template-columns:1fr 1.4fr 1fr .8fr;gap:14px;padding:13px 16px;align-items:center;border-bottom:1px solid var(--line);font-size:12px}.history-head{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}.history-row:last-child{border-bottom:0}.issue-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.issue-card:last-child{border-bottom:0}.issue-card strong,.issue-card span{display:block}.issue-card span{color:var(--muted);font-size:12px;margin-top:4px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:760px}.menu-grid button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;min-height:130px}.menu-grid button>span{font-size:22px;color:var(--purple)}.menu-grid strong{font-size:14px}.menu-grid small{color:var(--muted);font-size:11px}.settings-status{display:flex;gap:10px;align-items:center;background:#f7f7f5;border-radius:10px;padding:12px;margin-bottom:18px}.settings-status strong,.settings-status small{display:block}.settings-status small{font-size:11px;color:var(--muted);margin-top:3px}.danger-card{max-width:760px;margin-top:15px;border:1px solid #efd5d6;background:#fff7f7;border-radius:15px;padding:16px}.danger-card strong{font-size:13px}.danger-card p{font-size:12px;color:var(--muted)}.checkbox-row{display:flex!important;align-items:center;gap:8px}.checkbox-row input{width:auto!important;margin:0!important}.toast{position:fixed;left:50%;bottom:95px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#1b1c25;color:#fff;padding:12px 15px;border-radius:10px;font-size:12px;transition:.2s;z-index:30;max-width:calc(100vw - 30px);text-align:center}.toast.show{transform:translate(-50%);opacity:1}.toast.error{background:#a4454b}.toast.info{background:#6255ce}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:75px;display:flex;justify-content:center;gap:0;background:#fffffff2;border-top:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{width:100px;background:none;color:#9a9ba0;font-size:10px;font-weight:700}.bottom-nav button span{display:block;font-size:21px;line-height:24px;margin-bottom:3px}.bottom-nav button.active{color:#5b50c8}@media(max-width:760px){.page{padding:27px 16px}.topbar{padding:0 16px}.connection{display:none}.hero{align-items:stretch;flex-direction:column;margin-bottom:22px}.hero .primary{align-self:stretch}.page-title{align-items:flex-start}.page-title .icon-btn{margin-left:auto}.page-title h1,.hero h1{font-size:27px}.stats-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}.stats-grid .stat-card{min-height:104px;padding:14px}.stat-card strong{font-size:25px}.quick-card{min-height:130px}.field-grid,.field-grid.three{grid-template-columns:1fr 1fr}.field-grid.three label:first-child{grid-column:span 2}.form-card{padding:17px}.client-glance{flex-direction:column}.client-glance>div:first-child{border-right:0;border-bottom:1px solid #dad5ff;padding:0 0 12px}.profile-card{grid-template-columns:1fr}.profile-details{padding:16px}.menu-grid{grid-template-columns:repeat(2,1fr)}.history-head,.history-row{grid-template-columns:1fr 1.4fr 1fr}.history-head span:last-child,.history-row .tag{display:none}.schedule-actions .link-btn{display:none}.schedule-actions{justify-content:flex-end}.brand strong{font-size:15px}}@media(max-width:420px){.field-grid,.field-grid.three{grid-template-columns:1fr}.field-grid.three label:first-child{grid-column:auto}.stats-grid{gap:8px}.stat-card{padding:12px!important}.stat-card span{font-size:11px}.stat-card strong{font-size:22px}.topbar{height:68px}.bottom-nav button{width:20%}}.invoice-input{display:flex;align-items:center;margin-top:7px}.invoice-input span{padding:12px 0 12px 13px;border:1px solid #dfe0e2;border-right:0;border-radius:9px 0 0 9px;background:#f7f7f5;color:#666;font-size:12px;white-space:nowrap}.invoice-input input{border-radius:0 9px 9px 0!important;margin-top:0!important}.field-note{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:5px}