.new-order-v2{--nov2-bg: #f2f8f5;--nov2-paper: #ffffff;--nov2-paper2: #f8fcfa;--nov2-ink: #101f1b;--nov2-muted: #6d7c77;--nov2-line: #dce8e3;--nov2-brand: #004d3e;--nov2-brand2: #08715c;--nov2-soft: #e3f8ef;--nov2-danger: #b42318;--nov2-warning: #9a6700;--nov2-ok: #087443;--nov2-shadow: 0 14px 38px rgba(0, 54, 43, .09);width:100%;max-width:100%;min-width:0;overflow-x:hidden;color:var(--nov2-ink);background:linear-gradient(180deg,#fbfffd 0%,var(--nov2-bg) 100%);border-radius:22px}.new-order-v2,.new-order-v2 *{box-sizing:border-box}.new-order-v2 button,.new-order-v2 input,.new-order-v2 select,.new-order-v2 textarea{font:inherit}.new-order-v2 button{cursor:pointer}.nov2-app{position:relative;min-height:100dvh;padding-bottom:118px;width:100%;max-width:100%;overflow-x:hidden}.nov2-header{position:sticky;top:0;z-index:20;background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,232,227,.94);padding:calc(10px + env(safe-area-inset-top)) 14px 0}.nov2-head-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;min-width:0}.nov2-brand{display:flex;gap:10px;align-items:center;min-width:0}.nov2-mark{width:40px;height:40px;border-radius:14px;background:var(--nov2-brand);color:#fff;display:grid;place-items:center;font-weight:950;flex:0 0 auto;box-shadow:0 9px 22px #004d3e38}.nov2-brand strong{display:block;max-width:min(48vw,360px);font-size:16px;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nov2-brand span{display:block;color:var(--nov2-muted);font-size:12px;font-weight:750;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nov2-save-btn,.nov2-btn{border:0;background:var(--nov2-brand);color:#fff;border-radius:14px;padding:11px 13px;font-weight:950;min-height:44px;white-space:nowrap}.nov2-save-btn{flex:0 0 auto}.nov2-btn.secondary{background:#fff;color:var(--nov2-ink);border:1px solid var(--nov2-line)}.nov2-btn.soft{background:var(--nov2-soft);color:var(--nov2-brand)}.nov2-btn.ghost{background:transparent;color:var(--nov2-brand);border:1px dashed rgba(0,77,62,.35)}.nov2-btn.danger{background:#fff1f0;color:var(--nov2-danger)}.nov2-empty-products{border:1px dashed rgba(0,77,62,.28);background:#f8fcfa;color:var(--nov2-muted);border-radius:18px;padding:14px;margin:0 0 12px;font-weight:850;line-height:1.35}.nov2-product-actions{display:flex;justify-content:flex-end;margin:10px 0 12px}.nov2-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:7px;margin:0 0 8px;min-height:58px;width:100%;max-width:100%;background:#edf8f3;border:1px solid var(--nov2-line);border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff80}.nov2-tabs::-webkit-scrollbar,.nov2-action-row::-webkit-scrollbar,.nov2-note-tabs::-webkit-scrollbar{display:none}.nov2-tabs button{flex:0 0 auto;border:1px solid var(--nov2-line);background:#fff;color:var(--nov2-muted);padding:10px 14px;min-height:42px;border-radius:999px;font-weight:950;font-size:14px;white-space:nowrap;box-shadow:0 5px 12px #00362b0d}.nov2-tabs button.active{background:var(--nov2-brand);color:#fff;border-color:var(--nov2-brand);box-shadow:0 10px 22px #004d3e2e}.nov2-page{width:100%;max-width:1180px;margin:0 auto;padding:14px;min-width:0;overflow-x:hidden}.nov2-main{min-width:0}.nov2-hero,.nov2-card,.nov2-eye-power-card,.nov2-addition-card,.nov2-product-line,.nov2-assignment-card,.nov2-review-block,.nov2-history-card{background:#fffffffa;border:1px solid var(--nov2-line);border-radius:24px;box-shadow:var(--nov2-shadow);padding:15px;margin-bottom:12px;min-width:0;overflow-wrap:anywhere}.nov2-hero h1{margin:0;font-size:clamp(24px,7vw,34px);line-height:1.05;letter-spacing:-.05em}.nov2-hero p,.nov2-card-head p,.nov2-mini-note{margin:7px 0 0;color:var(--nov2-muted);font-weight:750;font-size:13px;line-height:1.35}.nov2-card.flat{box-shadow:none;background:var(--nov2-paper2)}.nov2-card.warning{border-color:#f1c36d;background:#fffaf0}.nov2-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;min-width:0}.nov2-card-head>div{min-width:0}.nov2-card-head h2{margin:0;font-size:18px;line-height:1.1;letter-spacing:-.035em}.nov2-tag{display:inline-flex;align-items:center;border-radius:999px;background:var(--nov2-soft);color:var(--nov2-brand);padding:7px 9px;font-size:11px;font-weight:950;white-space:normal;text-align:center;max-width:100%;overflow-wrap:anywhere;flex:0 1 auto;min-width:0}.nov2-tag.warn{background:#fff3d6;color:var(--nov2-warning)}.nov2-tag.ok{background:#dcfce7;color:var(--nov2-ok)}.nov2-grid{display:grid;gap:11px;min-width:0}.nov2-field{display:grid;gap:6px;position:relative;min-width:0}.nov2-field label,.nov2-compact-power label{color:var(--nov2-muted);font-size:12px;font-weight:900}.nov2-field input,.nov2-field select,.nov2-field textarea,.nov2-compact-power select{width:100%;max-width:100%;min-width:0;min-height:46px;border:1px solid var(--nov2-line);border-radius:14px;background:#fff;color:var(--nov2-ink);outline:none;padding:12px;font-weight:780}.nov2-field textarea{min-height:132px;resize:vertical}.nov2-field input:focus,.nov2-field select:focus,.nov2-field textarea:focus,.nov2-compact-power select:focus{border-color:#004d3e73;box-shadow:0 0 0 4px #004d3e14}.nov2-suggestions{position:absolute;left:8px;right:8px;top:calc(100% - 2px);background:#fff;border:1px solid var(--nov2-line);border-radius:16px;box-shadow:0 18px 38px #02372c29;overflow:hidden;z-index:30;max-height:235px;overflow-y:auto}.nov2-suggestions button{width:100%;border:0;background:#fff;text-align:left;padding:12px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--nov2-line)}.nov2-suggestions button:last-child{border-bottom:0}.nov2-suggestions button:hover{background:var(--nov2-soft)}.nov2-lookup-initials{width:40px;height:40px;border-radius:14px;background:var(--nov2-soft);color:var(--nov2-brand);display:grid;place-items:center;font-weight:950;font-size:12px}.nov2-suggestions strong{display:block;color:var(--nov2-ink);font-size:13px}.nov2-suggestions small{display:block;color:var(--nov2-muted);font-size:11px;font-weight:730;margin-top:2px}.nov2-suggestions em{color:var(--nov2-brand);font-style:normal;font-weight:950;font-size:12px}.nov2-empty{color:var(--nov2-muted);font-size:11px;font-weight:780;padding:2px 2px 0}.nov2-action-row,.nov2-note-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.nov2-compact-rx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nov2-eye-power-card,.nov2-addition-card{background:#fff}.nov2-eye-power-head,.nov2-line-head,.nov2-payment-row-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;min-width:0}.nov2-eye-power-head strong,.nov2-line-head strong{font-size:17px;letter-spacing:-.03em}.nov2-compact-power{display:grid;gap:7px;min-width:0}.nov2-power-control-line{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px;align-items:center}.nov2-compact-power select{font-size:18px;font-weight:950;padding:8px 10px}.nov2-compact-power span{font-size:13px;color:var(--nov2-muted);font-weight:950;padding-left:1px}.nov2-section-title{font-size:20px;font-weight:950;letter-spacing:-.04em;margin:2px 0 12px}.nov2-check-line{display:flex;align-items:center;gap:11px;margin:12px 0 14px;font-weight:950;font-size:17px}.nov2-big-check,.nov2-check-item input{width:28px;height:28px;min-height:28px;accent-color:var(--nov2-brand);flex:0 0 auto}.nov2-add-grid,.nov2-money-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nov2-product-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nov2-product-palette button{border:1px solid var(--nov2-line);background:#fff;border-radius:18px;padding:14px;text-align:left;color:var(--nov2-ink);font-weight:950;box-shadow:0 8px 18px #00362b0a;min-width:0}.nov2-product-palette span{display:block;color:var(--nov2-muted);font-size:12px;font-weight:760;margin-top:4px;line-height:1.3}.nov2-line-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.nov2-relationship-box,.nov2-discount-box{border:1px solid var(--nov2-line);border-radius:18px;background:var(--nov2-paper2);padding:12px;margin-top:10px}.nov2-money-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.nov2-money-box{background:var(--nov2-paper2);border:1px solid var(--nov2-line);border-radius:16px;padding:11px;min-width:0}.nov2-money-box span{display:block;color:var(--nov2-muted);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.nov2-money-box strong{display:block;margin-top:4px;letter-spacing:-.035em;overflow-wrap:anywhere}.nov2-payment-row{background:#fff;border:1px solid var(--nov2-line);border-radius:18px;padding:12px;margin-bottom:10px}.nov2-balance-collection-panel{border-color:#9a670047;background:#fffaf0}.nov2-balance-list{display:grid;gap:10px}.nov2-balance-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;background:#fff;border:1px solid rgba(154,103,0,.2);border-radius:18px;padding:12px;min-width:0}.nov2-balance-card strong,.nov2-balance-card span,.nov2-balance-card small{display:block;min-width:0;overflow-wrap:anywhere}.nov2-balance-card span{color:var(--nov2-muted);font-weight:850;margin-top:3px}.nov2-balance-card small{color:var(--nov2-warning);font-weight:900;margin-top:4px}.nov2-note-tabs button{flex:0 0 auto;border:1px solid var(--nov2-line);background:#fff;color:var(--nov2-muted);border-radius:999px;padding:10px 12px;font-weight:900;font-size:12px;white-space:nowrap}.nov2-note-tabs button.active{background:var(--nov2-brand);color:#fff;border-color:var(--nov2-brand)}.nov2-history{display:grid;gap:10px;margin-top:12px}.nov2-history h3{margin:0;font-size:18px;letter-spacing:-.035em}.nov2-history-card{display:grid;gap:10px;box-shadow:none;background:var(--nov2-paper2)}.nov2-history-card strong,.nov2-history-card span{display:block}.nov2-history-card span{color:var(--nov2-muted);font-weight:750;font-size:13px;margin-top:3px}.nov2-history-card small{display:block;color:var(--nov2-muted);font-size:12px;font-weight:850;margin-top:4px;overflow-wrap:anywhere}.nov2-history-actions{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.nov2-history-actions button{border:1px solid var(--nov2-line);background:#fff;color:var(--nov2-brand);border-radius:999px;min-height:38px;padding:8px 12px;font-weight:950;white-space:nowrap}.nov2-checklist{display:grid;gap:10px;margin-top:14px}.nov2-check-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--nov2-line);border-radius:16px;background:#fff;color:var(--nov2-ink);font-weight:800}.nov2-desktop-summary{display:none}.nov2-summary-card{background:#fff;border:1px solid var(--nov2-line);border-radius:24px;box-shadow:var(--nov2-shadow);padding:18px}.nov2-summary-card h2{margin:0 0 12px;font-size:21px;letter-spacing:-.035em}.nov2-summary-line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--nov2-line);padding:12px 0;color:var(--nov2-muted);font-weight:800}.nov2-summary-line strong{color:var(--nov2-ink);text-align:right;overflow-wrap:anywhere}.nov2-bottom-bar{position:sticky;left:0;right:0;bottom:0;z-index:18;background:#fffffff0;border-top:1px solid var(--nov2-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -14px 35px #0a282014;padding:10px 14px calc(12px + env(safe-area-inset-bottom))}.nov2-bottom-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.nov2-bottom-summary span{display:block;color:var(--nov2-muted);font-size:11px;font-weight:900}.nov2-bottom-summary strong{display:block;color:var(--nov2-ink);font-size:17px;letter-spacing:-.035em}.nov2-bottom-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.nov2-toast{position:fixed;left:14px;right:14px;bottom:118px;z-index:80;background:var(--nov2-brand);color:#fff;border-radius:18px;padding:13px 14px;font-weight:900;box-shadow:0 18px 40px #004d3e33}.nov2-error{margin:0 14px 132px;border:1px solid #fecaca;background:#fff1f2;color:#991b1b;border-radius:18px;padding:13px 14px;font-weight:850}.nov2-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:end center;background:#0918148c;padding:16px}.nov2-collect-modal{width:min(680px,100%);max-height:min(86dvh,760px);overflow-y:auto;background:var(--nov2-paper);border:1px solid var(--nov2-line);border-radius:28px;padding:18px;box-shadow:0 24px 90px #00000040;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.nov2-collect-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin:12px -2px -2px;padding:12px 2px 2px;background:linear-gradient(180deg,#ffffffb8,#fff 36%)}.nov2-collect-actions .nov2-btn{width:100%}@media (max-width: 759px){.new-order-v2{border-radius:0;margin-inline:0;width:100%;max-width:100%}.nov2-header{padding-left:10px;padding-right:10px}.nov2-brand span{display:none}.nov2-save-btn{padding-inline:11px}.nov2-page{padding:10px;width:100%;max-width:100%}.nov2-card,.nov2-hero,.nov2-eye-power-card,.nov2-addition-card,.nov2-product-line,.nov2-assignment-card,.nov2-review-block,.nov2-history-card{padding:14px;border-radius:22px}.nov2-card-head{align-items:flex-start}.nov2-card-head h2{font-size:18px}.nov2-modal-backdrop{align-items:end;padding:10px}.nov2-collect-modal{max-height:88dvh;border-radius:26px 26px 0 0;padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.nov2-balance-card{grid-template-columns:1fr}.nov2-balance-card .nov2-btn{width:100%}.nov2-tag{max-width:44vw;line-height:1.2}}@media (max-width: 420px){.nov2-product-palette,.nov2-add-grid,.nov2-money-row,.nov2-compact-rx-grid{grid-template-columns:1fr}}@media (min-width: 760px){.nov2-app{padding-bottom:28px}.nov2-page{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding:22px}.nov2-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.nov2-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.nov2-compact-rx-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nov2-product-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.nov2-desktop-summary{display:block;position:sticky;top:118px;align-self:start}.nov2-bottom-bar{display:none}.nov2-toast{left:auto;right:22px;bottom:22px;width:360px}}.pv1-shell{--pv1-bg: #f3f7f5;--pv1-card: #ffffff;--pv1-ink: #11251c;--pv1-muted: #66756d;--pv1-green: #0b7542;--pv1-green-dark: #075b33;--pv1-green-soft: #e8f5ed;--pv1-line: #dce7e1;--pv1-soft: #f7faf8;--pv1-amber: #a76100;--pv1-amber-soft: #fff4df;--pv1-red: #a72d2d;--pv1-red-soft: #fff0ef;--pv1-blue: #235f9b;--pv1-blue-soft: #edf5ff;--pv1-shadow: 0 10px 28px rgba(17, 37, 28, .07);width:100%;max-width:1280px;min-height:100dvh;margin:0 auto;color:var(--pv1-ink);background:linear-gradient(180deg,#f4f8f6,#fbfdfc 50%,#f4f8f6);overflow-x:hidden}.pv1-shell *{box-sizing:border-box}.pv1-shell button,.pv1-shell input,.pv1-shell select,.pv1-shell textarea{font:inherit}.pv1-shell button{cursor:pointer}.pv1-sidebar{display:none}.pv1-app{min-width:0}.pv1-topbar{position:sticky;top:0;z-index:20;padding:14px 14px 10px;border-bottom:1px solid var(--pv1-line);background:#f4f8f6f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pv1-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.pv1-topline h1{min-width:0;flex:1;margin:0;font-size:22px;line-height:1;letter-spacing:-.04em}.pv1-back,.pv1-profile,.pv1-close{width:42px;height:42px;border:1px solid var(--pv1-line);border-radius:14px;background:#fff;color:var(--pv1-ink);font-weight:900}.pv1-profile{display:grid;place-items:center;border-color:var(--pv1-green);background:var(--pv1-green);color:#fff;font-size:13px}.pv1-tabs,.pv1-type-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-top:12px}.pv1-tabs::-webkit-scrollbar,.pv1-type-chips::-webkit-scrollbar{display:none}.pv1-tabs button,.pv1-type-chips button{min-height:40px;flex:0 0 auto;padding:0 14px;border:1px solid var(--pv1-line);border-radius:999px;background:#fff;color:#395046;font-size:13px;font-weight:800;white-space:nowrap}.pv1-tabs button.active,.pv1-type-chips button.active{border-color:var(--pv1-green);background:var(--pv1-green);color:#fff}.pv1-main{width:100%;max-width:100%;padding:14px 14px 100px;overflow-x:hidden}.pv1-card{min-width:0;margin-bottom:12px;padding:15px;border:1px solid var(--pv1-line);border-radius:20px;background:var(--pv1-card);box-shadow:var(--pv1-shadow)}.pv1-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.pv1-card-title h2{min-width:0;margin:0;font-size:17px;letter-spacing:-.025em}.pv1-card-title button,.pv1-total-card>button,.pv1-search button{border:0;background:transparent;color:var(--pv1-green);font-size:12px;font-weight:900}.pv1-empty{padding:28px 16px;text-align:center}.pv1-empty div{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 11px;border-radius:18px;background:var(--pv1-green-soft);font-size:25px}.pv1-empty strong{display:block;font-size:14px}.pv1-empty span{display:block;max-width:280px;margin:5px auto 0;color:var(--pv1-muted);font-size:12px;line-height:1.4}.pv1-badge{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;background:var(--pv1-green-soft);color:var(--pv1-green);font-size:10.5px;font-weight:900;white-space:nowrap}.pv1-badge.amber{background:var(--pv1-amber-soft);color:var(--pv1-amber)}.pv1-badge.red{background:var(--pv1-red-soft);color:var(--pv1-red)}.pv1-badge.blue{background:var(--pv1-blue-soft);color:var(--pv1-blue)}.pv1-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.pv1-stat{min-width:0;padding:13px;border:1px solid var(--pv1-line);border-radius:18px;background:#fff;box-shadow:0 7px 18px #11251c0b}.pv1-stat span,.pv1-stat small,.pv1-purchase-row span,.pv1-item-info span,.pv1-review span{color:var(--pv1-muted)}.pv1-stat span{font-size:11px;font-weight:750}.pv1-stat strong{display:block;margin-top:5px;font-size:21px;letter-spacing:-.04em}.pv1-stat small{display:block;margin-top:3px;font-size:10px}.pv1-primary,.pv1-actions-two button,.pv1-quick-row button,.pv1-table-actions button{min-height:46px;border-radius:15px;padding:0 15px;font-size:13px;font-weight:900}.pv1-primary{border:1px solid var(--pv1-green);background:var(--pv1-green);color:#fff}.pv1-primary:hover{background:var(--pv1-green-dark)}.pv1-actions-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pv1-actions-two button,.pv1-quick-row button,.pv1-table-actions button{border:1px solid #c9dfd2;background:var(--pv1-green-soft);color:var(--pv1-green)}.pv1-actions-two .pv1-primary{border-color:var(--pv1-green);background:var(--pv1-green);color:#fff}.full{width:100%}.pv1-search{display:flex;align-items:center;gap:9px;min-height:48px;margin-bottom:12px;padding:0 12px;border:1px solid var(--pv1-line);border-radius:16px;background:#fff}.pv1-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--pv1-ink);font-size:14px}.pv1-field-grid{display:grid;gap:10px}.pv1-field{display:block;min-width:0;padding:10px 11px;border:1px solid var(--pv1-line);border-radius:15px;background:var(--pv1-soft)}.pv1-field>span{display:block;margin-bottom:5px;color:var(--pv1-muted);font-size:10.5px;font-weight:850}.pv1-field input,.pv1-field select,.pv1-field textarea{width:100%;min-width:0;min-height:24px;border:0;outline:0;background:transparent;color:var(--pv1-ink);font-size:14px;font-weight:700}.pv1-field textarea{min-height:58px;resize:vertical}.pv1-purchase-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf2ef}.pv1-purchase-row:last-child{border-bottom:0}.pv1-purchase-row strong{display:block;min-width:0;font-size:13px}.pv1-purchase-row span{display:block;margin-top:4px;font-size:10.5px}.pv1-amount{text-align:right}.pv1-amount .pv1-badge{margin-top:5px}.pv1-ocr-card{position:relative;overflow:hidden;border:0;background:linear-gradient(145deg,#0b7542,#075b33);color:#fff}.pv1-ocr-card:after{content:"";position:absolute;top:-85px;right:-75px;width:170px;height:170px;border-radius:50%;background:#ffffff14}.pv1-ocr-card .pv1-card-title{position:relative;z-index:1}.pv1-ocr-card .pv1-badge{background:#ffffff26;color:#fff}.pv1-ocr-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:9px}.pv1-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pv1-ocr-actions button{min-height:72px;padding:11px;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:#ffffff1c;color:#fff;text-align:left;font-weight:900}.pv1-ocr-actions button:disabled{cursor:not-allowed;opacity:.62}.pv1-ocr-actions i{display:block;margin-bottom:5px;font-size:21px;font-style:normal}.pv1-ocr-actions span{display:block;margin-top:3px;font-size:10px;font-weight:650;opacity:.78}.pv1-ocr-status{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin-top:10px;padding:10px 11px;border-radius:14px;background:#fff;color:var(--pv1-ink)}.pv1-ocr-status.ready{border:1px solid rgba(11,117,66,.24);box-shadow:0 8px 18px #0b75421f}.pv1-ocr-status div,.pv1-review div{display:grid;flex:0 0 auto;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--pv1-green-soft);color:var(--pv1-green);font-weight:950}.pv1-ocr-status p,.pv1-review p{min-width:0;margin:0;flex:1}.pv1-ocr-status strong,.pv1-review strong{display:block;font-size:12px}.pv1-ocr-status span,.pv1-review span{display:block;margin-top:2px;font-size:10px}.pv1-ocr-status button{border:0;background:transparent;color:var(--pv1-green);font-size:12px;font-weight:900}.pv1-ocr-status button:disabled{color:var(--pv1-muted);cursor:not-allowed;opacity:.55}.pv1-invoice-preview{position:relative;z-index:1;margin-top:10px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:#ffffff1f}.pv1-invoice-preview img{display:block;width:100%;max-height:240px;object-fit:contain;background:#fff}.pv1-pdf-preview{display:grid;gap:4px;min-height:96px;padding:18px;place-items:center;color:#fff;text-align:center}.pv1-pdf-preview:before{content:"PDF";display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#ffffff29;font-weight:950}.pv1-pdf-preview span{max-width:100%;overflow:hidden;color:#ffffffc7;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.pv1-ocr-read-panel,.pv1-ocr-review{position:relative;z-index:1;margin-top:10px;padding:12px;border-radius:16px;background:#fffffff5;color:var(--pv1-ink)}.pv1-ocr-read-button{width:100%;min-height:44px;border:0;border-radius:14px;background:var(--pv1-ink);color:#fff;font-size:14px;font-weight:950}.pv1-ocr-read-button:disabled{cursor:not-allowed;opacity:.52}.pv1-ocr-progress{width:100%;height:9px;margin-top:10px;overflow:hidden;border-radius:999px;background:#dce8e2}.pv1-ocr-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pv1-green),#19c27b);transition:width .18s ease}.pv1-ocr-error,.pv1-ocr-note{margin:9px 0 0;font-size:11px;line-height:1.45}.pv1-ocr-error{color:#9b1c1c;font-weight:850}.pv1-ocr-note{color:var(--pv1-muted)}.pv1-ocr-review{display:grid;gap:10px}.pv1-ocr-review .pv1-field{background:#f7fbf8}.pv1-ocr-review .pv1-card-title{margin-bottom:0}.pv1-extract-result{display:grid;gap:6px;padding:10px;border:1px solid #dcebe3;border-radius:14px;background:#f8fcfa;color:#4d6257;font-size:11px;line-height:1.35}.pv1-extract-result strong{color:var(--pv1-green)}.pv1-warning{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:10px 11px;border:1px solid #f1ddb5;border-radius:14px;background:var(--pv1-amber-soft);color:#674300;font-size:10.5px;line-height:1.4}.pv1-inline-panel{margin-top:13px;padding:13px;border:1px dashed rgba(11,117,66,.35);border-radius:17px;background:#f7fbf8}.pv1-inline-panel .pv1-card-title{margin-bottom:11px}.pv1-helper{margin:10px 0 0;color:var(--pv1-muted);font-size:12px;line-height:1.4}.pv1-item{margin-bottom:9px;padding:12px;border:1px solid var(--pv1-line);border-radius:17px;background:#fff}.pv1-item.approved{border-color:#0b754252;background:#f2fbf6}.pv1-item-top{display:flex;align-items:flex-start;gap:10px}.pv1-item-icon{display:grid;place-items:center;width:45px;height:45px;flex:0 0 auto;border-radius:13px;background:var(--pv1-green-soft);font-size:22px}.pv1-item-info{min-width:0;flex:1}.pv1-item-info strong{display:block;overflow:hidden;font-size:13.5px;text-overflow:ellipsis;white-space:nowrap}.pv1-item-info span{display:block;margin-top:3px;font-size:10.5px}.pv1-item-top>button{border:0;background:transparent;color:var(--pv1-green);font-size:12px;font-weight:900}.pv1-line-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.pv1-line-tags span{display:inline-flex;align-items:center;min-height:22px;margin:0;padding:0 7px;border:1px solid #e7efea;border-radius:7px;background:var(--pv1-soft);color:#4d6257;font-size:9px;font-weight:850}.pv1-line-tags span:first-child{border-color:#d6eadd;background:var(--pv1-green-soft);color:var(--pv1-green)}.pv1-item-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.pv1-item-numbers div{padding:8px;border-radius:11px;background:var(--pv1-soft)}.pv1-item-numbers span{display:block;color:var(--pv1-muted);font-size:9px}.pv1-item-numbers strong{display:block;margin-top:2px;font-size:12px}.pv1-line-edit-grid{display:grid;gap:8px;margin-top:11px}.pv1-line-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.pv1-line-actions button{min-height:42px;border:1px solid rgba(11,117,66,.2);border-radius:13px;background:var(--pv1-green-soft);color:var(--pv1-green);font-size:12px;font-weight:900}.pv1-line-actions button:last-child{background:#fff;color:var(--pv1-ink)}.pv1-table-wrap{overflow-x:auto;border:1px solid var(--pv1-line);border-radius:16px;background:#fff}.pv1-table-wrap table{width:100%;min-width:1120px;border-collapse:separate;border-spacing:0;font-size:11px}.pv1-table-wrap th{position:sticky;top:0;z-index:2;padding:9px 7px;border-bottom:1px solid var(--pv1-line);background:#eef5f1;color:#52645b;text-align:left;font-size:9.5px;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}.pv1-table-wrap td{padding:8px 7px;border-bottom:1px solid #edf2ef}.pv1-table-wrap td input,.pv1-table-wrap td select,.pv1-table-wrap td textarea{width:100%;min-width:76px;border:1px solid #dfe9e3;border-radius:8px;background:#fff;color:var(--pv1-ink);font:inherit;font-weight:800}.pv1-table-wrap td textarea{min-width:260px;resize:vertical}.pv1-table-wrap td button{min-height:31px;margin:2px;border:0;border-radius:9px;background:var(--pv1-green-soft);color:var(--pv1-green);font-size:10px;font-weight:900}.pv1-approved-row td{background:#f4fbf6}.pv1-table-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}.pv1-table-actions span{color:var(--pv1-muted);font-size:10px}.pv1-segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:10px;padding:3px;border-radius:14px;background:#edf3ef}.pv1-segmented button,.pv1-toggle button{min-height:39px;border:0;border-radius:11px;background:transparent;color:var(--pv1-muted);font-size:11px;font-weight:900}.pv1-segmented button.active,.pv1-toggle button.active{background:#fff;color:var(--pv1-green);box-shadow:0 3px 10px #11251c14}.pv1-total-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf2ef;font-size:12.5px}.pv1-total-row span{color:var(--pv1-muted)}.pv1-total-row.grand{padding-top:12px;border-bottom:0}.pv1-total-row.grand span,.pv1-total-row.grand strong{color:var(--pv1-ink);font-size:17px;font-weight:950}.pv1-review{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid #edf2ef}.pv1-review:last-child{border-bottom:0}.pv1-bottom-bar{position:fixed;right:0;bottom:0;left:0;z-index:25;display:grid;grid-template-columns:.8fr 1.2fr;gap:9px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--pv1-line);background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pv1-bottom-bar button:not(.pv1-primary){min-height:46px;border:1px solid #c9dfd2;border-radius:15px;background:var(--pv1-green-soft);color:var(--pv1-green);font-weight:900}.pv1-bottom-bar button:only-child{grid-column:1 / -1}.pv1-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end}.pv1-modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0919116b}.pv1-sheet{position:relative;z-index:1;width:100%;max-height:92dvh;overflow-y:auto;padding:10px 14px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#fff}.pv1-handle{width:42px;height:4px;margin:0 auto 15px;border-radius:99px;background:#d8e2dd}.pv1-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.pv1-sheet-head h2{margin:0;font-size:19px}.pv1-close{border:0;background:var(--pv1-soft);font-size:18px}.pv1-quick-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pv1-quick-row button{flex:1;min-width:135px}.pv1-section-label{margin:16px 2px 8px;color:#89978f;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.pv1-toggle{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pv1-barcode-modes{display:grid;grid-template-columns:1fr;gap:8px}.pv1-barcode-modes button{padding:11px;border:1px solid var(--pv1-line);border-radius:14px;background:#fff;color:var(--pv1-ink);text-align:left}.pv1-barcode-modes button.active{border-color:#78b893;background:var(--pv1-green-soft);box-shadow:0 0 0 2px #0b75420f}.pv1-barcode-modes strong{display:block;font-size:11.5px}.pv1-barcode-modes span{display:block;margin-top:3px;color:var(--pv1-muted);font-size:9.5px;line-height:1.3}.pv1-barcode-preview{margin-top:9px;padding:11px;border:1px solid var(--pv1-line);border-radius:14px;background:var(--pv1-soft)}.pv1-barcode-preview strong{display:block;margin-bottom:8px;font-size:11.5px}.pv1-barcode-preview div{display:flex;flex-wrap:wrap;gap:6px}.pv1-barcode-preview span{padding:7px 8px;border:1px solid #dce7e1;border-radius:9px;background:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;font-weight:800}.desktop-only{display:none}.mobile-only{display:block}@media (min-width: 760px){.pv1-shell{display:grid;grid-template-columns:230px minmax(0,1fr)}.pv1-sidebar{position:sticky;top:0;display:block;height:100dvh;padding:23px 14px;border-right:1px solid var(--pv1-line);background:#fff}.pv1-brand{padding:0 10px 21px;font-size:18px;font-weight:950;letter-spacing:-.04em}.pv1-sidebar p{margin:17px 0 8px;padding:0 12px;color:#8b9991;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.pv1-sidebar button{width:100%;margin-bottom:4px;padding:12px;border:0;border-radius:14px;background:transparent;color:#4d6257;text-align:left;font-size:13px;font-weight:800}.pv1-sidebar button.active{background:var(--pv1-green-soft);color:var(--pv1-green)}.pv1-topbar{padding:20px 24px 11px}.pv1-back{display:none}.pv1-topline h1{font-size:27px}.pv1-tabs{padding-top:16px}.pv1-main{padding:18px 24px 35px}.pv1-bottom-bar{display:none}.pv1-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.pv1-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:13px;align-items:stretch}.pv1-field-grid.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.pv1-field-grid.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-only{display:block}.mobile-only{display:none!important}.pv1-new-purchase{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"scan bill" "lines lines" "payment total" "tax posting" "actions actions";gap:13px}.pv1-new-purchase .pv1-card{height:100%;margin-bottom:0}.pv1-ocr-card{grid-area:scan}.pv1-bill-card{grid-area:bill}.pv1-lines-card{grid-area:lines}.pv1-payment-card{grid-area:payment}.pv1-tax-card{grid-area:tax}.pv1-total-card{grid-area:total}.pv1-posting-card{grid-area:posting}.pv1-post-actions{grid-area:actions;justify-self:end;width:min(420px,100%)}.pv1-modal{align-items:center;justify-content:center}.pv1-sheet{width:min(980px,calc(100% - 40px));max-height:90dvh;padding:16px 18px 20px;border-radius:24px}.pv1-barcode-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 430px){.pv1-main,.pv1-topbar{padding-left:12px;padding-right:12px}.pv1-card{padding:14px}.pv1-actions-two{grid-template-columns:1fr}}.iv1-app,.iv1-app *{box-sizing:border-box}.iv1-app{--iv-bg: #f3f7f5;--iv-card: #ffffff;--iv-ink: #11251c;--iv-muted: #66756d;--iv-line: #dfe9e4;--iv-green: #0b7542;--iv-green-dark: #044733;--iv-green-soft: #e8f5ed;--iv-amber: #fff2cc;--iv-blue: #eaf4ff;--iv-red: #ffe9e6;--iv-purple: #f0e8ff;width:100%;max-width:1280px;min-height:100dvh;margin:0 auto;color:var(--iv-ink);background:var(--iv-bg);overflow-x:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.iv1-app button,.iv1-app input,.iv1-app select{font:inherit}.iv1-side{display:none}.iv1-main{min-width:0;padding:16px 14px calc(96px + env(safe-area-inset-bottom))}.iv1-top{position:sticky;top:0;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:-16px -14px 12px;padding:16px 14px 13px;background:linear-gradient(140deg,#07523b,#0a8c60);color:#fff;box-shadow:0 14px 32px #07523b2e}.iv1-top h2{margin:4px 0 0;font-size:clamp(24px,8vw,38px);line-height:1;letter-spacing:0}.iv1-kicker{margin:0;color:inherit;opacity:.74;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.iv1-safe-badge{max-width:128px;flex:0 0 auto;padding:9px 12px;border-radius:999px;background:#ffffff2e;color:#fff;font-size:12px;font-weight:900;text-align:center;white-space:normal}.iv1-mobile-tabs{display:flex;gap:10px;width:100%;margin:0 0 14px;padding:3px 0 7px;overflow-x:auto;scrollbar-width:none}.iv1-mobile-tabs::-webkit-scrollbar{display:none}.iv1-mobile-tabs button{flex:0 0 auto;min-height:44px;padding:11px 15px;border:1px solid var(--iv-line);border-radius:999px;background:var(--iv-card);color:var(--iv-ink);font-weight:900;box-shadow:0 10px 26px #19372a14}.iv1-mobile-tabs button.active{border-color:var(--iv-green);background:var(--iv-green-soft);color:var(--iv-green-dark)}.iv1-view{display:grid;gap:14px;min-width:0}.iv1-hero,.iv1-card,.iv1-purchase-banner{min-width:0;border:1px solid var(--iv-line);border-radius:28px;background:var(--iv-card);box-shadow:0 18px 42px #243a3014}.iv1-hero{display:grid;gap:18px;padding:22px;background:radial-gradient(circle at top right,rgba(42,203,146,.22),transparent 34%),linear-gradient(135deg,#fff,#f4fbf7)}.iv1-hero h1,.iv1-card h3,.iv1-purchase-banner h2,.iv1-placeholder h3,.iv1-product-card h4{margin:0;letter-spacing:0}.iv1-hero h1{font-size:clamp(31px,10vw,54px);line-height:.98}.iv1-hero p:not(.iv1-kicker),.iv1-card-head p,.iv1-product-card p,.iv1-placeholder p,.iv1-purchase-banner p,.iv1-row span,.iv1-alert span,.iv1-stat small{color:var(--iv-muted)}.iv1-search{display:flex;align-items:center;gap:10px;min-width:0;width:100%;padding:12px 14px;border:1px solid var(--iv-line);border-radius:18px;background:#fff}.iv1-search input{min-width:0;width:100%;border:0;outline:0;color:var(--iv-ink);background:transparent;font-weight:800}.iv1-quick-grid,.iv1-stat-grid,.iv1-product-grid,.iv1-chip-grid{display:grid;gap:12px;min-width:0}.iv1-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.iv1-quick-grid button{display:grid;gap:10px;min-height:112px;place-items:center;padding:16px 10px;border:1px solid var(--iv-line);border-radius:26px;background:#fff;color:var(--iv-green-dark);font-weight:1000;box-shadow:0 14px 32px #243a3014}.iv1-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.iv1-stat{min-width:0;min-height:126px;padding:18px;border:1px solid var(--iv-line);border-radius:30px;background:#fff;box-shadow:0 14px 32px #243a3014}.iv1-stat span{display:block;color:var(--iv-muted);font-size:12px;font-weight:1000;letter-spacing:.06em;text-transform:uppercase}.iv1-stat strong{display:block;margin:8px 0 4px;font-size:clamp(30px,10vw,48px);line-height:1}.iv1-stat small{display:block;overflow-wrap:anywhere}.iv1-stat.iv1-green,.iv1-product-icon.iv1-green{background:linear-gradient(135deg,#d7fff0,#93edc9)}.iv1-stat.iv1-amber,.iv1-product-icon.iv1-amber{background:linear-gradient(135deg,#fff4d1,#ffd979)}.iv1-stat.iv1-blue,.iv1-product-icon.iv1-blue{background:linear-gradient(135deg,#e7f5ff,#9fe4f0)}.iv1-stat.iv1-red,.iv1-product-icon.iv1-red{background:linear-gradient(135deg,#ffe7e4,#ff9992)}.iv1-product-icon.iv1-purple{background:linear-gradient(135deg,#f2e8ff,#c7a6ff)}.iv1-card{padding:18px}.iv1-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.iv1-card-head h3{font-size:clamp(23px,7vw,32px);line-height:1.06}.iv1-card-head p{margin:6px 0 0;max-width:680px}.iv1-two-col{display:grid;gap:14px;min-width:0}.iv1-row-list{display:grid;gap:10px}.iv1-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:14px;border:1px solid var(--iv-line);border-radius:20px;background:#fbfffc}.iv1-row div{min-width:0}.iv1-row strong,.iv1-row span{display:block;min-width:0;overflow-wrap:anywhere}.iv1-row strong{font-size:16px}.iv1-row em{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:var(--iv-green-soft);color:var(--iv-green-dark);font-style:normal;font-size:12px;font-weight:1000;white-space:nowrap}.iv1-alert,.iv1-note{display:flex;gap:12px;padding:15px;border-radius:20px;background:var(--iv-amber);color:#684800}.iv1-alert strong,.iv1-alert span{display:block}.iv1-product-grid{grid-template-columns:1fr}.iv1-product-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;min-width:0;padding:14px;border:1px solid var(--iv-line);border-radius:24px;background:#fbfffc}.iv1-product-card>span{grid-column:1 / -1;justify-self:start;padding:7px 10px;border-radius:999px;background:var(--iv-green-soft);color:var(--iv-green-dark);font-size:12px;font-weight:1000}.iv1-product-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:18px}.iv1-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.iv1-chip-grid button{min-height:54px;padding:12px;border:1px solid var(--iv-line);border-radius:18px;background:#fff;color:var(--iv-ink);font-weight:900}.iv1-table-card{display:grid;gap:8px}.iv1-table-row{display:grid;grid-template-columns:1.2fr .6fr .6fr 1fr;gap:8px;min-width:0;padding:12px;border:1px solid var(--iv-line);border-radius:16px;background:#fbfffc}.iv1-table-row span{min-width:0;overflow-wrap:anywhere}.iv1-table-head{background:var(--iv-green-dark);color:#fff;font-weight:1000}.iv1-purchase-banner{display:grid;gap:16px;padding:20px;background:radial-gradient(circle at top right,rgba(255,217,121,.5),transparent 34%),linear-gradient(135deg,#073f2e,#0b7542);color:#fff}.iv1-purchase-banner p{color:#ffffffc7}.iv1-action-stack{display:grid;gap:10px}.iv1-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 14px;border:1px solid var(--iv-line);border-radius:999px;background:#fff;color:var(--iv-green-dark);font-weight:1000}.iv1-pill-soft{background:var(--iv-green-soft);border-color:#ccecdf}.iv1-pill-dark{background:#fff;border-color:transparent;color:var(--iv-green-dark)}.iv1-placeholder{display:grid;justify-items:center;gap:10px;min-height:280px;padding:22px;border:1px dashed #bed3c8;border-radius:24px;background:#fbfffc;text-align:center}.iv1-placeholder.compact{min-height:180px}.iv1-step-list{display:grid;gap:10px;width:100%;margin-top:8px}.iv1-step{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:#fff;text-align:left}.iv1-step span{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--iv-green-soft);color:var(--iv-green-dark);font-weight:1000}.iv1-step p{margin:0;min-width:0;overflow-wrap:anywhere}.iv1-bottom{position:fixed;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--iv-line);background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.iv1-bottom button{display:grid;gap:4px;min-height:54px;place-items:center;border:0;border-radius:18px;background:transparent;color:var(--iv-muted);font-size:12px;font-weight:1000}.iv1-bottom button:first-child{background:var(--iv-green-soft);color:var(--iv-green-dark)}@media (max-width: 430px){.iv1-card{padding:16px;border-radius:24px}.iv1-card-head{flex-direction:column}.iv1-table-card{gap:10px}.iv1-table-row{grid-template-columns:1fr}.iv1-table-head{display:none}.iv1-row{align-items:flex-start;flex-direction:column}}@media (min-width: 760px){.iv1-app{display:grid;grid-template-columns:235px minmax(0,1fr)}.iv1-side{position:sticky;top:0;display:block;height:100dvh;padding:18px 12px;border-right:1px solid var(--iv-line);background:#fff;overflow-y:auto}.iv1-brand{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border-radius:20px;background:var(--iv-green-soft);color:var(--iv-green-dark)}.iv1-brand strong,.iv1-brand span{display:block}.iv1-brand span{color:var(--iv-muted);font-size:12px;font-weight:800}.iv1-side nav{display:grid;gap:6px;margin-top:16px}.iv1-side nav button{display:flex;align-items:center;gap:10px;min-height:44px;padding:11px 12px;border:0;border-radius:16px;background:transparent;color:var(--iv-muted);font-weight:900;text-align:left}.iv1-side nav button.active{background:var(--iv-green-dark);color:#fff}.iv1-main{padding:24px}.iv1-top{position:static;margin:0 0 18px;border-radius:28px;padding:22px}.iv1-mobile-tabs{display:none}.iv1-hero{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end}.iv1-quick-grid,.iv1-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.iv1-two-col,.iv1-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.iv1-chip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.iv1-purchase-banner{grid-template-columns:minmax(0,1fr) auto;align-items:center}.iv1-bottom{display:none}}.chatv1-shell{--chat-green: #0b7542;--chat-green-dark: #075b33;--chat-green-soft: #e9f6ef;--chat-bg: #eff5f2;--chat-card: #ffffff;--chat-ink: #10251b;--chat-muted: #66756d;--chat-line: #dce7e1;--chat-shadow: 0 16px 38px rgba(17, 37, 28, .08);width:100%;min-height:calc(100dvh - 16px);color:var(--chat-ink);background:var(--chat-bg);overflow:hidden}.chatv1-shell *{box-sizing:border-box}.chatv1-shell button,.chatv1-shell input,.chatv1-shell textarea{font:inherit}.chatv1-shell button{cursor:pointer}.chatv1-appbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:70px;padding:12px 18px;border-bottom:1px solid var(--chat-line);background:#fff}.chatv1-appbar span{color:var(--chat-green);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.chatv1-appbar h1{margin:2px 0 0;font-size:24px;letter-spacing:-.05em}.chatv1-appbar-actions{display:flex;gap:8px;align-items:center}.chatv1-appbar button,.chatv1-primary{min-height:42px;border:0;border-radius:14px;padding:0 14px;background:var(--chat-green);color:#fff;font-weight:950}.chatv1-primary.full{width:100%;margin-top:12px}.chatv1-layout{display:grid;grid-template-columns:390px minmax(0,1fr) 320px;height:calc(100dvh - 86px);min-height:620px;overflow:hidden}.chatv1-sidebar,.chatv1-chat-panel,.chatv1-details{min-height:0;background:#fff}.chatv1-sidebar{border-right:1px solid var(--chat-line);display:flex;flex-direction:column;min-width:0}.chatv1-search{display:flex;align-items:center;gap:8px;min-height:48px;margin:12px;padding:0 12px;border:1px solid var(--chat-line);border-radius:999px;background:#f7fbf8}.chatv1-search input,.chatv1-member-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--chat-ink);font-weight:800}.chatv1-thread-list{min-height:0;overflow-y:auto;padding:0 8px 12px}.chatv1-list-title{margin:12px 8px 7px;color:#8a9890;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.chatv1-thread,.chatv1-contact-main{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-height:68px;border:0;border-radius:16px;padding:9px;background:transparent;color:var(--chat-ink);text-align:left}.chatv1-thread.active,.chatv1-thread:hover,.chatv1-contact-row:hover{background:var(--chat-green-soft)}.chatv1-contact-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border-radius:16px;padding-right:8px}.chatv1-contact-main{grid-template-columns:46px minmax(0,1fr)}.chatv1-mini-action{min-height:36px;border:0;border-radius:999px;padding:0 12px;background:var(--chat-green);color:#fff;font-size:12px;font-weight:950}.chatv1-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--chat-green-soft);color:var(--chat-green);font-size:13px;font-weight:950}.chatv1-avatar.big{width:48px;height:48px;font-size:18px}.chatv1-thread-copy,.chatv1-contact-main span:nth-child(2){min-width:0}.chatv1-thread-copy strong,.chatv1-thread-copy small,.chatv1-contact-main strong,.chatv1-contact-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatv1-thread-copy strong,.chatv1-contact-main strong{font-size:14px}.chatv1-thread-copy small,.chatv1-thread em,.chatv1-contact-main small{color:var(--chat-muted);font-size:11px;font-style:normal}.chatv1-chat-panel{display:grid;grid-template-rows:72px minmax(0,1fr) auto auto auto;min-width:0;border-right:1px solid var(--chat-line)}.chatv1-chat-head{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 14px;border-bottom:1px solid var(--chat-line);background:#fff}.chatv1-back{display:none}.chatv1-chat-head div{min-width:0;flex:1}.chatv1-chat-head h2{margin:0;overflow:hidden;font-size:18px;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.chatv1-chat-head small{color:var(--chat-muted);font-size:12px}.chatv1-detail-toggle,.chatv1-call-btn{border:1px solid var(--chat-line);border-radius:999px;background:#fff;color:var(--chat-green);padding:9px 12px;font-size:12px;font-weight:950}.chatv1-call-btn{width:40px;height:40px;padding:0}.chatv1-messages{display:flex;flex-direction:column;gap:9px;min-height:0;padding:18px;overflow-y:auto;background:radial-gradient(circle at top left,rgba(11,117,66,.06),transparent 27%),linear-gradient(135deg,#f7faf8,#eef5f1)}.chatv1-message{max-width:min(74%,560px);align-self:flex-start;border:1px solid var(--chat-line);border-radius:18px 18px 18px 5px;padding:9px 10px 7px;background:#fff;box-shadow:0 8px 18px #11251c0d}.chatv1-message.mine{align-self:flex-end;border-color:#bfe2cc;border-radius:18px 18px 5px;background:#dcf8c6}.chatv1-message strong{display:block;margin-bottom:4px;color:var(--chat-green);font-size:11px}.chatv1-message p{margin:0;white-space:pre-wrap;line-height:1.35}.chatv1-message>span{display:block;margin-top:4px;color:var(--chat-muted);font-size:10px;text-align:right}.chatv1-message-actions{display:flex;justify-content:flex-end;margin-top:5px}.chatv1-message-actions button{border:0;border-radius:999px;padding:4px 8px;background:#0b754214;color:var(--chat-green);font-size:10px;font-weight:950}.chatv1-reply-quote{display:block;width:100%;margin:0 0 7px;border-left:4px solid var(--chat-green);border-radius:10px;padding:7px 8px;background:#ffffffb8;color:var(--chat-ink);text-align:left}.chatv1-reply-quote small,.chatv1-reply-quote span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatv1-reply-quote small{color:var(--chat-green);font-size:10px;font-weight:950}.chatv1-reply-quote span{color:var(--chat-muted);font-size:11px}.chatv1-replying-bar{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px;align-items:center;padding:8px 12px;border-top:1px solid var(--chat-line);background:#f7fbf8}.chatv1-replying-bar div{min-width:0;border-left:4px solid var(--chat-green);padding-left:9px}.chatv1-replying-bar strong,.chatv1-replying-bar span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatv1-replying-bar strong{font-size:12px;color:var(--chat-green)}.chatv1-replying-bar span{font-size:12px;color:var(--chat-muted)}.chatv1-replying-bar button{border:0;border-radius:50%;width:32px;height:32px;background:#eef4f0;color:var(--chat-ink);font-size:20px;font-weight:950}.chatv1-message-files{display:grid;gap:7px;margin-top:7px}.chatv1-message-file{width:min(260px,100%);border:1px solid rgba(16,37,27,.12);border-radius:14px;overflow:hidden;background:#fff;color:var(--chat-ink);text-align:left}.chatv1-message-file.image{padding:0}.chatv1-message-file.doc{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;align-items:center;padding:9px}.chatv1-message-file img{display:block;width:100%;max-height:220px;object-fit:cover;background:#eef4f0}.chatv1-message-file span{display:block;padding:7px 8px 0;overflow:hidden;font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.chatv1-message-file small{display:block;padding:0 8px 7px;color:var(--chat-muted);font-size:10px}.chatv1-message-file.doc span,.chatv1-message-file.doc small{padding:0}.chatv1-attachment-tray{display:flex;gap:8px;overflow-x:auto;padding:8px 12px;border-top:1px solid var(--chat-line);background:#fbfdfc}.chatv1-attachment-chip{position:relative;display:grid;grid-template-columns:38px 110px 24px;gap:7px;align-items:center;min-width:180px;border:1px solid var(--chat-line);border-radius:14px;padding:6px;background:#fff}.chatv1-attachment-chip img{width:38px;height:38px;object-fit:cover;border-radius:10px}.chatv1-attachment-chip small{overflow:hidden;font-size:11px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.chatv1-attachment-chip button{border:0;border-radius:9px;background:#fff0f0;color:#9b1c1c;font-weight:950}.chatv1-composer{display:grid;grid-template-columns:42px 42px minmax(0,1fr) 46px;gap:8px;align-items:end;padding:10px 12px 12px;border-top:1px solid var(--chat-line);background:#fff}.chatv1-icon-btn,.chatv1-send{min-height:42px;border:0;border-radius:50%;background:var(--chat-green-soft);color:var(--chat-green);font-size:20px;font-weight:950}.chatv1-send{background:var(--chat-green);color:#fff}.chatv1-composer textarea{min-height:42px;max-height:115px;resize:none;border:1px solid var(--chat-line);border-radius:21px;padding:10px 13px;outline:0;background:#f7fbf8;color:var(--chat-ink)}.chatv1-details{position:relative;display:flex;flex-direction:column;min-width:0;padding:14px;overflow-y:auto}.chatv1-details-close{display:none}.chatv1-details h2{margin:0 0 12px;font-size:20px;letter-spacing:-.04em}.chatv1-detail-card{margin-bottom:8px;padding:12px;border:1px solid var(--chat-line);border-radius:16px;background:#fbfdfc}.chatv1-detail-card span{display:block;color:var(--chat-muted);font-size:11px;font-weight:900}.chatv1-detail-card strong{display:block;margin-top:4px;font-size:14px}.chatv1-member-list{display:grid;gap:7px;margin-top:10px}.chatv1-member{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;padding:7px;border-radius:14px}.chatv1-member strong,.chatv1-member small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatv1-member small{color:var(--chat-muted);font-size:11px}.chatv1-member-search{display:flex;align-items:center;gap:8px;min-height:43px;margin:9px 0;padding:0 10px;border:1px solid var(--chat-line);border-radius:14px;background:#f7fbf8}.chatv1-check-list{display:grid;gap:6px;max-height:330px;overflow-y:auto}.chatv1-check-list label{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;padding:8px;border:1px solid var(--chat-line);border-radius:13px;background:#fff}.chatv1-check-list span,.chatv1-check-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatv1-check-list small{grid-column:2;color:var(--chat-muted);font-size:11px}.chatv1-warning{margin-top:10px;padding:10px;border:1px solid #f1ddb5;border-radius:14px;background:#fff7df;color:#674300;font-size:12px;line-height:1.4}.chatv1-empty{padding:18px;border-radius:16px;background:#f7fbf8;color:var(--chat-muted);text-align:center}.chatv1-empty b,.chatv1-empty span{display:block}.chatv1-empty.compact{margin:8px;padding:13px}.chatv1-empty.centered{margin:auto;max-width:320px}.chatv1-modal,.chatv1-image-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:18px}.chatv1-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#020806a8}.chatv1-sheet,.chatv1-image-viewer,.chatv1-call-sheet{position:relative;z-index:1;width:min(760px,100%);max-height:min(86dvh,760px);overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 28px 90px #00000047}.chatv1-sheet{padding:16px;overflow-y:auto}.chatv1-sheet-head,.chatv1-image-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.chatv1-sheet-head h2{margin:0}.chatv1-sheet-head button,.chatv1-image-head button{border:0;border-radius:12px;width:38px;height:38px;background:#f0f4f2;color:var(--chat-ink);font-size:20px;font-weight:950}.chatv1-field span,.chatv1-mini-title{display:block;margin-bottom:7px;color:var(--chat-muted);font-size:12px;font-weight:950}.chatv1-field input{width:100%;min-height:46px;border:1px solid var(--chat-line);border-radius:14px;padding:0 12px;outline:0}.modal-list{max-height:320px}.chatv1-image-viewer{width:min(1060px,100%);background:#07130d;color:#fff}.chatv1-image-head{min-height:58px;margin:0;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.chatv1-image-head div{display:flex;align-items:center;gap:8px}.chatv1-image-head a,.chatv1-image-head span{color:#fff;font-size:12px;font-weight:900;text-decoration:none}.chatv1-zoom-stage{display:grid;place-items:center;height:min(76dvh,740px);overflow:auto;padding:14px}.chatv1-zoom-stage img{max-width:none;width:min(100%,920px);transform-origin:center;object-fit:contain}.chatv1-call-sheet{width:min(360px,92vw);padding:24px;text-align:center;background:#07130d;color:#fff}.chatv1-call-sheet .call-avatar{width:86px;height:86px;margin:0 auto 14px;background:#ffffff1f;color:#fff;font-size:28px}.chatv1-call-sheet h2{margin:0}.chatv1-call-sheet p{margin:8px 0;font-size:18px;font-weight:900}.chatv1-call-sheet small{display:block;color:#ffffffb8;line-height:1.4}.chatv1-call-sheet button{margin-top:18px;border:0;border-radius:999px;padding:12px 28px;background:#d92d20;color:#fff;font-weight:950}@media (max-width: 1080px){.chatv1-layout{grid-template-columns:330px minmax(0,1fr)}.chatv1-details{position:fixed;top:0;right:0;bottom:0;z-index:80;width:min(360px,92vw);transform:translate(105%);box-shadow:-16px 0 38px #0000002e;transition:transform .18s ease}.chatv1-details.open{transform:translate(0)}.chatv1-details-close{display:grid;place-items:center;position:absolute;right:10px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:#f0f4f2;font-size:20px}}@media (max-width: 720px){.chatv1-shell{min-height:100dvh;max-width:100vw;overflow-x:hidden}.chatv1-appbar{height:auto;min-height:62px;padding:9px 12px}.chatv1-appbar h1{font-size:22px}.chatv1-appbar-actions{gap:6px}.chatv1-appbar button{min-height:36px;padding:0 10px;font-size:12px}.chatv1-layout{display:block;width:100%;height:calc(100dvh - 62px);min-height:0;position:relative;overflow:hidden}.chatv1-sidebar{display:flex;width:100%;height:100%;border-right:0}.chatv1-chat-panel{display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:20;transform:none;border-right:0;grid-template-rows:64px minmax(0,1fr) auto auto auto}.chatv1-shell.chat-open .chatv1-sidebar{display:none}.chatv1-shell.chat-open .chatv1-chat-panel{display:grid}.chatv1-back{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:0;border-radius:50%;background:var(--chat-green-soft);color:var(--chat-green);font-size:26px}.chatv1-chat-head{padding:8px;gap:8px}.chatv1-detail-toggle{padding:8px 9px}.chatv1-call-btn{width:36px;height:36px}.chatv1-details{width:92vw}.chatv1-message{max-width:86%}.chatv1-composer{grid-template-columns:38px 38px minmax(0,1fr) 42px;gap:6px;padding:8px}.chatv1-icon-btn,.chatv1-send{min-height:38px}.chatv1-thread-list{padding-bottom:90px}.chatv1-contact-row{grid-template-columns:minmax(0,1fr) 86px}.chatv1-mini-action{min-height:34px;padding:0 10px}.chatv1-image-modal{padding:0}.chatv1-image-viewer{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.chatv1-zoom-stage{height:calc(100dvh - 58px)}.chatv1-zoom-stage img{width:min(100%,980px)}}:root{--ink: #17201d;--muted: #6d7773;--line: #e4ece8;--paper: #ffffff;--wash: #f4f8f7;--green: #043f34;--green-2: #13d7a0;--mint: #e7fff6;--gold: #f2c14e;--red: #b42318;--blue: #2256b3;--shadow: 0 16px 38px rgba(23, 32, 29, .08);--soft-shadow: 0 8px 20px rgba(23, 32, 29, .06)}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}#root{min-width:0}body{margin:0;background:var(--wash);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:absolute;inset:0 0 auto;z-index:-1;height:220px;background:linear-gradient(135deg,#073e35,#0d8165)}button,input,select,textarea{font:inherit;min-width:0}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;color:var(--ink);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:focus,select:focus,textarea:focus{border-color:var(--green-2);box-shadow:0 0 0 3px #11966a1f}textarea{min-height:84px;resize:vertical}label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:middle}th{background:#0f4d3a;color:#fff;font-weight:800;position:sticky;top:0}.app-loading,.login-screen{min-height:100svh;display:grid;place-items:center;padding:24px}.app-loading{background:var(--green);color:#fff;font-weight:900}.login-screen{background:radial-gradient(circle at 20% 10%,rgba(19,215,160,.22),transparent 32%),linear-gradient(#043f34 0 34%,transparent 34%),var(--wash)}.public-home{min-height:100svh;background:linear-gradient(180deg,#e7fff6f0,#f4f8f7fa 72%),var(--wash)}.public-nav{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;min-height:76px;padding:14px clamp(16px,5vw,58px);border-bottom:1px solid rgba(10,65,52,.12);background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.public-nav .brand-lockup{margin-bottom:0}.public-nav-links,.public-actions,.hero-actions{display:inline-flex;align-items:center;gap:14px}.public-nav-links a{color:var(--ink);font-weight:800;text-decoration:none}.public-hero{display:grid;place-items:center;min-height:min(650px,calc(100svh - 76px));padding:56px clamp(18px,6vw,90px);text-align:center}.public-hero h1{max-width:820px;margin:10px auto 18px;color:#172036;font-size:clamp(38px,8vw,82px);line-height:.98;letter-spacing:0}.public-hero p,.setup-hero>div>p{max-width:760px;margin:0 auto 26px;color:#27312d;font-size:clamp(17px,2.2vw,24px);line-height:1.45}.public-feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 clamp(16px,5vw,58px) 42px}.public-feature-strip .panel{display:grid;gap:8px;min-height:120px;padding:20px}.public-feature-strip strong{font-size:20px}.public-feature-strip span{color:var(--muted)}.setup-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,560px);gap:28px;align-items:start;padding:clamp(24px,6vw,72px) clamp(16px,5vw,58px)}.setup-hero h1{margin:10px 0 16px;font-size:clamp(34px,6vw,64px);line-height:1}.login-panel,.panel{border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow);animation:screen-in .22s ease both}.login-panel{width:min(430px,100%);padding:24px;box-shadow:0 20px 44px #15221c29}.login-kicker{display:inline-flex;margin-bottom:8px;border-radius:999px;padding:5px 9px;background:var(--mint);color:var(--green);font-size:12px;font-weight:900}.login-help{display:grid;gap:4px;margin-top:16px;padding:12px;border:1px solid #cfe2d8;border-radius:8px;background:#eef7f2}.login-help strong,.login-help span{display:block}.login-help span{color:var(--muted);font-size:13px;line-height:1.4}.login-type-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 12px}.login-type-switch button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted);font-weight:900;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.login-type-switch button.active{border-color:var(--green);background:var(--mint);color:var(--green)}.login-actions{display:grid;gap:10px;margin-top:12px}.admin-user-switch{margin-top:0}.login-panel h1,.page-header h1,.employee-card h1{margin:0;letter-spacing:0}.login-panel p,.page-header p,.employee-card p,.panel p{color:var(--muted)}.brand-lockup{display:flex;gap:12px;align-items:center;margin-bottom:24px}.brand-lockup.compact{margin-bottom:18px}.brand-lockup .brand-mark,.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:var(--green);color:#fff;font-weight:900;box-shadow:var(--soft-shadow);overflow:hidden;flex:0 0 auto}.brand-mark img{width:100%;height:100%;object-fit:contain;padding:4px;background:#fff}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup small{color:var(--muted);font-size:12px}.brand-settings-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;margin-bottom:18px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#f9fcfb}.company-launch-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:14px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#073e35,#0f6e58);color:#fff}.company-launch-card h2,.company-launch-card p{margin:6px 0 0}.company-launch-card p{color:#ffffffc7}.company-launch-card .status-chip{background:#ffffff24;color:#adffe8}.launch-steps{display:grid;gap:8px;min-width:160px}.launch-steps span{display:block;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 10px;background:#ffffff1a;color:#fff;font-size:12px;font-weight:900}.brand-settings-card .brand-mark{width:58px;height:58px;border-radius:18px}.brand-settings-card strong,.brand-settings-card span{display:block}.brand-settings-card span{color:var(--muted);font-size:13px;font-weight:700}.logo-upload{min-width:150px}.logo-upload input{padding:9px}.primary-button,.secondary-button,.mini-button,.icon-only{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid transparent;border-radius:12px;padding:10px 14px;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.primary-button{background:var(--green);color:#fff;box-shadow:0 8px 18px #0d6b4d2e}.full-width{width:100%}.primary-button:hover,.secondary-button:hover,.mini-button:hover,.icon-only:hover,.kpi:hover{transform:translateY(-1px)}.primary-button:active,.secondary-button:active,.mini-button:active,.icon-only:active,.kpi:active{transform:scale(.99)}.secondary-button,.mini-button,.icon-only{border-color:var(--line);background:#fff;color:var(--ink)}.secondary-button.danger{border-color:#ffd0ca;background:#fff7f6;color:var(--red)}.action-button-state.is-loading{cursor:wait;opacity:.82}.action-button-state.is-success{background:#0f7a57;border-color:#0f7a57;color:#fff}.action-button-state.is-error{background:#fff2f2;border-color:#c0392b;color:#9f1d13}.mini-button{min-height:32px;padding:6px 9px;font-size:12px}.mini-button.danger{color:var(--red)}.top-strip{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:42px;padding:8px clamp(14px,3vw,28px);border-bottom:1px solid rgba(255,255,255,.12);background:#043f34f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffdb;font-size:13px;min-width:0}.top-strip span,.top-strip button{display:inline-flex;align-items:center;gap:7px}.top-brand .brand-mark{width:28px;height:28px;border-radius:9px}.top-strip button{border:0;background:transparent;color:#fff;font-weight:800}.install-area{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto}.install-area small{flex-basis:100%;color:var(--muted);font-size:11px;text-align:right}.admin-layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100svh - 42px);width:100%;min-width:0}.mobile-admin-header{display:none}.desktop-notification-dock{position:fixed;top:18px;right:18px;z-index:130;display:flex;justify-content:flex-end;pointer-events:none}.desktop-notification-dock .notification-wrap{pointer-events:auto}.mobile-brand-row{display:flex;align-items:center;gap:10px;min-width:0}.mobile-brand-row .brand-mark,.employee-app-top .brand-mark{width:42px;height:42px;border-radius:14px}.mobile-bottom-nav{display:none}.mobile-cockpit-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:0 12px;background:#fffffff5;color:var(--green);font-size:12px;font-weight:950;box-shadow:var(--soft-shadow);white-space:nowrap}.mobile-menu-button,.mobile-menu-layer{display:none}.sidebar{border-right:1px solid var(--line);background:#fffffff5;padding:18px}.sidebar nav{display:grid;gap:5px}.sidebar-group{display:grid;gap:4px}.sidebar nav button{display:flex;align-items:center;gap:10px;min-height:40px;border:0;border-radius:13px;padding:9px 10px;background:transparent;color:var(--muted);font-weight:800;text-align:left}.sidebar nav button .sidebar-chevron{margin-left:auto;transition:transform .18s ease}.sidebar-chevron.open{transform:rotate(90deg)}.sidebar-subnav{display:grid;gap:3px;margin:0 0 4px 24px;padding-left:10px;border-left:1px solid var(--line)}.sidebar nav .sidebar-subnav button{min-height:34px;border-radius:10px;padding:7px 9px;font-size:12px;font-weight:850}.sidebar nav button.active,.sidebar nav button:hover{background:var(--mint);color:var(--green)}.admin-main,.employee-home{padding:clamp(14px,3vw,28px);width:100%;min-width:0}.admin-main>section,.employee-home{max-width:1180px;margin:0 auto}.admin-main>section,.employee-home>*{animation:screen-in .22s ease both}.latest-update-banner,.latest-update-chip{max-width:1180px;margin:0 auto 16px}.latest-update-banner{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr) auto;gap:14px;align-items:start;padding:14px 16px;border:1px solid rgba(5,83,65,.18);border-radius:18px;background:#ecfff8;box-shadow:var(--shadow-soft)}.latest-update-banner strong,.latest-update-banner small{display:block}.latest-update-banner small{color:var(--muted);margin-top:3px}.latest-update-banner ul{margin:0;padding-left:18px;color:var(--muted);font-weight:750}.latest-update-banner button,.latest-update-chip{min-height:42px;border:1px solid rgba(5,83,65,.18);border-radius:999px;background:#fff;color:var(--green);font-weight:900;padding:8px 14px}.page-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px;flex-wrap:wrap}.page-header>*{min-width:0}.page-header h1{font-size:clamp(22px,3vw,32px)}.page-header p{margin:6px 0 0}.kpi-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 18px;margin-bottom:22px;padding:4px 0 8px}.kpi{--kpi-size: clamp(126px, 12vw, 168px);--kpi-shift: 0px;display:grid;place-items:center;align-content:center;gap:8px;flex:0 0 var(--kpi-size);width:var(--kpi-size);height:var(--kpi-size);min-width:0;min-height:0;border:0;border-radius:999px;padding:16px;background:#fff;color:#10201b;text-align:center;box-shadow:0 12px 30px #17201d1a;transform:translateY(var(--kpi-shift));transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.kpi-grid .kpi:nth-child(3n+1){--kpi-size: clamp(138px, 13vw, 184px)}.kpi-grid .kpi:nth-child(4n+2){--kpi-size: clamp(116px, 11vw, 152px);--kpi-shift: 8px}.kpi-grid .kpi:nth-child(5n){--kpi-size: clamp(122px, 11.5vw, 160px);--kpi-shift: -6px}.kpi:hover,.kpi.active{transform:translateY(calc(var(--kpi-shift) - 3px));box-shadow:0 16px 36px #17201d24;filter:saturate(1.06)}.kpi span,.status-chip{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.kpi strong{display:block;margin-top:0;font-size:clamp(24px,2.8vw,38px);line-height:1;overflow-wrap:anywhere}.kpi-present{background:linear-gradient(145deg,#dffff4,#8af0ca)}.kpi-pending{background:linear-gradient(145deg,#fff4d8,#ffd16b)}.kpi-outside{background:linear-gradient(145deg,#ffe1df,#ff8b82)}.kpi-late{background:linear-gradient(145deg,#e6eeff,#9ab7ff)}.kpi-early{background:linear-gradient(145deg,#f1e9ff,#cba7ff)}.kpi-absent{background:linear-gradient(145deg,#ffe6ea,#ff9aad)}.kpi-approval{background:linear-gradient(145deg,#e5fbff,#8edff0)}.kpi-target{background:linear-gradient(145deg,#e0eaff,#aac4ff)}.kpi-payable{background:linear-gradient(145deg,#edf4ff,#b8d0ff)}.app-page-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;min-width:0}.cockpit-filter-note{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-2px 0 8px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.cockpit-filter-note span{min-width:0}.compact-filter{min-width:160px;text-transform:none}.compact-filter input,.compact-filter select{min-height:42px;border-radius:999px;font-weight:800}.hq-search-row{margin-bottom:14px}.quick-action-row{display:flex;gap:10px;margin:0 0 16px;overflow-x:auto;padding-bottom:4px}.quick-action-row>button{flex:0 0 auto;white-space:nowrap}.hq-status-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}.hq-status-card-grid.compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.hq-status-card{display:grid;gap:8px;min-height:96px;align-content:center;border:1px solid var(--line);border-radius:18px;background:#fffffff0;box-shadow:var(--soft-shadow)}.hq-status-card span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.hq-status-card strong{font-size:clamp(20px,2.2vw,28px)}.store-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:18px}.store-overview-card{display:grid;gap:14px;width:100%;border:1px solid var(--line);text-align:left}.store-overview-card:hover{border-color:#043f3457;box-shadow:var(--shadow)}.store-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.store-card-head strong{font-size:20px}.store-card-head span{border-radius:999px;padding:6px 10px;background:var(--mint);color:var(--green);font-size:12px;font-weight:900}.store-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.store-mini-grid span{display:grid;gap:3px;color:var(--muted);font-size:12px;font-weight:800}.store-mini-grid b{color:var(--ink);font-size:14px;overflow-wrap:anywhere}.store-detail-panel{margin-bottom:18px}.store-detail-sections{display:grid;gap:12px}.module-cockpit-grid .kpi{min-height:clamp(164px,22vw,260px)}.module-detail-screen{display:grid;gap:16px}.module-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.module-tile-card{display:grid;gap:10px;min-height:150px;align-content:center;justify-items:center;border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff;box-shadow:var(--soft-shadow);text-align:center}.module-tile-card svg{color:#ef4444}.module-tile-card strong{font-size:18px}.crm-placeholder-stack{display:grid;gap:16px}.crm-overview-grid .crm-module-card{min-height:168px}.crm-module-card,.crm-submodule-card{border-radius:16px}.crm-module-card small,.crm-submodule-card small{color:var(--muted);line-height:1.35}.crm-submodule-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.crm-submodule-card{min-height:126px;box-shadow:none}.module-tile-card small{color:var(--muted);font-weight:800}.branch-select{display:inline-flex;align-items:center;gap:6px;min-height:42px;border:0;border-radius:999px;padding:0 14px;background:#fffffff5;color:var(--ink);font-weight:900;box-shadow:var(--soft-shadow);max-width:100%;white-space:nowrap;cursor:pointer}.branch-select select{width:auto;min-width:0;max-width:min(260px,72vw);min-height:0;border:0;border-radius:0;padding:0;background:transparent;color:inherit;box-shadow:none;font-weight:900;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.app-top-icons{display:inline-flex;gap:8px}.app-top-icons button,.employee-app-top button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:999px;background:#fffffff5;color:var(--ink);box-shadow:var(--soft-shadow)}.employee-app-top .mobile-cockpit-button,.mobile-admin-header .mobile-cockpit-button{display:inline-flex;width:auto;min-width:0;height:40px;padding:0 12px}.attendance-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:112px;border:0;border-radius:18px;padding:18px;background:#1f2f2a;color:#fff;text-align:left;box-shadow:0 16px 34px #17201d2e;min-width:0;overflow:hidden}.attendance-hero>span{min-width:0}.attendance-hero .hero-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:#ffffff1f}.attendance-hero small,.attendance-hero strong{display:block}.attendance-hero small{color:#ffffffb8;font-size:13px;font-weight:800}.attendance-hero strong{margin-top:8px;color:var(--green-2);font-size:clamp(24px,5vw,36px);overflow-wrap:anywhere}.invite-staff-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;margin:12px 0;border:0;border-radius:12px;background:var(--green-2);color:#053d33;font-weight:900;min-width:0;overflow:hidden;text-align:center;white-space:normal}.staff-search-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;margin-bottom:12px;border:1px solid var(--line);border-radius:14px;padding:0 12px;background:#fff;color:var(--muted);box-shadow:var(--soft-shadow)}.staff-search-bar input{min-height:0;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;color:var(--ink)}.staff-search-bar input::placeholder{color:var(--muted)}.staff-search-bar button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:10px;background:var(--wash);color:var(--muted)}.dashboard-detail{margin-top:16px}.dashboard-detail>h2{margin:0 0 12px}.split-layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:16px;align-items:start}.stacked-panels{display:grid;gap:16px}.panel-section{display:grid;gap:14px}.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-title-row h2{margin:0;font-size:22px}.section-title-row p{margin:5px 0 0;color:var(--muted)}.form-panel,.panel{padding:18px}.form-panel,.inline-form{max-height:min(78svh,760px);overflow:auto;overscroll-behavior:contain}.form-panel h2,.panel h2{margin:0 0 14px;font-size:18px}.settings-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.settings-tabs button,.layer-tabs button{border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:#fff;color:var(--muted);font-weight:900}.settings-tabs button.active,.layer-tabs button.active{border-color:var(--green);background:var(--mint);color:var(--green)}.layer-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.settings-layer{display:grid;gap:16px}.module-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module-toggle-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:78px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);box-shadow:var(--soft-shadow)}.module-toggle-card strong,.module-toggle-card small{display:block}.module-toggle-card small{margin-top:4px;color:var(--muted);font-size:12px}.module-toggle-card input{width:22px;height:22px;min-height:22px;accent-color:var(--green)}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title-row h2{margin:0}.task-list{display:grid;gap:10px;max-height:min(58svh,560px);overflow:auto;overscroll-behavior:contain;padding-right:4px}.status-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px}.status-tabs button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff;color:var(--ink);font-weight:900;text-align:left}.status-tabs button.active{border-color:var(--green);background:var(--mint);color:var(--green);box-shadow:inset 0 0 0 1px #05534114}.status-tabs strong{display:grid;place-items:center;min-width:34px;height:34px;border-radius:999px;background:#0553411a;font-size:15px}.order-module-tabs{margin:0 0 14px}.search-select-field{position:relative;display:grid;gap:8px}.selected-search-pill{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:10px 12px;border:1px solid rgba(5,83,65,.18);border-radius:14px;background:var(--mint)}.selected-search-pill strong,.selected-search-pill small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-search-pill button{grid-row:1 / span 2;grid-column:2;border:0;border-radius:999px;padding:8px 10px;color:var(--green);background:#fff;font-weight:900}.search-select-results{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;display:grid;gap:6px;max-height:min(320px,48svh);overflow:auto;padding:8px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 18px 42px #00000021}.search-select-results button{display:grid;gap:3px;min-height:48px;padding:10px 12px;border:1px solid transparent;border-radius:12px;background:#fbfffd;color:var(--ink);text-align:left}.search-select-results button:hover,.search-select-results button:focus{border-color:#05534140;background:var(--mint)}.purchase-line-stack{display:grid;gap:12px;margin:16px 0}.compact-module-shell{position:sticky;top:0;z-index:12}.task-check-card,.target-card-mini,.task-date-card{display:grid;gap:7px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfffd}.task-check-card{grid-template-columns:auto minmax(0,1fr);align-items:center;cursor:pointer}.task-check-card input{width:22px;min-height:22px}.task-check-card span,.task-check-card strong,.task-check-card small,.target-card-mini strong,.target-card-mini span{display:block;min-width:0}.task-check-card small,.target-card-mini span{color:var(--muted);font-size:13px}.task-check-card.done{background:var(--mint)}.task-date-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.task-date-card strong,.task-date-card small{display:block;min-width:0}.task-date-card small{margin-top:4px;color:var(--muted)}.task-date-card b{display:inline-flex;align-items:center;justify-content:center;min-width:76px;border-radius:999px;padding:7px 10px;background:#fff4d8;color:#704d00;font-size:12px}.task-actions-inline{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;min-width:0}.task-actions-inline b{min-width:70px}.task-date-card.done{background:var(--mint)}.task-date-card.done b{background:#dffff4;color:var(--green)}.target-card-mini i{display:block;height:8px;overflow:hidden;border-radius:999px;background:#e7eeeb}.target-card-mini i b{display:block;height:100%;border-radius:inherit;background:var(--green-2)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.inline-form{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;align-items:end;margin-bottom:14px}.toggle-line{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--ink)}.toggle-line input{width:auto;min-height:auto}.store-checks{display:grid;gap:6px;margin:14px 0}.store-checks strong{font-size:13px}.permission-group{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:#fbfffd}.permission-group summary{cursor:pointer;font-weight:900;color:var(--green-900)}.permission-group .toggle-line{margin-top:10px}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.inline-edit-box{display:grid;gap:12px;margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfffd}.inline-edit-box textarea{min-height:96px}.table-wrap{width:100%;max-width:100%;max-height:min(66svh,680px);overflow:auto;overscroll-behavior:contain;padding:0}.actions-cell{display:flex;gap:6px}.detail-list-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:14px;margin-top:12px;min-height:0}.cn-workbench{display:block}.tap-list{display:grid;gap:8px;max-height:min(62svh,620px);min-height:0;overflow:auto;padding-right:4px;overscroll-behavior:contain}.tap-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;min-height:88px;border:1px solid var(--line);border-radius:16px;padding:10px 12px;background:#fff;color:var(--ink);text-align:left;box-shadow:var(--soft-shadow);transition:border-color .16s ease,background .16s ease}.tap-row:hover{border-color:#cce5da;background:#fbfffd}.tap-row.active{border-color:var(--green);background:var(--mint)}.tap-row.status-present{border-left:6px solid #17b978;background:#fbfffd}.tap-row.status-half{border-left:6px solid #f2b84b;background:#fffaf0}.tap-row.status-absent{border-left:6px solid #ef5b5b;background:#fff7f7}.tap-row.status-missing{border-left:6px solid #f58b36;background:#fff8f1}.tap-row.status-outside{border-left:6px solid #b42318;background:#fff3f1}.tap-row.status-weekly-off{border-left:6px solid #9aa6a0;background:#f8faf9}.tap-row.status-present em{background:#e7fff6;color:#087a57}.tap-row.status-half em{background:#fff1cf;color:#8a5b00}.tap-row.status-absent em,.tap-row.status-outside em{background:#ffe4e2;color:#9f1d15}.tap-row.status-missing em{background:#ffe8d6;color:#954300}.tap-row span,.tap-row strong,.tap-row small{display:block;min-width:0}.tap-row strong{font-size:15px}.tap-row small{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.3}.tap-row em{flex:0 0 auto;border-radius:999px;padding:4px 8px;background:#eef9f5;color:var(--green);font-size:11px;font-style:normal;font-weight:900}.row-avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;font-size:14px;font-style:normal;font-weight:900}.row-photo{display:block;width:72px;height:72px;border:2px solid #fff;border-radius:16px;background:#dfeae5;box-shadow:0 4px 12px #17201d1f;object-fit:cover;cursor:zoom-in;transform:translateZ(0)}.row-avatar.tone-a{background:#ffad4d}.row-avatar.tone-b{background:#3da7ff}.row-avatar.tone-c{background:#cd6df2}.row-avatar.tone-d{background:#25d875}.row-avatar.tone-e{background:#ff6b6b}.row-chevron{color:var(--muted)}.detail-card{min-height:180px;max-height:min(62svh,620px);overflow:auto;overscroll-behavior:contain;box-shadow:none;background:#fbfffd}.panel-grid{max-height:min(72svh,720px);overflow:auto;overscroll-behavior:contain;padding-right:4px}.panel-grid .panel{min-height:0}.directory-panel{min-width:0}.directory-panel>.panel-title-row,.directory-panel>.staff-search-bar{margin-right:0;margin-left:0}.directory-panel .detail-list-layout{margin-top:0}.dashboard-detail{max-height:min(76svh,760px);overflow:hidden}.dashboard-detail .detail-list-layout{height:min(58svh,580px)}.dashboard-detail .tap-list,.dashboard-detail .detail-card{max-height:100%}.detail-fields h3{margin:0 0 10px}.detail-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}.detail-title-row h3,.detail-title-row p{margin:0}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;padding:5px 10px;background:var(--mint);color:var(--green);font-size:12px;font-weight:900;white-space:nowrap}.status-pill.danger{background:#ffe8e5;color:var(--red)}.detail-fields p{margin:8px 0;color:var(--ink)}.detail-fields strong{color:var(--muted)}.proof-strip{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:0 0 12px;border:1px solid var(--line);border-radius:14px;padding:10px;background:#fff;max-width:100%;overflow:hidden}.proof-strip .row-photo,.proof-strip .row-avatar{width:96px;height:96px;border-radius:18px;max-width:30vw}.proof-strip span,.proof-strip strong,.proof-strip small{display:block;min-width:0}.proof-strip small{margin-top:3px;color:var(--muted)}.attendance-calendar-panel,.day-attendance-panel,.monthly-attendance-panel{margin-bottom:14px}.monthly-attendance-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:16px 0}.monthly-attendance-head span:first-child{display:grid;gap:4px}.monthly-attendance-head small{color:var(--muted)}.attendance-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;margin-bottom:16px}.attendance-summary-card{border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff;display:grid;gap:4px}.attendance-summary-card small{color:var(--muted);font-weight:900;text-transform:uppercase;font-size:11px}.attendance-summary-card strong{font-size:24px}.attendance-summary-card.ok{background:#e8fff3}.attendance-summary-card.warning{background:#fff6d9}.attendance-summary-card.danger{background:#ffeaea}.attendance-summary-card.info{background:#eaf6ff}.employee-month-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.employee-month-day{min-height:72px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);display:grid;place-items:center;gap:3px;padding:8px 4px;box-shadow:var(--soft-shadow)}.employee-month-day strong{font-size:20px}.employee-month-day small{color:var(--muted);font-weight:900;text-align:center}.employee-month-day.active{outline:3px solid rgba(0,79,59,.18);border-color:var(--green)}.employee-month-day.status-present{background:#e8fff3}.employee-month-day.status-half{background:#fff6d9}.employee-month-day.status-absent{background:#ffeaea}.employee-month-day.status-missing{background:#fff1e7}.employee-month-day.status-weekly-off{background:#edf3ff}.employee-month-day.status-outside{background:#fff1f1;border-color:#ffb3b3}.employee-month-day.late small:after{content:" Late";color:#9a5d00}.monthly-date-detail{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px;margin:16px 0}.monthly-date-detail p{margin:6px 0}.monthly-photo-actions{display:grid;gap:8px;align-content:start;justify-items:center}.responsive-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}.monthly-attendance-table{width:100%;min-width:780px;border-collapse:collapse;background:#fff}.monthly-attendance-table th,.monthly-attendance-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.monthly-attendance-table th{background:var(--green);color:#fff;font-size:12px;text-transform:uppercase}.calendar-week-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:18px 0 8px;color:var(--muted);font-size:12px;font-weight:900;text-align:center}.attendance-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-blank{min-height:82px}.calendar-day{display:grid;align-content:start;gap:6px;min-height:82px;border:1px solid var(--line);border-radius:14px;padding:10px 8px;background:#fff;color:var(--ink);text-align:left;box-shadow:var(--soft-shadow);transition:transform .16s ease,border-color .16s ease,background .16s ease}.calendar-day:hover,.calendar-day.active{border-color:var(--green);background:var(--mint);transform:translateY(-1px)}.calendar-day.today{box-shadow:inset 0 0 0 2px #11966a33,var(--soft-shadow)}.calendar-day.has-issue small{color:var(--red)}.calendar-day strong{font-size:18px}.calendar-day span{color:var(--green);font-size:12px;font-weight:900}.calendar-day small{color:var(--muted);font-size:11px;font-weight:800}.employee-home{max-width:1100px;margin:0 auto}.employee-app-top{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:#fff}.employee-menu-button{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#ffffff1f;color:#fff;flex:0 0 auto}.employee-menu-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:block}.employee-menu-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#041c1875}.employee-menu-panel{position:absolute;top:0;bottom:0;left:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(86vw,340px);padding:16px;background:#fffffffa;box-shadow:20px 0 50px #072c243d;animation:drawer-in .18s ease both}.employee-menu-layer .mobile-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.employee-menu-layer .mobile-menu-nav{display:grid;align-content:start;gap:6px;overflow:auto;padding-right:2px}.employee-menu-layer .mobile-menu-nav button{display:flex;align-items:center;gap:10px;min-height:46px;border:0;border-radius:14px;padding:10px 12px;background:transparent;color:var(--muted);font-weight:900;text-align:left}.employee-menu-layer .mobile-menu-nav button.active{background:var(--mint);color:var(--green)}.employee-menu-layer .mobile-menu-actions{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.employee-app-top>div{flex:1;min-width:0}.employee-app-top span,.employee-app-top strong{display:block}.employee-app-top span{color:#ffffffb8;font-size:13px;font-weight:800}.employee-app-top strong{font-size:22px}.employee-profile-strip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin-bottom:8px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fffffff5;box-shadow:var(--soft-shadow)}.employee-profile-strip .row-avatar{width:52px;height:52px;font-size:18px}.employee-profile-strip strong,.employee-profile-strip small,.employee-profile-strip span{display:block;min-width:0}.employee-profile-strip strong{font-size:20px}.employee-profile-strip small{margin-top:2px;color:var(--muted)}.employee-cockpit-grid{min-height:min(62svh,620px)}.employee-score-note{max-width:680px;margin:4px auto 0;text-align:center}.employee-layer-grid{max-height:none;overflow:visible}.employee-card{border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:clamp(18px,4vw,30px)}.employee-summary-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}.employee-summary-head .row-avatar{width:56px;height:56px;font-size:18px}.employee-card h1{margin-top:5px;font-size:clamp(24px,6vw,42px);line-height:1.05}.today-line{display:inline-flex;gap:8px;align-items:center;margin-top:8px;color:var(--muted);font-weight:800}.punch-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.punch-status strong{border:1px solid var(--line);border-radius:15px;padding:13px;background:#fbfefc}.punch-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.punch-detail-grid article{display:grid;gap:5px;min-height:96px;padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--soft-shadow)}.punch-detail-grid span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.punch-detail-grid strong{font-size:15px}.punch-detail-grid small{color:var(--muted);line-height:1.35}.punch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.punch-button{min-height:96px;border:0;border-radius:18px;color:#fff;font-size:20px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 12px 24px #0d6b4d24;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.punch-button:active{transform:scale(.99)}.punch-button.in{background:#07b987}.punch-button.out{background:#ff5b61}.notice{margin:14px 0 0;padding:11px 12px;border-radius:12px;background:#fff5d8;color:#6f4a00}.notice.error,.cn-action-error{display:grid;gap:5px;background:#fff0ee;color:#8f1b12;border:1px solid #ffc9c2}.helper-text{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.map-link{color:var(--blue);font-weight:900;text-decoration:underline;text-underline-offset:3px}.field-help-card{display:grid;gap:6px;margin-bottom:14px;padding:12px;border:1px solid #cfe2d8;border-radius:8px;background:#eef7f2}.field-help-card strong{color:var(--green)}.field-help-card span{color:var(--muted);font-size:13px;line-height:1.4}.embedded-login-card{display:grid;gap:12px;margin:16px 0;border:1px solid #cfe8de;border-radius:16px;padding:14px;background:#f1fff9}.embedded-login-card>div:first-child{display:grid;gap:4px}.embedded-login-card strong{color:var(--green)}.embedded-login-card span{color:var(--muted);font-size:13px;line-height:1.35}.compact-login-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.summary-pill{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--soft-shadow)}.summary-pill strong{font-size:14px}.summary-pill span{color:var(--muted);font-size:13px;line-height:1.35}.panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.panel-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.backup-hero h2,.backup-group h3{margin:6px 0}.backup-hero p{margin:0;color:var(--muted)}.backup-download-grid{display:grid;gap:14px;margin-top:14px;max-height:min(68svh,720px);overflow:auto;overscroll-behavior:contain;padding-right:4px}.backup-group .button-row{margin-top:10px}.big-money{margin:0 0 10px;font-size:28px;font-weight:900;color:var(--green)}.empty-state{border:1px dashed #b8c9c0;border-radius:16px;padding:28px;background:#fff;color:var(--muted);text-align:center}.report-tile strong,.report-tile span{display:block}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-in{0%{opacity:.6;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.report-tile span{margin-top:10px;font-size:24px;color:var(--green);font-weight:900}.month-picker{width:190px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:clamp(14px,3vw,28px);background:#09100da3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:min(560px,100%);max-height:min(88svh,760px);overflow:auto;overscroll-behavior:contain;border:1px solid rgba(210,224,218,.95);border-radius:24px;background:#fff;padding:18px;box-shadow:0 28px 90px #05241d42}.status-correction-modal{width:min(640px,96vw);max-height:min(88svh,720px);overflow:auto}.status-correction-modal textarea{min-height:110px}.collect-balance-modal{display:flex;flex-direction:column;gap:14px;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.split-payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.split-payment-summary span,.split-payment-row{border:1px solid var(--line);border-radius:18px;background:#f8fcfaf2}.split-payment-summary span{display:grid;gap:4px;padding:12px;color:var(--muted)}.split-payment-summary b{color:var(--ink);font-size:12px;text-transform:uppercase}.split-payment-list{display:grid;gap:12px}.split-payment-row{display:grid;gap:12px;padding:12px}.split-payment-row textarea{min-height:76px}.split-payment-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.add-split-payment-button{width:fit-content}.collect-balance-actions{position:sticky;bottom:-18px;z-index:4;margin:0 -18px -18px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-correction-box{display:grid;gap:12px}.modal-head{position:sticky;top:-18px;z-index:5;display:flex;justify-content:space-between;gap:12px;align-items:center;margin:-18px -18px 16px;padding:18px;border-bottom:1px solid rgba(221,232,227,.9);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-head h2,.modal-head h3{margin:0}.modal-head .icon-button,.modal-head button[aria-label]{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 10px 28px #14342b14}.modal video{width:100%;margin-top:14px;border-radius:8px;background:#0b0f0d;aspect-ratio:4 / 3;object-fit:cover}.photo-modal{width:min(720px,96vw)}.proof-photo-large{display:block;width:100%;max-height:76vh;margin-top:14px;border-radius:16px;background:#0b0f0d;object-fit:contain}.punch-photo-preview{display:block;width:100%;margin-top:14px;border-radius:8px;background:#0b0f0d;aspect-ratio:4 / 3;object-fit:contain}.error-text{color:var(--red)}@media (max-width: 1040px){.admin-layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:20;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap}.split-layout,.detail-list-layout,.panel-grid,.panel-grid.two,.backup-hero,.summary-strip{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.calendar-week-head,.attendance-calendar{gap:6px}.calendar-day,.calendar-blank{min-height:72px}.calendar-day{padding:8px 6px}.inline-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 820px){body:before{height:176px}.public-nav{grid-template-columns:1fr auto;gap:10px;min-height:66px;padding:10px 12px}.public-nav-links{display:none}.public-actions{gap:8px}.public-actions .primary-button,.public-actions .secondary-button{min-height:38px;padding:8px 10px}.public-hero{min-height:auto;padding:46px 18px 34px}.public-hero h1{font-size:42px}.hero-actions{width:100%;justify-content:center}.public-feature-strip,.setup-hero{grid-template-columns:1fr;padding-inline:12px}.brand-settings-card{grid-template-columns:auto minmax(0,1fr)}.company-launch-card{grid-template-columns:1fr}.launch-steps{min-width:0;grid-template-columns:repeat(3,minmax(0,1fr))}.launch-steps span{text-align:center}.brand-settings-card .logo-upload,.brand-settings-card .mini-button{grid-column:1 / -1}.latest-update-banner{grid-template-columns:1fr;gap:10px;margin-bottom:12px;border-radius:16px}.latest-update-banner button,.latest-update-chip{width:100%}.admin-main,.employee-home{width:100%;max-width:100%;padding:12px}.admin-main{padding-bottom:16px}.sidebar{display:none}.mobile-admin-header{position:sticky;top:0;z-index:18;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;margin:-12px -12px 14px;padding:14px 12px;border-bottom:0;background:linear-gradient(135deg,#055341fa,#087a5bfa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff}.desktop-notification-dock{display:none}.mobile-admin-header .notification-wrap,.employee-app-top .notification-wrap{justify-self:end;z-index:20}.mobile-admin-header .notification-bell,.employee-app-top .notification-bell{width:42px;height:42px;border-color:#fff3;box-shadow:0 10px 24px #00000024}.mobile-menu-button{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#ffffff1f;color:#fff}.mobile-admin-header .mobile-brand-row{display:flex;align-items:center;gap:10px;min-width:0}.mobile-admin-header .mobile-brand-row>div{display:grid;min-width:0;gap:2px}.mobile-admin-header strong{display:block;max-width:100%;overflow:hidden;font-size:22px;text-overflow:ellipsis;white-space:nowrap}.mobile-admin-header .status-chip{display:block;max-width:100%;overflow:hidden;color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:block}.mobile-menu-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#041c1875}.mobile-menu-panel{position:absolute;top:0;bottom:0;left:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(86vw,340px);padding:16px;background:#fffffffa;box-shadow:20px 0 50px #072c243d;animation:drawer-in .18s ease both}.mobile-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.menu-select{margin-bottom:14px}.mobile-menu-nav{display:grid;align-content:start;gap:6px;overflow:auto;padding-right:2px}.mobile-menu-nav button{display:flex;align-items:center;gap:10px;min-height:46px;border:0;border-radius:14px;padding:10px 12px;background:transparent;color:var(--muted);font-weight:900;text-align:left}.mobile-menu-nav button.active{background:var(--mint);color:var(--green)}.mobile-menu-group{display:grid;gap:4px}.mobile-menu-nav .sidebar-chevron{margin-left:auto;transition:transform .18s ease}.mobile-menu-subnav{display:grid;gap:3px;margin:0 0 6px 28px;padding-left:10px;border-left:1px solid var(--line)}.mobile-menu-nav .mobile-menu-subnav button{min-height:38px;border-radius:12px;padding:8px 10px;font-size:13px}.mobile-menu-actions{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.mobile-bottom-nav{display:none}.mobile-bottom-nav button{display:grid;place-items:center;gap:3px;min-width:0;min-height:48px;border:0;border-radius:14px;background:transparent;color:var(--muted);font-size:10px;font-weight:800;transition:background .16s ease,color .16s ease,transform .16s ease}.mobile-bottom-nav button.active{background:var(--mint);color:var(--green)}.mobile-bottom-nav span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-week-head{gap:4px;font-size:10px}.attendance-calendar{gap:4px}.calendar-day,.calendar-blank{min-height:62px}.calendar-day{padding:7px 5px}.calendar-day strong{font-size:15px}.calendar-day span,.calendar-day small{font-size:9px;line-height:1.1}.brand-lockup.compact{margin-bottom:10px}.sidebar nav{gap:7px;padding-bottom:2px;-webkit-overflow-scrolling:touch}.sidebar nav button{min-width:max-content;min-height:44px}.form-grid,.inline-form,.punch-detail-grid{grid-template-columns:1fr}.page-header{display:grid;gap:10px;margin-bottom:12px;color:#fff}.section-title-row{display:grid}.page-header h1{font-size:22px}.page-header p{color:#ffffffc2;font-size:13px;line-height:1.35}.page-header .primary-button,.page-header .secondary-button,.button-row .primary-button,.button-row .secondary-button{width:100%}.detail-list-layout{grid-template-columns:1fr;height:auto}.tap-row{min-height:64px}.tap-list{max-height:44svh}.detail-card{border-radius:18px;max-height:48svh}.detail-card{padding:14px}.table-wrap{border:0;box-shadow:none;background:transparent;max-height:min(62svh,620px);overflow:auto;padding-right:2px}table,thead,tbody,tr,td{display:block;width:100%;min-width:0}table{border-collapse:separate;border-spacing:0 10px}thead{display:none}tr{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}td{display:grid;grid-template-columns:minmax(96px,38%) minmax(0,1fr);gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);word-break:break-word}td:before{content:attr(data-label);color:var(--muted);font-weight:800}td:last-child{border-bottom:0}td.actions-cell{display:flex;flex-wrap:wrap;gap:8px}td.actions-cell:before{width:100%}}@media (max-width: 640px){body{background:var(--wash)}body:before{height:150px}.top-strip{display:none}.top-strip span{min-width:0;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.install-area{justify-content:center;margin-left:0}.install-area small{position:fixed;right:10px;bottom:74px;left:10px;z-index:50;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff5d8;color:#6f4a00;text-align:left;box-shadow:var(--shadow)}.top-strip span svg{flex:0 0 auto}.page-header{display:grid}.form-grid,.inline-form,.punch-grid,.punch-status,.punch-detail-grid{grid-template-columns:1fr}.employee-home,.admin-main{padding:8px;overflow-x:hidden}.employee-app-top{position:sticky;top:0;z-index:18;margin:-8px -8px 8px;padding:10px 8px;background:linear-gradient(135deg,#055341fa,#087a5bfa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.employee-app-top .brand-mark{width:38px;height:38px;border-radius:13px}.employee-app-top strong{max-width:100%;overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.employee-profile-strip{margin-bottom:6px;padding:10px;border-radius:16px}.employee-profile-strip .row-avatar{width:44px;height:44px;font-size:15px}.employee-profile-strip strong{font-size:17px}.employee-cockpit-grid{min-height:calc(100svh - 206px)}.form-panel,.inline-form{max-height:none;overflow:visible;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.form-panel .button-row,.inline-form .button-row{position:sticky;bottom:-1px;z-index:2;margin-right:-8px;margin-bottom:-8px;margin-left:-8px;padding:10px 8px 8px;border-top:1px solid var(--line);background:linear-gradient(180deg,#ffffffdb,#fff 28%)}.admin-main>section,.employee-home,.panel,.attendance-hero,.invite-staff-button,.staff-search-bar,.dashboard-detail,.detail-list-layout,.tap-list,.tap-row{width:100%;max-width:100%;min-width:0}.mobile-admin-header{margin:-8px -8px 8px;padding:10px 8px;gap:8px}.mobile-admin-header strong{font-size:18px}.module-toggle-grid{grid-template-columns:1fr}.panel-grid{max-height:none;overflow:visible}.task-list{max-height:min(58svh,560px);overflow:auto;overscroll-behavior:contain}.kpi-grid{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:4px 6px;min-height:calc(100svh - 196px);margin:0 -22px 10px;padding:4px 10px 18px;overflow:visible}.kpi{--kpi-size: 128px;--kpi-shift: 0px;flex-basis:var(--kpi-size);width:var(--kpi-size);height:var(--kpi-size);padding:12px}.kpi-grid .kpi:nth-child(n){--kpi-size: 126px;--kpi-shift: 0px}.kpi-grid .kpi:nth-child(3n+1){--kpi-size: 146px;--kpi-shift: -4px}.kpi-grid .kpi:nth-child(4n+2){--kpi-size: 112px;--kpi-shift: 10px}.kpi-grid .kpi:nth-child(5n){--kpi-size: 118px;--kpi-shift: -8px}.kpi span{font-size:9px;line-height:1.2;overflow-wrap:anywhere}.kpi strong{margin-top:0;font-size:22px}.app-page-top{gap:8px;margin-bottom:10px}.cockpit-filter-note{margin:-2px 2px 6px;font-size:10px}.branch-select{min-height:40px;padding:0 12px;font-size:15px}.app-top-icons{display:none}.login-screen{align-items:stretch;padding:0;background:radial-gradient(circle at 20% 10%,rgba(19,215,160,.22),transparent 38%),linear-gradient(#043f34 0 230px,transparent 230px),var(--wash)}.login-panel{width:100%;min-height:auto;margin-top:76px;border:1px solid var(--line);border-radius:24px 24px 0 0;box-shadow:0 -10px 30px #15221c1f;padding:18px 16px 24px}.login-panel h1{font-size:30px}input,select,textarea{min-height:48px;font-size:16px}.primary-button,.secondary-button{width:100%;min-height:48px}.employee-card{border:1px solid var(--line);box-shadow:var(--soft-shadow);padding:18px 14px}.employee-card h1{font-size:34px;line-height:1.1}.punch-button{min-height:116px;font-size:24px}.attendance-hero{grid-template-columns:auto minmax(0,1fr);min-height:88px;gap:10px;border-radius:18px;padding:14px}.attendance-hero>svg{display:none}.attendance-hero .hero-icon{width:40px;height:40px;border-radius:13px}.attendance-hero small{font-size:12px}.attendance-hero strong{margin-top:4px;font-size:25px;line-height:1.1}.invite-staff-button{min-height:44px;margin:9px 0;padding:8px 10px;font-size:14px;line-height:1.2}.staff-search-bar{min-height:44px;margin-bottom:9px;border-radius:16px;font-size:15px}.dashboard-detail{margin-top:10px}.dashboard-detail>h2{font-size:18px;line-height:1.2}.tap-row{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:82px;padding:9px 10px;border-radius:15px}.tap-row .row-chevron{display:none}.tap-row em{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-avatar{width:38px;height:38px;font-size:13px}.row-photo{width:62px;height:62px;border-radius:14px}.tap-row strong{font-size:15px;line-height:1.15}.tap-row small{font-size:12px}.invite-staff-button,.staff-search-bar{margin-inline:0}.punch-status strong{padding:15px}.panel{box-shadow:var(--soft-shadow)}.table-wrap{border:0;box-shadow:none;background:transparent}table,thead,tbody,tr,td{display:block;width:100%;min-width:0}table{border-collapse:separate;border-spacing:0 10px}thead{display:none}tr{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--soft-shadow);overflow:hidden}td{display:grid;grid-template-columns:minmax(110px,40%) minmax(0,1fr);gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);word-break:break-word}td:before{content:attr(data-label);color:var(--muted);font-weight:800}td:last-child{border-bottom:0}.actions-cell{display:flex;flex-wrap:wrap;align-items:center}.actions-cell:before{width:100%}.mini-button{min-height:38px}.sidebar{padding:10px}.brand-lockup.compact{margin-bottom:10px}.sidebar nav button{min-width:max-content;min-height:42px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.optical-slip-panel{display:grid;gap:14px}.quick-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quick-strip span,.balance-card{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#f8faf8}.quick-strip b,.balance-card span{color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}.optical-toggle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.optical-order-type-grid{display:flex;flex-wrap:wrap;gap:8px}.product-type-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;overscroll-behavior-inline:contain}.order-type-pill{min-height:44px;border:1px solid #cfe2d8;border-radius:999px;padding:8px 14px;background:#fff;color:var(--ink);font-weight:900;cursor:pointer;white-space:nowrap}.order-type-pill svg{vertical-align:-2px}.order-type-pill.active{border-color:var(--green);background:#e7f8f0;color:var(--green)}.optical-toggle-grid.compact .optical-item-toggle{min-height:58px}.optical-item-toggle{min-height:68px}.optical-power-list{display:grid;gap:10px}.optical-power-card{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcfb}.optical-power-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.optical-power-field{min-width:0}.optical-power-selects{display:grid;grid-template-columns:64px minmax(0,1fr);gap:6px;margin-top:5px}.optical-power-selects select{min-height:44px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:16px;font-weight:850}.optical-power-field strong{display:block;margin-top:5px;color:var(--brand);font-size:13px}.order-collapse{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.order-collapse+.order-collapse{margin-top:2px}.order-collapse summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px;cursor:pointer;list-style:none;background:#fbfffd}.order-collapse summary::-webkit-details-marker{display:none}.order-collapse summary span,.order-collapse summary strong,.order-collapse summary small{display:block;min-width:0}.order-collapse summary small{margin-top:3px;color:var(--muted);font-size:13px}.order-collapse[open] summary svg{transform:rotate(90deg)}.order-collapse-body{display:grid;gap:14px;padding:14px;border-top:1px solid var(--line)}.saved-order-list{display:grid;gap:10px}.saved-order-collapse summary{min-height:72px}.saved-order-summary-actions{display:inline-flex!important;align-items:center;gap:8px;justify-self:end}.saved-order-summary-actions em{border-radius:999px;padding:6px 10px;background:#e9f8f0;color:var(--green);font-style:normal;font-size:12px;font-weight:900;white-space:nowrap}.order-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.order-detail-grid p{margin:0}.order-status-banner{display:grid;gap:4px;border:1px solid var(--line);border-left:8px solid var(--green);border-radius:16px;background:#f5fffa;padding:12px 14px}.order-status-banner span,.order-status-banner small{color:var(--muted);font-weight:850}.order-status-banner span{font-size:11px;text-transform:uppercase}.order-status-banner strong{font-size:20px}.order-manager-stack,.order-workflow-form,.order-timeline-list{display:grid;gap:12px}.order-workflow-item,.order-timeline-item{display:grid;gap:8px;border:1px solid var(--line);border-radius:14px;background:#fbfffd;padding:12px}.order-workflow-item small,.order-timeline-item small,.order-timeline-item span{color:var(--muted);font-weight:800}.order-workflow-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}.order-workflow-kpi{display:grid;gap:6px;border:1px solid var(--line);border-radius:16px;background:#f5fffa;padding:14px}.order-workflow-kpi span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.order-workflow-kpi strong{font-size:28px}.optical-pair-list,.extra-product-list{display:grid;gap:12px}.optical-pair-card,.extra-product-card,.order-pair-mini{display:grid;gap:12px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfcfb}.optical-pair-card h3{margin:0}.extra-product-card h3{margin:0;font-size:16px}.product-card{background:#fff}.product-card .panel-title-row{border-bottom:1px solid var(--line);padding-bottom:8px}.product-line-card{display:block;padding:0;overflow:hidden}.product-line-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;cursor:pointer;list-style:none}.product-line-summary::-webkit-details-marker{display:none}.product-line-summary span,.product-line-summary strong,.product-line-summary small{min-width:0}.product-line-summary strong,.product-line-summary small{display:block}.product-line-summary strong{font-size:16px}.product-line-summary small{margin-top:4px;color:var(--muted);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-line-summary em{font-style:normal;font-weight:900;color:var(--green);white-space:nowrap}.product-line-body{display:grid;gap:12px;padding:12px;border-top:1px solid var(--line)}.add-product-main{width:100%;margin-top:12px}.extra-total-card{display:grid;gap:4px;justify-items:start;padding:12px;border:1px dashed #b7d8ca;border-radius:14px;background:#f5fffa}.extra-total-card span,.extra-total-card small{color:var(--muted);font-weight:800}.extra-total-card strong{color:var(--green);font-size:22px}.order-photo-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #cfe2d8;border-radius:999px;padding:8px 14px;background:#fff;color:var(--green);font-weight:900;cursor:pointer}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.order-photo-preview{display:grid;gap:6px;width:min(150px,46vw);margin:0}.order-photo-preview img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:#fff}.order-photo-preview figcaption{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.order-pair-summary{display:grid;gap:10px;margin:10px 0}.order-pair-mini span,.order-pair-mini small,.audit-mini-list small{display:block;color:var(--muted)}.audit-mini-list{display:grid;gap:5px;margin-top:12px;padding:10px;border-radius:12px;background:#f5faf7}@media (max-width: 760px){.optical-slip-panel{padding-top:env(safe-area-inset-top)}.quick-strip,.optical-toggle-grid,.optical-power-grid{grid-template-columns:1fr 1fr}.product-type-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;overflow:visible;padding-bottom:0}.product-type-strip .order-type-pill{display:flex;min-width:0;min-height:54px;align-items:center;justify-content:flex-start;gap:8px;border-radius:14px;padding:10px 12px;white-space:normal;text-align:left;line-height:1.15}.optical-order-type-grid{display:grid;grid-template-columns:1fr 1fr}.saved-order-collapse summary{grid-template-columns:1fr}.saved-order-summary-actions{justify-self:start}.order-detail-grid{grid-template-columns:1fr}.order-workflow-item .button-row,.order-workflow-form .button-row{display:grid;grid-template-columns:1fr}.order-workflow-item .mini-button,.order-workflow-form .primary-button,.order-workflow-form .secondary-button{width:100%;min-height:44px}}.desktop-notification-row{position:sticky;top:0;z-index:12;display:flex;justify-content:flex-end;padding:10px 0 0;pointer-events:none}.desktop-notification-row .notification-wrap{pointer-events:auto}.notification-wrap{position:relative;display:inline-flex;flex:0 0 auto;justify-content:flex-end}.notification-wrap.notification-open{z-index:10020}.notification-bell{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#fff;color:var(--green);box-shadow:var(--soft-shadow)}.notification-bell span{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:900}.notification-panel{position:fixed;top:76px;right:18px;z-index:10030;width:min(430px,calc(100vw - 28px));max-height:min(620px,76vh);overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 24px 60px #17201d2e;padding:12px}.notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line)}.notification-head span,.notification-item span{display:grid;gap:4px;min-width:0}.notification-head small,.notification-item small,.notification-item em{color:var(--muted);font-style:normal}.notification-filter-row,.notification-actions{display:flex;gap:8px;flex-wrap:wrap;padding:10px 4px 4px}.notification-filter-row button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 12px;font-weight:900;color:var(--muted)}.notification-filter-row button.active{border-color:var(--green);background:var(--mint);color:var(--green)}.notification-item{width:100%;border:1px solid transparent;border-radius:14px;background:#fff;padding:0;margin-top:8px;text-align:left;overflow:hidden}.notification-item>button:first-child{width:100%;border:0;background:transparent;padding:12px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.notification-item.unread{background:var(--mint);border-color:#004f3b29}.priority-badge{align-self:start;border-radius:999px;padding:5px 8px;font-size:10px;text-transform:uppercase;background:#fff0db;color:#8a5200}.priority-badge.critical{background:#ffe5e5;color:var(--red)}.notification-read-button{margin:0 12px 10px;padding:0;color:var(--green)}@media (max-width: 640px){.notification-panel{inset:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom)) 10px;width:auto;max-height:none;border-radius:22px;padding:12px;overflow-y:auto;overscroll-behavior:contain}.notification-item>button:first-child{min-height:64px}.monthly-attendance-head,.monthly-date-detail{grid-template-columns:1fr;display:grid}.employee-month-calendar{grid-template-columns:repeat(4,minmax(0,1fr))}.employee-month-day{min-height:64px}.attendance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monthly-photo-actions{justify-items:stretch}.monthly-photo-actions .row-photo,.monthly-photo-actions .row-avatar{justify-self:start}}.cn-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}.cn-status-grid button{min-height:92px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px;text-align:left;box-shadow:var(--soft-shadow)}.cn-status-grid button.active{border-color:var(--green);background:var(--mint)}.cn-status-grid button.danger{background:#fff4f2}.cn-status-grid button:nth-child(1){background:#ecfeff}.cn-status-grid button:nth-child(2){background:#fff7db}.cn-status-grid button:nth-child(3),.cn-status-grid button:nth-child(8){background:#eaf6ff}.cn-status-grid button:nth-child(4),.cn-status-grid button:nth-child(5){background:#fff0ef}.cn-status-grid button:nth-child(6){background:#ecfdf3}.cn-status-grid button:nth-child(7){background:#f4f7fb}.cn-status-grid span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.cn-status-grid strong{display:block;margin-top:8px;font-size:32px}.cn-create-grid,.cn-workbench{align-items:start}.cn-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:12px 0}.cn-file-card{min-height:150px;align-content:center;justify-items:center;text-align:center;border:1px dashed #bdd5cd;border-radius:16px;background:#fbfffd;padding:12px}.cn-file-card img{width:100%;height:110px;object-fit:cover;border-radius:12px}.file-thumbnail-loading{display:grid;min-height:110px;place-items:center;border-radius:12px;background:#f3f8f5;color:#6f7c76;font-weight:800}.cn-file-card span{color:var(--green);font-weight:900}.checklist-card{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fbfffd}.cn-case-detail{display:grid;gap:14px}.cn-case-row{border-left:8px solid #dce7e1;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.cn-case-row.cn-tone-new{border-left-color:#38bdf8;background:#f4fbff}.cn-case-row.cn-tone-pickup{border-left-color:#f59e0b;background:#fffbeb}.cn-case-row.cn-tone-awaited{border-left-color:#2563eb;background:#f3f7ff}.cn-case-row.cn-tone-problem,.cn-case-row.cn-tone-rejected{border-left-color:#dc2626;background:#fff5f5}.cn-case-row.cn-tone-credited{border-left-color:#16a34a;background:#f1fff7}.cn-case-row.cn-tone-partial{border-left-color:#f97316;background:#fff7ed}.cn-case-row.cn-tone-closed{border-left-color:#64748b;background:#f8fafc}.cn-current-line{color:#0f5132;font-weight:900}.cn-dashboard-actions{justify-content:flex-end;margin-bottom:12px}.cn-drawer-actions,.cn-success-actions{margin:12px 0}.cn-list-drawer{width:min(920px,96vw)}.cn-success-modal{width:min(560px,94vw)}.cn-reset-box,.cn-import-samples,.cn-import-complete{display:grid;gap:10px;margin:12px 0;border:1px solid var(--line);border-radius:18px;background:#fbfffd;padding:14px}.cn-reset-box small,.cn-import-samples small{color:var(--muted);font-weight:800}.cn-import-samples{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.cn-import-samples section{display:grid;gap:6px;min-width:0}.cn-import-samples h3{margin:0;font-size:15px}.cn-import-complete{border-left:8px solid #16a34a}.cn-import-complete.warning{border-left-color:#f59e0b;background:#fffbeb}.cn-import-complete h3{margin:0}.file-inline-button{position:relative;display:inline-flex;min-height:44px;align-items:center;justify-content:center;cursor:pointer}.file-inline-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.cn-import-sheets{display:grid;gap:12px;margin:12px 0}.cn-import-sheet-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.cn-import-sheet-card>.tap-row{width:100%;border:0;border-radius:0;background:#fbfffd}.cn-import-sheet-body{display:grid;gap:12px;padding:14px}.notice.warning{background:#fff5d7;color:#5c4300;border-color:#ffe6a3}.notice.warning.compact{display:grid;gap:4px}.check-row{display:flex;align-items:center;gap:10px;font-weight:900;margin:10px 0}.check-row input[type=checkbox]{display:block!important;-moz-appearance:auto;appearance:auto;-webkit-appearance:checkbox;width:24px;min-width:24px;height:24px;min-height:24px;padding:0;accent-color:var(--green)}.check-row span{display:grid;gap:3px;min-width:0}.check-row small{color:var(--muted);font-weight:800;line-height:1.35}.check-row.disabled{opacity:.72}.cn-import-duplicate-toggle{align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fbfffd}.cn-import-duplicate-toggle input[type=checkbox]{margin-top:3px;outline:2px solid rgba(0,82,61,.16);outline-offset:2px}.cn-mobile-action-bar{display:none}.button-row.inline{align-items:center;justify-content:flex-end;gap:8px}.cn-extraction-box{display:grid;gap:6px;margin:8px 0 14px;border:1px solid var(--line);border-left:8px solid #38bdf8;border-radius:16px;background:#f4fbff;padding:12px 14px}.cn-extraction-box small{color:var(--muted);font-weight:800}.cn-extraction-box.pending{border-left-color:#f59e0b;background:#fffbeb}.cn-extraction-box.low_confidence,.cn-extraction-box.failed{border-left-color:#dc2626;background:#fff5f5}.cn-extraction-box.extracted,.cn-extraction-box.verified{border-left-color:#16a34a;background:#f1fff7}.cn-status-banner{display:grid;gap:8px;border:1px solid var(--line);border-left:8px solid #dce7e1;border-radius:18px;padding:14px 16px;background:#fbfffd}.cn-status-banner strong{font-size:clamp(16px,2vw,22px)}.cn-status-banner small{color:var(--muted);font-weight:800}.cn-status-banner.cn-tone-new{border-left-color:#38bdf8;background:#f4fbff}.cn-status-banner.cn-tone-pickup{border-left-color:#f59e0b;background:#fffbeb}.cn-status-banner.cn-tone-awaited{border-left-color:#2563eb;background:#f3f7ff}.cn-status-banner.cn-tone-problem,.cn-status-banner.cn-tone-rejected{border-left-color:#dc2626;background:#fff5f5}.cn-status-banner.cn-tone-credited{border-left-color:#16a34a;background:#f1fff7}.cn-status-banner.cn-tone-partial{border-left-color:#f97316;background:#fff7ed}.cn-status-banner.cn-tone-closed{border-left-color:#64748b;background:#f8fafc}.cn-modal-backdrop{align-items:center;justify-items:center;z-index:80;padding:clamp(14px,4vw,34px)}.cn-modal{width:min(920px,calc(100vw - 36px));max-height:min(86svh,820px);overflow:auto;overscroll-behavior:contain;border-radius:28px;padding:20px;transform:translateZ(0)}.cn-modal .modal-head{position:sticky;top:-20px;z-index:8;margin:-20px -20px 16px;padding:20px;border-bottom:1px solid var(--line);background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cn-modal .modal-head>div{min-width:0}.cn-modal .modal-head h2,.cn-modal .modal-head h3{max-width:100%;overflow-wrap:anywhere}.cn-modal .modal-head p{margin:3px 0 0;color:var(--muted);font-weight:800}.cn-list-drawer{display:grid;grid-template-rows:auto minmax(0,1fr)}.cn-list-drawer .cn-case-row{margin-inline:0}.filter-strip{display:grid;grid-template-columns:minmax(220px,1fr) 180px 220px;gap:12px;margin-bottom:16px;padding:14px}.cn-filter-strip{position:sticky;top:0;z-index:6;box-shadow:0 16px 36px #17201d14}.empty-state.compact{min-height:auto;padding:12px}.tutorial-help-page{display:grid;gap:18px}.tutorial-search-panel{display:grid;gap:14px}.tutorial-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start}.tutorial-card-grid .order-collapse{background:var(--card)}.tutorial-steps{margin:10px 0 0;padding-left:22px;color:var(--muted);line-height:1.55}.tutorial-steps li{margin-bottom:8px}.tutorial-faq-panel{display:grid;gap:10px}.schema-error-backdrop{align-items:center;justify-content:center;padding:18px}.schema-error-modal{width:min(560px,calc(100vw - 32px));max-height:min(680px,calc(100svh - 36px));overflow:auto;border-radius:22px}.schema-error-message{margin:0 0 14px;color:#7f1d1d;font-weight:800}.schema-error-details{display:grid;gap:8px;padding:14px;border:1px solid #fecaca;border-radius:16px;background:#fff7f7}.schema-error-details pre{max-height:220px;margin:0;overflow:auto;white-space:pre-wrap;word-break:break-word;color:#7f1d1d;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}@media (max-width: 760px){.desktop-notification-row{display:none}.notification-panel{inset:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom)) 10px;width:auto;max-height:none;overflow-y:auto;z-index:10030}.filter-strip,.tutorial-card-grid{grid-template-columns:1fr}.cn-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-status-grid button{min-height:84px}.cn-modal{width:100vw;max-height:100svh;border-radius:0;padding-bottom:96px}.cn-modal .modal-head{margin:-16px -16px 12px}.cn-modal .button-row,.cn-success-actions,.cn-drawer-actions{display:grid;grid-template-columns:1fr}.cn-modal .primary-button,.cn-modal .secondary-button{width:100%;min-height:48px}.collect-balance-modal{width:100vw;max-height:100dvh;border-radius:0}.split-payment-summary{grid-template-columns:1fr}.split-payment-row-head{align-items:flex-start}.add-split-payment-button{width:100%;min-height:48px}.collect-balance-actions{display:grid;grid-template-columns:1fr}.cn-mobile-action-bar{position:sticky;right:0;bottom:-16px;left:0;z-index:4;display:grid;grid-template-columns:1fr;gap:10px;margin:14px -16px -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;box-shadow:0 -18px 32px #17201d1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.cn-success-actions{position:sticky;bottom:-16px;margin:14px -16px -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;box-shadow:0 -18px 32px #17201d1f}.schema-error-backdrop{align-items:flex-end;padding:0}.schema-error-modal{width:100vw;max-height:88svh;border-radius:24px 24px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}}