:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--navy:#081120;--ink:#172033;--muted:#728096;--line:#e5eaf1;--blue:#2563eb;--cyan:#21c3e8;--surface:#fff;--green:#0ea66f;--amber:#dc8500;--red:#d84b4b;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#eef5ff 0,#f6f8fb 18% 100%);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.app-shell{max-width:760px;min-height:100vh;margin:0 auto;padding-bottom:92px}.topbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f8fbeb;border-bottom:1px solid #e2e8f0cc;align-items:center;gap:12px;height:72px;padding:10px 18px;display:flex;position:sticky;top:0}.brand-mark{color:#fff;background:linear-gradient(145deg,#0b1730,#1d5eff 62%,#22d3ee);border-radius:13px;place-items:center;width:40px;height:40px;font-size:22px;font-weight:800;display:grid;box-shadow:0 8px 22px #154fb138}.brand-mark.large{border-radius:17px;width:52px;height:52px;font-size:28px}.brand-copy{flex-direction:column;flex:1;display:flex}.brand-copy strong{font-size:14px}.brand-copy span{color:#7b889b;margin-top:2px;font-size:10px}.logout-button{border:1px solid var(--line);color:#657287;background:#fff;border-radius:11px;padding:8px 11px;font-size:11px;font-weight:750}.hero{color:#fff;background:radial-gradient(circle at 85% 15%,#34bcff57,#0000 28%),linear-gradient(135deg,#071120,#12346b);border-radius:25px;justify-content:space-between;align-items:flex-end;gap:18px;min-height:166px;margin:12px 16px 18px;padding:25px 22px;display:flex;box-shadow:0 18px 42px #08193729}.eyebrow,.section-title span,.page-heading span,.agenda-day>span,.auth-copy>span,.modal-title span{letter-spacing:.13em;color:#7d8da4;font-size:9px;font-weight:850}.hero .eyebrow{color:#8faed9}.hero h1{letter-spacing:-.03em;margin:8px 0 5px;font-size:27px}.hero p{color:#c5d6ef;margin:0;font-size:13px}.primary-action{color:#0d2450;white-space:nowrap;background:#fff;border:0;border-radius:14px;align-items:center;gap:7px;padding:12px 14px;font-weight:800;display:flex}.primary-action svg,.square-add svg,.floating-add svg{width:19px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px;display:grid}.metrics-grid.two{margin-top:12px;padding:0}.metric-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;min-height:112px;padding:16px;display:flex;box-shadow:0 8px 20px #1f33520a}.section-block.inner{padding:24px 0 0}.section-title{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.section-title h2{letter-spacing:-.02em;margin:4px 0 0;font-size:19px}.section-title button{color:var(--blue);background:0 0;border:0;font-size:12px;font-weight:750}.timeline{border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 16px}.timeline-item{grid-template-columns:54px 24px 1fr;align-items:start;min-height:92px;padding-top:16px;display:grid}.timeline-item time{font-size:13px;font-weight:800}.timeline-line{height:100%;position:relative}.timeline-line:after{content:"";background:#dce3ed;width:1px;position:absolute;top:9px;bottom:-9px;left:6px}.timeline-item:last-child .timeline-line:after{display:none}.timeline-line i{background:var(--blue);z-index:1;border:3px solid #dbeafe;border-radius:50%;width:13px;height:13px;display:block;position:relative}.timeline-content{flex-direction:column;display:flex}.timeline-content span{color:#728096;margin:4px 0 8px;font-size:12px}.timeline-content b{color:#a86400;background:#fff4d6;border-radius:999px;width:max-content;padding:4px 7px;font-size:10px}.timeline-content b.blue{color:#1f5acc;background:#e8f0ff}.stack{flex-direction:column;gap:10px;display:flex}.order-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:16px;box-shadow:0 7px 18px #1f335209}.order-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.order-code{color:#7c899c;letter-spacing:.08em;font-size:10px;font-weight:800}.order-card h3{margin:4px 0 0;font-size:15px}.order-card p{color:#69778b;margin:8px 0 14px;font-size:12px}.status{white-space:nowrap;border-radius:999px;padding:5px 7px;font-size:9px;font-weight:800}.status-gray{color:#59677a;background:#eef2f7}.status-blue{color:#215aca;background:#e7efff}.status-purple{color:#7242bf;background:#f1eaff}.status-amber{color:#a15f00;background:#fff2d7}.status-red{color:#b53838;background:#fee9e9}.status-green{color:#0b865b;background:#e3f8ef}.order-meta{color:#667488;border-top:1px solid #edf0f5;align-items:center;gap:12px;padding-top:12px;font-size:11px;display:flex}.order-meta span{align-items:center;gap:4px;display:flex}.order-meta svg{width:13px}.order-meta strong{color:#172033;margin-left:auto;font-size:13px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.page-heading h1{letter-spacing:-.04em;margin:3px 0;font-size:26px}.square-add{color:#fff;background:#0f274f;border:0;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.search{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:10px;height:48px;margin-bottom:12px;padding:0 14px;display:flex}.search svg{color:#8290a5;width:18px}.search input{background:0 0;border:0;outline:0;width:100%;font-size:13px}.filter-row{scrollbar-width:none;gap:7px;padding-bottom:13px;display:flex;overflow:auto}.filter-row button{border:1px solid var(--line);color:#647188;white-space:nowrap;background:#fff;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700}.filter-row button.selected{color:#fff;background:#0f274f;border-color:#0f274f}.customer-list{flex-direction:column;gap:9px;display:flex}.customer-card{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.avatar{color:#2252a3;background:linear-gradient(145deg,#e2eaff,#e6f9ff);border-radius:13px;place-items:center;width:43px;height:43px;font-size:13px;font-weight:800;display:grid}.customer-info{flex-direction:column;flex:1;display:flex}.customer-info span{color:#69778a;margin:3px 0;font-size:11px}.customer-info small{color:#94a0b0;font-size:10px}.chevron{color:#9aa6b6;width:17px}.date-strip{grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:24px;display:grid}.date-strip button{border:1px solid var(--line);color:#7b8797;text-transform:capitalize;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 3px;font-size:10px;display:flex}.date-strip button strong{color:#344157;font-size:16px}.date-strip button.selected{color:#b8c7dd;background:#0f274f;border-color:#0f274f}.date-strip button.selected strong{color:#fff}.agenda-day h2{margin:5px 0 14px;font-size:20px}.agenda-day .order-card{margin-bottom:10px}.finance-hero{color:#fff;background:linear-gradient(135deg,#071120,#12346b);border-radius:24px;flex-direction:column;padding:23px;display:flex}.finance-hero span{color:#b4c6df;font-size:12px}.finance-hero strong{letter-spacing:-.04em;margin:7px 0;font-size:34px}.finance-hero small{color:#7ff0c5;font-size:11px}.payment-row{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:11px;margin-bottom:8px;padding:13px;display:flex}.payment-icon{color:#0c8a5d;background:#e3f8ef;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.payment-icon svg{width:17px}.payment-row>div:nth-child(2){flex-direction:column;flex:1;display:flex}.payment-row span{color:#8591a2;margin-top:3px;font-size:10px}.payment-row b{color:#0d8a5d;font-size:13px}.bottom-nav{border-top:1px solid var(--line);width:min(760px,100%);height:76px;padding:8px 8px max(8px,env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#8a96a7;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;font-weight:700;display:flex}.bottom-nav button.active{color:#124fb3}.floating-add{display:none}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050c187a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{width:min(760px,100%);max-height:92vh;padding:10px 20px calc(22px + env(safe-area-inset-bottom));background:#fff;border-radius:26px 26px 0 0;animation:.22s ease-out slideUp;overflow:auto;box-shadow:0 -18px 50px #09162b33}.sheet-handle{background:#dce2ea;border-radius:99px;width:42px;height:4px;margin:0 auto 16px}.modal-title{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.modal-title h2{margin:5px 0;font-size:22px}.modal-title button{color:#566176;background:#f2f4f7;border:0;border-radius:10px;width:34px;height:34px;font-size:22px}.modal-sheet label,.auth-card label{color:#566378;flex-direction:column;gap:7px;margin:12px 0;font-size:11px;font-weight:750;display:flex}.modal-sheet input,.modal-sheet select,.modal-sheet textarea,.auth-card input{color:#172033;background:#fff;border:1px solid #dfe5ed;border-radius:13px;outline:0;min-height:48px;padding:0 13px;font-size:13px}.modal-sheet textarea{resize:vertical;min-height:90px;padding-top:12px}.modal-sheet input:focus,.modal-sheet select:focus,.modal-sheet textarea:focus,.auth-card input:focus{border-color:#3f7ce5;box-shadow:0 0 0 3px #e8f0ff}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wide-primary{color:#fff;background:linear-gradient(135deg,#102c5e,#1e63e9);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;margin-top:13px;font-weight:800;display:flex}.wide-primary svg{width:17px}.empty-state{text-align:center;background:#ffffffb8;border:1px dashed #d8e0eb;border-radius:20px;flex-direction:column;align-items:center;padding:28px 18px;display:flex}.empty-state .empty-icon{color:#3769c4;background:#edf3ff;border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:10px;display:grid}.empty-state svg{width:21px}.empty-state span{color:#8390a2;max-width:310px;margin-top:5px;font-size:11px}.center-screen{color:#415169;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;display:flex}.spinner{border:3px solid #dbe5f2;border-top-color:#2563eb;border-radius:50%;width:25px;height:25px;animation:.75s linear infinite spin}.auth-shell{background:radial-gradient(circle at 80% 8%,#21c3e833,#0000 27%),linear-gradient(#eef5ff,#f7f9fc 45%,#eef2f8);place-items:center;min-height:100vh;padding:32px 18px;display:grid}.auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;width:min(430px,100%);padding:26px;box-shadow:0 24px 60px #152b4e1f}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand>div:last-child{flex-direction:column;display:flex}.auth-brand strong{font-size:17px}.auth-brand span{color:#7f8ca0;margin-top:2px;font-size:10px}.auth-copy h1{letter-spacing:-.045em;margin:8px 0;font-size:29px;line-height:1.05}.auth-copy p{color:#748196;margin:0;font-size:12px;line-height:1.55}.google-button{color:#344156;background:#fff;border:1px solid #dfe5ed;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;height:48px;font-weight:750;display:flex}.google-button b{color:#2563eb;font-size:17px}.divider{color:#9aa6b6;align-items:center;gap:10px;margin:17px 0;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:#edf0f4;flex:1;height:1px}.password-field{display:flex;position:relative}.password-field input{width:100%;padding-right:62px}.password-field button{color:#657287;background:#f4f6f8;border:0;border-radius:9px;height:34px;font-size:10px;font-weight:750;position:absolute;top:7px;right:7px}.text-button{color:#245fca;background:0 0;border:0;margin:16px auto 0;font-size:11px;font-weight:750;display:block}.form-alert{border-radius:12px;margin:10px 0;padding:10px 12px;font-size:11px;line-height:1.4}.form-alert.error{color:#aa3535;background:#fff0f0;border:1px solid #ffdede}.form-alert.success{color:#137254;background:#eafaf3;border:1px solid #cff3e3}.global-error{color:#9e3434;background:#fff0f0;border:1px solid #ffd9d9;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;margin:12px 16px 0;padding:10px 12px;font-size:11px;display:flex}.global-error button{color:#fff;background:#9e3434;border:0;border-radius:8px;padding:6px 8px;font-size:10px}.onboarding-shell .auth-card{max-width:470px}@keyframes slideUp{0%{opacity:.3;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=760px){.app-shell{border-left:1px solid var(--line);border-right:1px solid var(--line)}.hero{margin-top:24px}.bottom-nav{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media (width<=430px){.hero{flex-direction:column;align-items:stretch}.primary-action{justify-content:center}.metric-card strong{font-size:21px}.order-head{align-items:flex-start}.status{text-align:center;white-space:normal;max-width:132px}.floating-add{color:#fff;z-index:35;background:linear-gradient(145deg,#102c5e,#1e63e9);border:0;border-radius:18px;place-items:center;width:54px;height:54px;display:grid;position:fixed;bottom:88px;right:18px;box-shadow:0 12px 24px #1a54b54d}.auth-card{padding:22px}.auth-copy h1{font-size:27px}}.clickable-card{cursor:pointer;transition:transform .16s,box-shadow .16s}.clickable-card:active{transform:scale(.992)}.timeline-item{cursor:pointer}.detail-page{background:linear-gradient(#f7f9fc,#eef3f9);min-height:calc(100vh - 64px);padding:18px 16px 28px}.detail-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.back-button{color:#315f9f;background:0 0;border:0;padding:8px 0;font-size:12px;font-weight:800}.detail-heading{color:#fff;background:linear-gradient(145deg,#081425,#153b78);border-radius:25px;margin-bottom:14px;padding:22px;box-shadow:0 16px 34px #0e2a532e}.detail-heading>span{letter-spacing:.1em;color:#9fc0ef;font-size:10px;font-weight:800}.detail-heading h1{letter-spacing:-.04em;margin:7px 0;font-size:24px;line-height:1.08}.detail-heading p{color:#c2d1e6;margin:0;font-size:11px}.detail-actions{grid-template-columns:1.35fr 1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.detail-actions button,.detail-actions label{cursor:pointer;text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:0 9px;font-size:10px;font-weight:800;display:flex}.detail-actions svg{width:16px}.action-primary{color:#fff;background:linear-gradient(135deg,#164c9b,#2778f1);border:0}.action-secondary{color:#42536b;background:#fff;border:1px solid #dce4ef}.detail-card{background:#fff;border:1px solid #dfe6ef;border-radius:21px;margin:10px 0;padding:16px;box-shadow:0 7px 18px #1c325309}.detail-card-title{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:13px;display:flex}.detail-card-title span,.status-control span,.portal-section>span,.portal-approval>span{letter-spacing:.08em;color:#7f8ba0;font-size:9px;font-weight:850}.detail-card-title h2{letter-spacing:-.025em;margin:4px 0 0;font-size:17px}.detail-card-title button{color:#235bb6;background:#eef4ff;border:0;border-radius:10px;padding:8px 10px;font-size:10px;font-weight:800}.status-control{justify-content:space-between;align-items:center;gap:14px;display:flex}.status-control>div{flex-direction:column;gap:4px;display:flex}.status-control strong{color:#2d394c;font-size:12px}.status-control select{color:#26344a;background:#f9fbfe;border:1px solid #dfe6ef;border-radius:12px;min-width:160px;height:42px;padding:0 10px;font-size:11px;font-weight:750}.item-list{flex-direction:column;display:flex}.item-row{border-bottom:1px solid #eef1f5;grid-template-columns:1fr auto 28px;align-items:center;gap:8px;padding:12px 0;display:grid}.item-row:last-child{border-bottom:0}.item-row>div{flex-direction:column;gap:3px;display:flex}.item-row strong{font-size:12px}.item-row span{color:#8290a2;font-size:9px}.item-row>b{font-size:12px}.item-row>b.discount{color:#be4242}.mini-delete{color:#b13b3b;background:#fff0f0;border:0;border-radius:9px;width:28px;height:28px;font-size:18px}.totals{border-top:1px solid #e9edf3;flex-direction:column;gap:8px;margin-top:9px;padding-top:10px;display:flex}.totals>div{color:#6d798c;justify-content:space-between;font-size:11px;display:flex}.totals b{color:#344155}.totals .grand-total{border-top:1px dashed #dde4ec;align-items:center;margin-top:2px;padding-top:11px}.totals .grand-total span{color:#26344a;font-weight:800}.totals .grand-total strong{color:#0f274f;font-size:20px}.payment-summary{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px;display:grid}.payment-summary>div{background:#f6f9fd;border:1px solid #e7edf5;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.payment-summary span{color:#7e8999;font-size:9px}.payment-summary strong{font-size:18px}.compact-list{flex-direction:column;display:flex}.compact-list>div{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.compact-list>div>div{flex-direction:column;gap:3px;display:flex}.compact-list strong{font-size:12px}.compact-list span{color:#8390a1;text-transform:capitalize;font-size:9px}.compact-list button{color:#147253;background:#e8f7f1;border:0;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:800}.muted-copy{color:#8390a2;margin:0;font-size:10px;line-height:1.55}.photo-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.photo-grid figure{margin:0}.photo-grid figure>div{aspect-ratio:4/3;color:#8996a7;background:#edf1f6;border-radius:14px;place-items:center;font-size:9px;display:grid;overflow:hidden}.photo-grid img{object-fit:cover;width:100%;height:100%}.photo-grid figcaption{color:#778498;text-transform:capitalize;padding:6px 2px 0;font-size:9px}.signature-saved{align-items:center;gap:10px;display:flex}.signature-saved>div{color:#087c52;background:#e4f8ef;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}.signature-saved svg{width:18px}.signature-saved p{flex-direction:column;flex:1;gap:3px;margin:0;display:flex}.signature-saved strong{font-size:12px}.signature-saved span{color:#7f8b9c;font-size:9px}.signature-saved img{object-fit:contain;background:#fff;border:1px solid #e2e7ee;border-radius:9px;width:110px;height:46px}.history-list{flex-direction:column;display:flex}.history-list>div{gap:10px;padding:7px 0;display:flex;position:relative}.history-list i{background:#3979df;border-radius:50%;flex:none;width:9px;height:9px;margin-top:4px;box-shadow:0 0 0 4px #eaf1ff}.history-list>div:not(:last-child):after{content:"";background:#dce4ef;width:1px;position:absolute;top:17px;bottom:-7px;left:4px}.history-list p{flex-direction:column;gap:2px;margin:0;display:flex}.history-list strong{font-size:11px}.history-list span{color:#8390a2;font-size:9px}.detail-safe-bottom{height:24px}.check-line{background:#f7f9fc;border:1px solid #e4e9f0;border-radius:12px;padding:10px 12px;flex-direction:row!important;align-items:center!important;gap:9px!important}.check-line input{width:18px!important;min-height:18px!important}.check-line span{font-size:11px}.signature-wrap{touch-action:none;background:linear-gradient(#fff,#fbfcfe);border:1px solid #dce4ed;border-radius:15px;position:relative;overflow:hidden}.signature-wrap canvas{touch-action:none;width:100%;height:180px;display:block}.signature-wrap span{color:#9aa6b4;pointer-events:none;font-size:9px;position:absolute;bottom:8px;left:12px}.secondary-wide{color:#5e6b7e;background:#fff;border:1px solid #dfe5ed;border-radius:12px;width:100%;height:42px;margin-top:9px;font-size:10px;font-weight:800}.portal-shell{--portal-accent:#1e63e9;background:radial-gradient(circle at 85% 5%,color-mix(in srgb,var(--portal-accent) 18%,transparent),transparent 28%),linear-gradient(180deg,#eef5ff,#f5f7fb 44%,#edf2f8);justify-content:center;align-items:flex-start;min-height:100vh;padding:22px 14px;display:flex}.portal-card{background:#fff;border:1px solid #e0e7ef;border-radius:27px;width:min(520px,100%);padding:20px;overflow:hidden;box-shadow:0 24px 70px #18305221}.portal-brand{align-items:center;gap:10px;display:flex}.portal-brand img{object-fit:cover;border-radius:12px;width:40px;height:40px}.portal-brand>div:last-child{flex-direction:column;gap:2px;display:flex}.portal-brand strong{font-size:14px}.portal-brand span{color:#7f8b9c;font-size:9px}.portal-hero{color:#fff;background:linear-gradient(145deg,#0a1526,#163d7c);border-radius:21px;margin:18px 0;padding:20px}.portal-hero>span{letter-spacing:.1em;color:#9dbbe7;font-size:9px;font-weight:850}.portal-hero h1{letter-spacing:-.035em;margin:7px 0;font-size:23px;line-height:1.08}.portal-hero p{color:#c2d0e3;margin:0 0 14px;font-size:10px;line-height:1.5}.portal-info{background:#f6f9fd;border:1px solid #e4ebf3;border-radius:14px;justify-content:space-between;align-items:center;margin:10px 0;padding:12px;display:flex}.portal-info span{color:#7d8999;font-size:9px}.portal-info strong{color:#28374c;font-size:11px}.portal-info.two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.portal-info.two>div{flex-direction:column;gap:3px;display:flex}.portal-section{border:1px solid #e2e8f0;border-radius:17px;margin:10px 0;padding:15px}.portal-section>p{color:#5e6c80;margin:7px 0 0;font-size:11px;line-height:1.55}.portal-items>div{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.portal-items>div:last-child{border-bottom:0}.portal-items p{flex-direction:column;gap:2px;margin:0;display:flex}.portal-items strong{font-size:11px}.portal-items small{color:#8793a3;font-size:9px}.portal-items b{font-size:11px}.portal-total{border-top:1px dashed #dce4ed;justify-content:space-between;align-items:center;margin-top:5px;padding-top:12px;display:flex}.portal-total span{font-size:11px;font-weight:800}.portal-total strong{color:#0d2853;font-size:21px}.portal-approval{background:linear-gradient(145deg,#f1f6ff,#edf8f8);border:1px solid #dbe7f5;border-radius:19px;margin-top:12px;padding:16px}.portal-approval h2{margin:5px 0 12px;font-size:17px}.portal-approval label{color:#6f7d90;flex-direction:column;gap:6px;font-size:9px;font-weight:800;display:flex}.portal-approval input{background:#fff;border:1px solid #d8e1ec;border-radius:12px;outline:0;height:44px;padding:0 11px}.portal-approval button{background:var(--portal-accent);color:#fff;border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;width:100%;height:47px;margin-top:10px;font-weight:850;display:flex}.portal-approval button svg{width:16px}.portal-approval>small{text-align:center;color:#8190a2;margin-top:8px;font-size:8px;display:block}.portal-approved,.portal-success{color:#17694f;background:#eaf9f2;border:1px solid #d1f0e1;border-radius:15px;align-items:center;gap:10px;margin:10px 0;padding:12px;display:flex}.portal-approved>svg,.portal-success>svg{flex:none;width:20px}.portal-approved>div,.portal-success>div{flex-direction:column;gap:2px;display:flex}.portal-approved strong,.portal-success strong{font-size:11px}.portal-approved span,.portal-success span{color:#4f7d6e;font-size:9px}.portal-card footer{text-align:center;color:#9aa5b3;padding-top:16px;font-size:9px}.portal-card footer strong{color:#657185}@media (width<=520px){.detail-actions{grid-template-columns:1fr 1fr}.detail-actions .action-primary{grid-column:1/-1}.status-control{flex-direction:column;align-items:stretch}.status-control select{width:100%}.photo-grid{grid-template-columns:1fr 1fr}.signature-saved{flex-wrap:wrap;align-items:flex-start}.signature-saved img{width:100%;height:70px}.portal-card{border-radius:22px;padding:15px}}:root{--navy:#0a1530;--navy-2:#102a56;--ink:#162238;--muted:#748196;--line:#e7ebf1;--blue:#2468e8;--blue-2:#4b8df8;--cyan:#36c7e8;--surface:#fff;--surface-soft:#f8fafc;--green:#11966a;--amber:#d98508;--red:#cf4c55;--shadow-sm:0 8px 24px #1425410e;--shadow-md:0 18px 46px #14254117;--radius:20px}html{scroll-behavior:smooth;background:#f6f8fb}body{color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;background:radial-gradient(circle at 84% -5%,#3494ff1f,#0000 27%),linear-gradient(#f3f7fd 0,#f7f9fc 24%,#f6f8fb 100%)}button{-webkit-tap-highlight-color:transparent;transition:transform .14s,opacity .14s,box-shadow .18s,background .18s}button:active{transform:scale(.975)}input,select,textarea{-webkit-tap-highlight-color:transparent}.app-shell{max-width:760px;padding-bottom:108px}.topbar{-webkit-backdrop-filter:blur(22px)saturate(160%);background:#f9fbfde0;border-bottom:1px solid #e1e7efc7;height:68px;padding:9px 16px}.brand-mark{background:linear-gradient(145deg,#0b1730 0%,#245fd1 72%,#38c3e6 135%);border-radius:13px;width:39px;height:39px;font-size:20px;box-shadow:0 9px 23px #1f58ba33}.brand-copy strong{letter-spacing:-.01em;font-size:13px}.brand-copy span{color:#8290a4;font-size:9.5px}.logout-button{color:#5d6a7e;background:#fffc;border-color:#e3e8ef;border-radius:12px;padding:8px 11px;font-size:10px}.hero{isolation:isolate;background:linear-gradient(135deg,#09162c 0%,#12386f 58%,#174a89 100%);border-radius:26px;min-height:160px;margin:14px 14px 18px;padding:23px 21px;position:relative;overflow:hidden;box-shadow:0 20px 48px #0d254a2b}.hero:before{content:"";z-index:-1;background:radial-gradient(circle,#43cbee6b,#388eff1f 50%,#0000 70%);border-radius:50%;width:190px;height:190px;position:absolute;top:-85px;right:-52px}.hero:after{content:"";z-index:-1;filter:blur(6px);background:#326fe02e;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-95px;left:-70px}.hero h1{letter-spacing:-.045em;margin:7px 0 6px;font-size:26px;font-weight:780}.hero p{color:#cad8eb;font-size:12px;line-height:1.45}.hero .eyebrow{color:#9eb9de;letter-spacing:.14em;font-size:8.5px}.primary-action{border-radius:15px;min-height:46px;padding:11px 14px;font-size:11px;box-shadow:0 10px 22px #0000001f}.primary-action:hover{box-shadow:0 13px 26px #00000029}.metrics-grid{gap:9px;padding:0 14px}.metric-card{min-height:110px;box-shadow:var(--shadow-sm);background:#fffffff0;border-color:#e6ebf2;border-radius:20px;padding:15px}.metric-card span{color:#778499;font-size:10.5px;font-weight:720}.metric-card strong{letter-spacing:-.045em;margin:9px 0 4px;font-size:23px}.metric-card small{color:#929dae;font-size:9.5px}.metric-card.accent{background:linear-gradient(145deg,#f3f7ff 0%,#edf9fc 100%);border-color:#dce9f7}.section-block{padding:23px 14px 0}.section-title{margin-bottom:11px}.section-title h2{font-size:17px;font-weight:770}.section-title span,.page-heading span,.agenda-day>span,.auth-copy>span,.modal-title span{letter-spacing:.145em;font-size:8px}.section-title button{font-size:10.5px}.timeline,.order-card,.customer-card,.payment-row,.detail-card{box-shadow:var(--shadow-sm);border-color:#e5eaf1}.timeline{background:#fffffff0;border-radius:21px}.timeline-item{min-height:86px}.timeline-content strong{font-size:13px}.timeline-content span{font-size:10.5px}.timeline-content b{padding:4px 7px;font-size:8.5px}.stack{gap:9px}.order-card{background:#fffffff5;border-radius:20px;padding:15px;position:relative;overflow:hidden}.order-card:after{content:"";opacity:.72;background:linear-gradient(#2e70eb,#43c3e7);border-radius:0 5px 5px 0;width:3px;position:absolute;top:18px;bottom:18px;left:0}.clickable-card:hover{transform:translateY(-1px);box-shadow:0 13px 29px #192c4b13}.order-code{color:#8793a5;font-size:9px}.order-card h3{margin:4px 0 0;font-size:14px;line-height:1.3}.order-card p{margin:7px 0 12px;font-size:10.5px;line-height:1.45}.order-meta{gap:10px;padding-top:11px;font-size:9.5px}.order-meta strong{font-size:12px}.status{letter-spacing:.01em;padding:5px 8px;font-size:8px}.page-section{padding:20px 14px 8px}.page-heading{margin-bottom:16px}.page-heading h1{letter-spacing:-.045em;font-size:24px;font-weight:790}.square-add{background:linear-gradient(145deg,#0e2348,#235fc9);border-radius:14px;width:43px;height:43px;box-shadow:0 10px 21px #1c4ea62e}.search{background:#fffffff5;border-color:#e3e9f0;border-radius:16px;height:49px;box-shadow:0 5px 16px #1a2d4c08}.search input{font-size:12px}.filter-row{gap:6px;padding-bottom:12px}.filter-row button{background:#ffffffe6;border-color:#e3e8ef;padding:8px 12px;font-size:9.5px}.filter-row button.selected{background:#102b57;border-color:#102b57;box-shadow:0 7px 16px #102b5726}.customer-list{gap:8px}.customer-card{background:#fffffff5;border-radius:18px;padding:13px}.avatar{background:linear-gradient(145deg,#eaf0ff,#e9f9fc);border-radius:14px;width:42px;height:42px;font-size:12px}.customer-info strong{font-size:13px}.customer-info span{font-size:10px}.customer-info small{font-size:9px}.date-strip{gap:6px;margin-bottom:21px}.date-strip button{background:#fffffff0;border-color:#e5eaf1;border-radius:15px;padding:9px 3px;font-size:9px}.date-strip button strong{font-size:15px}.date-strip button.selected{background:linear-gradient(145deg,#0d244b,#164687);box-shadow:0 9px 18px #12376f29}.agenda-day h2{font-size:18px}.finance-hero{background:linear-gradient(135deg,#09162b,#133b76 65%,#164989);border-radius:25px;padding:22px;box-shadow:0 18px 40px #0c274f29}.finance-hero span{font-size:10px}.finance-hero strong{font-size:32px}.finance-hero small{font-size:9.5px}.payment-row{background:#fffffff5;border-radius:17px;padding:12px}.payment-icon{border-radius:12px}.payment-row strong{font-size:12px}.payment-row span{font-size:9px}.payment-row b{font-size:12px}.bottom-nav{width:min(728px,100% - 20px);height:68px;padding:6px 7px max(6px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px)saturate(170%);background:#ffffffe6;border:1px solid #dce3ece6;border-radius:22px;bottom:10px;left:50%;box-shadow:0 16px 38px #11223c24}.bottom-nav button{border-radius:15px;gap:2px;font-size:8px;font-weight:760;position:relative}.bottom-nav svg{width:19px}.bottom-nav button.active{color:#184fa9;background:#edf4ff}.bottom-nav button.active:after{content:"";background:#2e6fe6;border-radius:99px;width:18px;height:2px;position:absolute;top:4px}.floating-add{background:linear-gradient(145deg,#102b58,#2469e7);border-radius:18px;width:54px;height:54px;bottom:96px;right:18px;box-shadow:0 14px 28px #1851b547}.modal-backdrop{-webkit-backdrop-filter:blur(7px);background:#070f1d70}.modal-sheet{max-height:94vh;padding:10px 18px calc(24px + env(safe-area-inset-bottom));border-radius:29px 29px 0 0;box-shadow:0 -20px 60px #08142738}.sheet-handle{background:#d7dde6;width:38px;height:4px;margin-bottom:18px}.modal-title h2{letter-spacing:-.03em;font-size:20px}.modal-title button{border-radius:11px}.modal-sheet label,.auth-card label{color:#5f6d80;gap:6px;margin:11px 0;font-size:10px}.modal-sheet input,.modal-sheet select,.modal-sheet textarea,.auth-card input{background:#fbfcfe;border-color:#dfe5ed;border-radius:14px;min-height:49px;font-size:12px}.modal-sheet input:focus,.modal-sheet select:focus,.modal-sheet textarea:focus,.auth-card input:focus{background:#fff;border-color:#4a7fe0;box-shadow:0 0 0 4px #3b74dd1a}.wide-primary{background:linear-gradient(135deg,#123467,#256ce8);border-radius:15px;height:51px;font-size:11px;box-shadow:0 10px 22px #2363d333}.secondary-wide{background:#fbfcfe;border-radius:13px}.empty-state{background:linear-gradient(145deg,#ffffffdb,#f8fbffe0);border-color:#d9e1eb;border-radius:22px;padding:30px 20px}.empty-state .empty-icon{background:#edf4ff;border-radius:14px;width:44px;height:44px}.empty-state strong{font-size:13px}.empty-state span{font-size:10px;line-height:1.5}.center-screen{background:radial-gradient(circle at 50% 35%,#307aee17,#0000 28%);font-size:12px}.spinner{border-width:3px;width:27px;height:27px}.auth-shell{background:radial-gradient(circle at 85% 4%,#2d96ed2e,#0000 30%),linear-gradient(#f0f5fc,#f8fafc 47%,#eef3f9);padding:24px 16px}.auth-card{border-color:#e2e8f0;border-radius:29px;padding:25px;box-shadow:0 28px 70px #132a4c1f}.auth-copy{margin:26px 0 19px}.auth-copy h1{font-size:28px;line-height:1.03}.auth-copy p{font-size:11px}.google-button{background:#fbfcfe;border-radius:14px;height:49px;font-size:11px}.password-field button{border-radius:10px}.detail-page{background:linear-gradient(#f8fafc,#f3f6fa);padding:16px 14px 112px}.detail-top{margin-bottom:14px}.back-button{color:#315b98;font-size:10.5px}.detail-heading{background:linear-gradient(145deg,#09162b,#153d78 70%,#164a89);border-radius:25px;margin-bottom:12px;padding:21px;box-shadow:0 17px 38px #0d2a5429}.detail-heading h1{font-size:22px}.detail-heading p{font-size:10px;line-height:1.5}.detail-actions{gap:7px}.detail-actions button,.detail-actions label{border-radius:14px;min-height:47px;font-size:9.5px}.action-primary{background:linear-gradient(135deg,#164a97,#2b76ee);box-shadow:0 8px 18px #2063d62b}.detail-card{background:#fffffff7;border-radius:21px;padding:15px}.detail-card-title h2{font-size:15.5px}.detail-card-title button{border-radius:10px;font-size:9px}.status-control select{background:#fafcff;border-radius:13px;height:43px}.payment-summary>div{background:#f8fafd;border-radius:15px}.photo-grid figure>div{border-radius:15px}.portal-shell{background:radial-gradient(circle at 88% 2%,color-mix(in srgb,var(--portal-accent) 16%,transparent),transparent 30%),linear-gradient(180deg,#f0f5fc,#f8fafc 48%,#eef3f9);padding:18px 12px}.portal-card{border-radius:28px;padding:18px;box-shadow:0 26px 70px #142b4d21}.portal-hero{background:linear-gradient(145deg,#0a162a,#164181);border-radius:22px;padding:19px}.portal-section{background:#fff;border-radius:18px}.portal-approval{border-radius:20px}@media (width<=520px){.app-shell{padding-bottom:104px}.topbar{height:64px;padding:8px 13px}.brand-mark{border-radius:12px;width:37px;height:37px}.hero{border-radius:23px;min-height:150px;margin:11px 12px 15px;padding:20px 18px}.hero h1{font-size:24px}.metrics-grid{padding:0 12px}.section-block,.page-section,.detail-page{padding-left:12px;padding-right:12px}.bottom-nav{border-radius:21px;width:calc(100% - 16px);height:66px;bottom:8px}.floating-add{bottom:90px;right:15px}.modal-sheet{padding-left:16px;padding-right:16px}}@media (width<=380px){.hero{padding:18px 16px}.hero h1{font-size:22px}.metric-card{padding:13px}.metric-card strong{font-size:20px}.bottom-nav button{font-size:7.5px}.bottom-nav svg{width:18px}}@media (hover:hover){.square-add:hover,.floating-add:hover,.wide-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #1d56b93d}.customer-card:hover,.payment-row:hover,.detail-card:hover{box-shadow:0 12px 28px #162a4912}}.zelo-auth-brand{margin-bottom:18px;justify-content:center!important;align-items:center!important;padding:0!important}.zelo-auth-logo{object-fit:contain;border-radius:26px;width:min(235px,76vw);height:auto;max-height:235px;margin:0 auto;display:block;box-shadow:0 16px 40px #08112029}@media (width<=430px){.zelo-auth-logo{border-radius:22px;width:min(215px,72vw)}}