.cx-page{flex-direction:column;gap:20px;min-width:0;max-width:1240px;display:flex;container-type:inline-size}.cx-page *{overflow-wrap:anywhere;min-width:0}.cx-head{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex}.cx-head h1{font-family:var(--font-display);color:var(--navy-deep);margin:0;font-size:clamp(22px,4cqi,28px)}.cx-head p{color:var(--text-muted);margin:4px 0 0}.cx-summary{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px;display:grid}.cx-summary-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:18px 22px;display:flex}.cx-summary-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:700}.cx-summary-value{font-family:var(--font-display);font-size:30px}.cx-summary-foot{color:var(--text-muted);font-size:13px}.cx-summary-card.cx-tone-due .cx-summary-value{color:var(--red)}.cx-summary-card.cx-tone-advance .cx-summary-value{color:var(--teal-dark)}.cx-summary-card.cx-tone-overdue .cx-summary-value{color:#b45309}.cx-toolbar{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.cx-filters{flex-wrap:wrap;gap:8px;display:flex}.cx-filter{border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-main);border-radius:var(--radius-pill);cursor:pointer;padding:7px 14px;font-weight:600}.cx-filter span{color:var(--text-muted);margin-left:6px;font-size:12px}.cx-filter.is-active{color:#fff;background:#f97316;border-color:#f97316}.cx-filter.is-active span{color:#fff}.cx-search{border:1px solid var(--border);border-radius:var(--radius-pill);max-width:360px;font:inherit;background:var(--bg-subtle);flex:220px;padding:9px 16px}.cx-list{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.cx-list-head,.cx-row{grid-template-columns:minmax(0,2.2fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr) 250px;align-items:center;gap:12px;padding:14px 20px;display:grid}.cx-list-head{background:var(--sky-pale);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:700}.cx-row{border-top:1px solid var(--border-subtle)}.cx-row:hover{background:var(--bg-subtle)}.cx-row-who{text-align:left;cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.cx-row-name{flex-direction:column;display:flex}.cx-row-name small{color:var(--text-muted)}.cx-avatar{background:var(--sky-light);width:40px;height:40px;color:var(--navy);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.cx-avatar.cx-tone-due{background:var(--red-light);color:var(--red)}.cx-avatar.cx-tone-advance{background:var(--teal-light);color:var(--teal-dark)}.cx-balance{font-family:var(--font-display);font-size:17px;font-weight:700}.cx-balance.cx-tone-due{color:var(--red)}.cx-balance.cx-tone-advance{color:var(--teal-dark)}.cx-balance.cx-tone-settled{color:var(--text-muted);font-weight:600}.cx-chip{border-radius:var(--radius-pill);justify-self:start;padding:4px 10px;font-size:13px;font-weight:600}.cx-due-overdue{background:var(--red-light);color:var(--red)}.cx-due-today{color:#b45309;background:#fef3c7}.cx-due-upcoming{background:var(--sky-pale);color:var(--navy)}.cx-due-none{color:var(--text-light)}.cx-row-when{color:var(--text-muted);font-size:14px}.cx-row-actions{flex-wrap:wrap;gap:8px;display:flex}.cx-btn{border-radius:var(--radius-sm);font:inherit;cursor:pointer;border:1px solid #0000;padding:8px 14px;font-weight:700}.cx-btn:disabled{opacity:.6;cursor:wait}.cx-btn-primary{color:#fff;background:#f97316}.cx-btn-ghost{background:var(--card-bg);border-color:var(--border);color:var(--text-main)}.cx-btn-credit{background:var(--red-light);color:var(--red);border-color:#fecaca}.cx-btn-payment{background:var(--teal-light);color:var(--teal-dark);border-color:#a7f3d0}.cx-state{background:var(--card-bg);border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:28px;display:flex}.cx-state-error{color:var(--red);border-style:solid;border-color:#fecaca}.cx-dialog-backdrop{z-index:50;background:#0f172a59;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.cx-dialog{background:var(--card-bg);border-radius:var(--radius-lg);width:min(440px,100%);box-shadow:var(--shadow-lg);flex-direction:column;gap:12px;padding:24px;display:flex}.cx-dialog-title{font-family:var(--font-display);margin:0;font-size:22px}.cx-dialog-sub,.cx-dialog-help{color:var(--text-muted);margin:0}.cx-field{flex-direction:column;gap:6px;font-weight:600;display:flex}.cx-field input{border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;padding:10px 12px}.cx-error{color:var(--red);margin:0;font-weight:600}.cx-dialog-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}@container (width<=960px){.cx-list-head{display:none}.cx-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who bal""due when""act act";row-gap:10px}.cx-row-who{grid-area:who}.cx-balance{text-align:right;grid-area:bal}.cx-chip{grid-area:due}.cx-row-when{text-align:right;grid-area:when}.cx-row-actions{grid-area:act}.cx-row-actions .cx-btn{flex:140px}}@container (width<=520px){.cx-head,.cx-toolbar{padding:16px}.cx-head>.cx-btn,.cx-head .lg-actions{width:100%}.cx-head .lg-actions .cx-btn,.cx-head>.cx-btn{flex:auto}.cx-search{max-width:none}}.lg-back{color:var(--navy);font-weight:600;text-decoration:none}.lg-head{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:auto 1fr auto;grid-template-areas:"av who bal""act act act";align-items:center;gap:16px 20px;padding:22px 26px;display:grid}.lg-avatar{border-radius:var(--radius-md);grid-area:av;width:64px;height:64px;font-size:22px}.lg-who{flex-direction:column;grid-area:who;gap:4px;display:flex}.lg-who h1{font-family:var(--font-display);color:var(--navy-deep);margin:0;font-size:28px}.lg-who span{color:var(--text-muted)}.lg-balance-box{flex-direction:column;grid-area:bal;align-items:flex-end;gap:6px;display:flex}.lg-balance{font-family:var(--font-display);font-size:32px}.lg-balance.cx-tone-due{color:var(--red)}.lg-balance.cx-tone-advance{color:var(--teal-dark)}.lg-balance.cx-tone-settled{color:var(--text-muted)}.lg-due{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.lg-due input{border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;padding:6px 8px}.lg-actions{flex-wrap:wrap;grid-area:act;gap:10px;display:flex}.lg-actions .cx-btn{padding:10px 18px}.lg-share{background:var(--sky-pale);border:1px solid var(--border-sky);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.lg-share input{border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;flex:280px;padding:8px 10px}.lg-claims{flex-direction:column;gap:10px;display:flex}.lg-claim{background:var(--sky-pale);border:1px solid var(--border-sky);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.lg-claim p{color:var(--text-muted);margin:4px 0 0;font-size:14px}.lg-claim-actions{gap:8px;display:flex}.lg-entry{border-top:1px solid var(--border-subtle);grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr) minmax(0,2fr) minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:12px;padding:14px 20px;display:grid}.lg-entry-head{background:var(--sky-pale);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-top:0;font-size:12px;font-weight:700}.lg-when{color:var(--text-muted);font-size:14px}.lg-details{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.lg-photo{color:var(--navy);font-size:13px}.lg-chip-paid{background:var(--teal-light);color:var(--teal-dark)}.lg-review{margin-left:6px}.lg-after{text-align:right;font-weight:600}.lg-after.cx-tone-due{color:var(--red)}.lg-after.cx-tone-advance{color:var(--teal-dark)}@container (width<=760px){.lg-head{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"av who""bal bal""act act";padding:16px}.lg-balance-box{align-items:flex-start}.lg-actions .cx-btn{flex:140px}}@container (width<=900px){.lg-entry-head{display:none}.lg-entry{grid-template-columns:minmax(0,1fr) auto;row-gap:8px}.lg-details{grid-column:1/-1}}.an-chart{width:100%;min-width:0}.an-empty{text-align:center;color:var(--text-light);margin:0;padding:24px 8px;font-size:14px}.an-donut{grid-template-columns:minmax(140px,200px) minmax(0,1fr);align-items:center;gap:16px;display:grid}.an-donut-chart{height:190px;position:relative}.an-donut-total{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.an-donut-total small{color:var(--text-light);font-size:12px}.an-donut-total strong{font-family:var(--font-display);font-size:18px}.an-legend{gap:8px;margin:0;padding:0;list-style:none;display:grid}.an-legend li{background:var(--card-muted);border-radius:10px;grid-template-columns:12px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:grid}.an-legend i{border-radius:50%;width:12px;height:12px}.an-legend small{color:var(--text-light);text-align:right;min-width:34px}@container (width<=420px){.an-donut{grid-template-columns:1fr}}.an-link-btn{text-decoration:none}.an-range{flex-wrap:wrap;gap:12px;display:flex}.an-range .cx-field{min-width:160px}.an-ranklist{gap:4px;margin:8px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.an-ranklist li{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.an-ranklist span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.an-ranklist small{color:var(--text-light)}.an-khata{gap:14px;display:grid}.an-khata>div{flex-direction:column;gap:2px;display:flex}.an-khata small{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.an-khata strong{font-family:var(--font-display);font-size:22px}.an-khata span{color:var(--text-light);font-size:13px}.an-due{color:var(--red)}.an-good{color:var(--teal-dark)}.an-meter{background:var(--bg-subtle);border-radius:999px;height:10px;overflow:hidden}.an-meter span{background:var(--teal);border-radius:999px;height:100%;display:block}.an-insights{gap:10px;margin:0;padding:0;list-style:none;display:grid}.an-insights li{background:var(--card-muted);border-radius:12px;padding:10px 12px}.an-insights p{color:var(--text-muted);margin:2px 0 0;font-size:14px}.hd-page{container-type:inline-size}.hd-welcome p{margin-top:4px}.hd-partial{flex-direction:row;justify-content:space-between}.hd-kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;display:grid}.hd-kpi{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-main);flex-direction:column;gap:6px;min-width:0;padding:18px 20px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.hd-kpi:hover{border-color:var(--orange);transform:translateY(-1px)}.hd-kpi-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:700}.hd-kpi-value{font-family:var(--font-display);overflow-wrap:anywhere;font-size:30px;line-height:1.1}.hd-kpi-foot{color:var(--text-light);font-size:13px}.hd-kpi-due .hd-kpi-value{color:var(--red)}.hd-kpi-upi .hd-kpi-value{color:var(--teal-dark)}.hd-overdue{color:var(--red);font-weight:700}.hd-missing{color:var(--text-light);font-size:14px}.hd-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;display:grid}.hd-grid-wide{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}@container (width<=900px){.hd-grid-wide{grid-template-columns:1fr}}.hd-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0;padding:18px 20px;container-type:inline-size}.hd-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.hd-panel-head h2{font-family:var(--font-display);margin:0;font-size:18px}.hd-panel-head p{color:var(--text-light);margin:2px 0 0;font-size:13px}.hd-link{color:var(--orange-dark);white-space:nowrap;font-size:14px;font-weight:700;text-decoration:none}.hd-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.hd-row{color:var(--text-main);border-radius:10px;align-items:center;gap:10px;min-width:0;padding:8px 6px;text-decoration:none;display:flex}a.hd-row:hover{background:var(--card-muted)}.hd-row-main{flex-direction:column;flex:1;min-width:0;display:flex}.hd-row-main strong,.hd-row-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hd-row-main small{color:var(--text-light);font-size:12px}.hd-avatar{flex:none;width:34px;height:34px;font-size:13px}.hd-due{color:var(--red);white-space:nowrap}.hd-mode{color:var(--text-muted);background:var(--card-muted);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.hd-welcome a.cx-btn{text-decoration:none}.cb-periods{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px 14px}.cb-upi{color:var(--navy)}.cb-entry{border-top:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) minmax(0,2.2fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,.9fr) 90px;align-items:center;gap:12px;padding:14px 20px;display:grid}.cb-entry-head span:nth-child(4),.cb-entry-head span:nth-child(5){text-align:right}.cb-entry-head{background:var(--sky-pale);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-top:0;font-size:12px;font-weight:700}.cb-what{flex-direction:column;display:flex}.cb-what small{color:var(--text-muted)}.cb-in{color:var(--teal-dark);text-align:right;font-weight:700}.cb-out{color:var(--red);text-align:right;font-weight:700}.cb-del{padding:5px 10px;font-size:13px}.cb-source{border:0;align-items:center;gap:18px;margin:0;padding:0;font-weight:600;display:flex}.cb-source legend{margin-bottom:6px;padding:0}@container (width<=900px){.cb-entry-head{display:none}.cb-entry{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.cb-what{order:-1;grid-column:1/-1}.cb-in:empty,.cb-out:empty{display:none}}.st-month{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);align-self:flex-start;align-items:center;gap:14px;max-width:100%;padding:10px 14px;display:flex}.st-month strong{font-family:var(--font-display);color:#c2410c;text-align:center;flex:1;font-size:18px}.st-summary{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.st-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:16px;display:grid}.st-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:20px;display:flex}.st-card-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.st-avatar{border-radius:var(--radius-md);color:#c2410c;background:#ffedd5;width:48px;height:48px}.st-who{flex-direction:column;flex:1;display:flex}.st-who small{color:var(--text-muted)}.st-salary{font-family:var(--font-display);font-weight:700}.st-attendance{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.st-attendance span{background:var(--sky-pale);border-radius:var(--radius-pill);color:var(--navy);padding:4px 10px;font-size:13px;font-weight:600}.st-attendance .st-present-chip{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;font-weight:700}.st-attendance .st-muted{background:var(--bg-subtle);color:var(--text-muted)}.st-money{background:var(--bg-subtle);border-radius:var(--radius-md);text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.st-money small{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700;display:block}.st-money strong{font-family:var(--font-display);font-size:18px}.st-due{color:var(--red)}.st-advance{color:#b45309;margin:0;font-size:14px;font-weight:600}.st-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.st-today{align-items:center;gap:8px;font-weight:600;display:flex}.st-today select,.cx-field select{border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;padding:8px 10px}.ac-month{color:var(--text-muted);margin:0 0 12px;font-weight:600}.ac-legend{flex-wrap:wrap;gap:8px 16px;margin-bottom:12px;font-size:13px;display:flex}.ac-legend span{align-items:center;gap:6px;display:inline-flex}.ac-dot{border-radius:4px;width:12px;height:12px;display:inline-block}.ac-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.ac-weekday{text-align:center;color:var(--text-muted);padding-bottom:2px;font-size:12px;font-weight:700}.ac-sun{color:#ef4444}.ac-day{aspect-ratio:1;border:1px solid var(--border);background:var(--card-bg);cursor:pointer;min-width:0;font:inherit;color:var(--text-main);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;display:flex}.ac-day:disabled{opacity:.4;cursor:default}.ac-num{font-size:14px;font-weight:700;line-height:1}.ac-mark{font-size:11px;font-weight:800;line-height:1}.ac-today{outline:2px solid var(--text-main);outline-offset:1px}.ac-present{color:#fff;background:#16a34a;border-color:#15803d}.ac-absent{color:#fff;background:#dc2626;border-color:#b91c1c}.ac-half{color:#fff;background:#ea580c;border-color:#c2410c}.ac-leave{color:#fff;background:#2563eb;border-color:#1d4ed8}.ac-picker{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:14px;display:flex}.ac-pick{border:0}.st-actions a{text-decoration:none}.st-card-link{color:inherit;flex-direction:column;gap:14px;text-decoration:none;display:flex}.ac-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:640px;margin-bottom:16px;padding:20px}.st-payments{margin-bottom:24px}.st-payments h2{font-family:var(--font-display);margin:0 0 10px;font-size:18px}.st-payment{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:4px 16px;margin-bottom:8px;padding:12px 16px;display:flex}.st-payment span:nth-child(2){color:var(--text-muted);flex:1}.st-muted-line{color:var(--text-muted);margin:0}.se-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:20px;display:grid}.se-menu{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:4px;padding:10px;display:flex}.se-link{border-radius:var(--radius-sm);color:var(--text-main);padding:10px 14px;font-weight:600;text-decoration:none}.se-link:hover{background:var(--bg-subtle)}.se-link.is-active{color:#fff;background:#f97316}.se-body{flex-direction:column;gap:16px;display:flex}.se-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:20px 24px;display:flex}.se-card h2{font-family:var(--font-display);margin:0;font-size:20px}.se-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.se-note{color:var(--text-muted);margin:0;font-size:14px}.se-ok{color:var(--teal-dark);align-self:center;font-weight:700}.se-profile{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.se-qr{text-align:center;align-items:center}.se-qr img{object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;width:220px;height:220px;padding:10px}.se-device{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.se-device div:first-child{flex-direction:column;display:flex}.se-device small{color:var(--text-muted)}.se-actions{gap:8px;display:flex}@container (width<=1000px){.se-profile{grid-template-columns:minmax(0,1fr)}}@container (width<=820px){.se-layout{grid-template-columns:minmax(0,1fr)}.se-menu{flex-flow:wrap}.se-link{text-align:center;flex:auto}}@container (width<=520px){.se-card{padding:16px}.se-device{flex-wrap:wrap}.se-qr img{width:100%;max-width:220px;height:auto}}.se-locked{color:var(--text-muted);margin:0;font-size:.9rem}.se-locked strong{color:var(--text-main,inherit)}.b2-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);align-items:start;gap:16px;display:grid}.b2-list{flex-direction:column;gap:12px;display:flex}.b2-card{text-align:left;font:inherit;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px 18px;display:grid}.b2-card.is-active{border-color:#f97316;box-shadow:0 0 0 2px #fed7aa}.b2-card small{color:var(--text-muted);grid-column:1/-1}.b2-progress{background:var(--sky-pale);border-radius:99px;grid-column:1/-1;height:6px;overflow:hidden}.b2-progress span{background:#f97316;height:100%;display:block}.b2-items{margin:0;padding:0;list-style:none}.b2-items li{border-top:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 0;display:grid}.b2-items label{cursor:pointer;align-items:center;gap:10px;display:flex}.b2-items input[type=checkbox]{accent-color:#f97316;width:18px;height:18px}.b2-items li.is-checked .b2-item-name{color:var(--text-muted);text-decoration:line-through}.b2-qty{color:var(--text-muted);font-size:14px}.b2-del{padding:5px 10px;font-size:13px}.b2-add{grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.b2-shops{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;display:grid}.b2-shop-name{font-family:var(--font-display);font-size:18px}@container (width<=860px){.b2-layout{grid-template-columns:minmax(0,1fr)}}@container (width<=560px){.b2-add{grid-template-columns:minmax(0,1fr)}.b2-items li{grid-template-columns:minmax(0,1fr) auto}.b2-qty{grid-column:1;padding-left:28px}}.sc-box{box-sizing:border-box;width:100%;font:inherit;border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);padding:16px 18px;font-size:18px}.sc-box:focus{background:#fff;border-style:solid;border-color:#f97316;outline:none}.sc-verdict{border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.sc-verdict p{margin:0}.sc-ok{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.sc-warn{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.sc-facts{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 16px;margin:6px 0 0;display:grid}.sc-facts dt{letter-spacing:.05em;text-transform:uppercase;opacity:.8;font-size:12px;font-weight:700}.sc-facts dd{overflow-wrap:anywhere;margin:0;font-weight:600}.sc-brands{flex-direction:column;gap:10px;display:flex}.sc-brand{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg)}.sc-brand.is-open{border-color:#f97316}.sc-brand-head{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.sc-brand-name{flex-direction:column;min-width:0;display:flex}.sc-brand-name small{color:var(--text-muted)}.sc-tag{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.sc-tag-ok{color:#15803d;background:#dcfce7}.sc-tag-info{color:#0369a1;background:#e0f2fe}.sc-brand-body{flex-direction:column;gap:8px;padding:0 16px 16px;display:flex}.sc-brand-body p{margin:0}.sc-steps{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.sc-links{margin:0;padding-left:20px}.sc-links a{color:#c2410c;font-weight:600}.su-wrap{background:var(--bg-canvas,#f8faff);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.su-card{border:1px solid var(--border,#e2e8f0);background:#fff;border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:460px;padding:32px 28px;display:flex;box-shadow:0 10px 30px -5px #0d3b6614}.su-logo{object-fit:contain;align-self:center;height:42px}.su-card h1{text-align:center;font-family:var(--font-display);color:var(--navy-deep,#001c38);margin:0;font-size:1.4rem}.su-sub{text-align:center;color:var(--text-muted);margin:0;font-size:13px}.su-form{flex-direction:column;gap:12px;display:flex}.su-form .cx-field select{border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;padding:10px 12px}.su-hint{color:var(--text-muted);margin:0;font-size:13px}.su-error{background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;padding:10px 12px;font-size:13px}.su-check{align-items:flex-start;gap:10px;font-size:14px;display:flex}.su-check input{accent-color:#f97316;width:16px;height:16px;margin-top:3px}.su-go{width:100%;padding:12px}.su-link{color:var(--orange-dark,#e67700);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:600}.su-resend-row{justify-content:center;align-items:center;margin-top:4px;display:flex}.su-timer-text{color:var(--text-muted);font-size:13px;font-weight:500}.su-change-btn{margin-top:2px}.su-info{color:#166534;text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.su-foot{text-align:center;color:var(--text-muted);margin:4px 0 0;font-size:14px}.su-foot a{color:var(--orange-dark,#e67700);font-weight:700}.su-success-pane{text-align:center;flex-direction:column;align-items:center;gap:14px;animation:.35s ease-out suFadeUp;display:flex}@keyframes suFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.su-badge-wrap{justify-content:center;margin-top:4px;display:flex}.su-badge-ring{background:linear-gradient(135deg,#10b981,#06b6d4,#3b82f6);border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;padding:4px;display:flex;box-shadow:0 8px 24px -4px #10b98159}.su-badge-inner{background:#059669;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.su-pill-tag{color:#065f46;letter-spacing:.03em;text-transform:uppercase;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.su-pill-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.su-card h1.su-success-title{color:var(--navy-deep,#001c38);margin:0;font-size:1.45rem;font-weight:800}.su-success-desc{color:var(--text-muted,#475569);max-width:380px;margin:0;font-size:14px;line-height:1.45}.su-success-desc strong{color:var(--navy-deep,#001c38)}.su-summary-card{border:1px solid var(--border,#e2e8f0);text-align:left;background:#f8fafc;border-radius:14px;flex-direction:column;gap:8px;width:100%;padding:12px 16px;display:flex}.su-summary-row{justify-content:space-between;align-items:center;padding:2px 0;font-size:13px;display:flex}.su-summary-row:not(:last-child){border-bottom:1px solid #edf2f7;padding-bottom:6px}.su-summary-label{color:var(--text-muted,#64748b);font-weight:500}.su-summary-val{color:var(--navy-deep,#001c38);font-weight:600}.su-features-list{flex-wrap:wrap;justify-content:center;gap:8px 12px;width:100%;padding:2px 0;display:flex}.su-feature-item{color:#0f766e;background:#f0fdfa;border:1px solid #ccfbf1;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.su-feature-check{color:#0d9488;font-weight:800}.su-dashboard-btn{cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:15px;font-weight:700;display:flex}:root{--orange:#ff8a00;--orange-dark:#e67700;--orange-light:#fff4e5;--orange-glow:#ff8a0047;--navy:#0d3b66;--navy-deep:#001c38;--sky:#38bdf8;--sky-dark:#0284c7;--sky-light:#e0f2fe;--sky-pale:#f0f9ff;--teal:#00b894;--teal-dark:#00876c;--teal-light:#e6faf5;--red:#ba1a1a;--red-light:#ffdad6;--gold:#d4af37;--bg-canvas:#f8faff;--bg-subtle:#f1f5f9;--card-bg:#fff;--card-muted:#f8fafc;--card-glass:#ffffffeb;--border:#dce9ff;--border-subtle:#e2e8f0;--border-sky:#bae6fd;--border-focus:#0284c7;--text-main:#001c38;--text-muted:#564334;--text-light:#64748b;--text-inverse:#fff;--font-display:"Outfit", sans-serif;--font-body:"Inter", -apple-system, sans-serif;--shadow-sm:0 1px 3px #0d3b660d;--shadow-md:0 4px 14px #0d3b6614;--shadow-lg:0 12px 28px #0d3b661a;--shadow-card:0 8px 30px #0d3b660f;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--sidebar-width:260px;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-canvas);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-main);font-weight:700}.app-container{background-color:var(--bg-canvas);width:100%;max-width:100vw;min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);background:var(--card-bg);border-right:1px solid var(--border);z-index:30;flex-direction:column;flex-shrink:0;justify-content:space-between;height:100vh;transition:transform .25s cubic-bezier(.16,1,.3,1),width .2s;display:flex;position:sticky;top:0}.sidebar-header{border-bottom:1px solid var(--border-subtle);padding:1.25rem 1rem 1rem}.brand-lockup{align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-icon-box{border-radius:var(--radius-sm);background:var(--sky-light);width:38px;height:38px;color:var(--sky-dark);justify-content:center;align-items:center;display:flex}.brand-title{font-family:var(--font-display);color:var(--navy-deep);font-size:1.15rem;font-weight:800;line-height:1.1}.brand-title span{color:var(--sky-dark)}.version-badge{color:var(--sky-dark);background:var(--sky-pale);border-radius:var(--radius-xs);border:1px solid var(--border-sky);margin-top:.35rem;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.sidebar-nav{flex-direction:column;gap:.25rem;padding:1rem .75rem;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{background:var(--sky-pale);color:var(--sky-dark)}.nav-link.active{background:var(--sky-light);color:var(--sky-dark);border-left:3px solid var(--sky-dark);font-weight:700}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.sync-status-box{color:var(--text-light);background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding:6px 10px;font-size:11px;display:flex}.sync-dot{background:var(--teal);width:8px;height:8px;box-shadow:0 0 0 2px var(--teal-light);border-radius:50%}.main-wrapper{flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.top-header{height:var(--header-height);background:var(--card-bg);border-bottom:1px solid var(--border);z-index:20;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:0 clamp(12px,2vw,24px);display:flex;position:sticky;top:0}.menu-toggle-btn{cursor:pointer;color:var(--navy-deep);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-right:8px;padding:8px;transition:background .15s;display:none}.menu-toggle-btn:hover{background:var(--bg-subtle)}.page-content{box-sizing:border-box;flex:1;width:100%;max-width:1440px;margin:0 auto;padding:clamp(14px,2.5vw,28px)}.portal-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.card-title-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-title{font-family:var(--font-display);color:var(--navy-deep);font-size:1.15rem;font-weight:700}.btn-primary{background:var(--sky-dark);color:var(--text-inverse);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .15s;display:inline-flex}.btn-primary:hover{background:#0369a1}.btn-secondary{background:var(--card-bg);color:var(--navy-deep);border:1px solid var(--border-sky);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:var(--sky-pale);border-color:var(--sky-dark)}.btn-danger{color:var(--red);border-radius:var(--radius-md);cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.btn-danger:hover{background:#ffe4e6}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.metric-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.metric-header{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.metric-value{font-family:var(--font-display);color:var(--navy-deep);font-size:1.65rem;font-weight:800}.metric-subtitle{color:var(--text-light);font-size:11px}.portal-table{border-collapse:collapse;width:100%;font-size:.875rem}.portal-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.03em;padding:.75rem 1rem;font-size:.8125rem;font-weight:600}.portal-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-main);padding:.85rem 1rem}.portal-table tr:hover td{background:var(--sky-pale)}.sidebar-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:none}.sidebar-close-btn:hover{background:var(--bg-subtle);color:var(--navy-deep)}@media (width<=1024px){.sidebar{z-index:100;background:#fff;height:100vh;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 10px 40px #001c3840}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;background:#001c3873;animation:.15s fadeIn;position:fixed;inset:0}.sidebar-close-btn,.menu-toggle-btn{display:flex}}.mobile-nav-bar{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.page-content{padding:12px 12px 84px}.metric-grid{grid-template-columns:1fr}.mobile-nav-bar{background:var(--card-bg);border-top:1px solid var(--border);z-index:50;justify-content:space-around;align-items:center;height:60px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0d3b660d}}@media (width>=769px){.mobile-nav-bar{display:none}}@media (width<=640px){.header-badge,.header-nav-label,.header-signedin-pill,.header-signout-label{display:none!important}.top-header{padding:0 12px}}.chinni-bubble-trigger{z-index:800;color:#fff;cursor:pointer;background:linear-gradient(135deg,#001c38 0%,#036 100%);border:1px solid #ff8a0066;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #001c3840,0 2px 6px #ff8a0033}.chinni-bubble-trigger:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 12px 30px #001c3859,0 4px 12px #ff8a004d}.chinni-bubble-inner{color:#fff;background:linear-gradient(135deg,#ff8a00 0%,#e65100 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.chinni-bubble-pulse{background:#10b981;border:2px solid #001c38;border-radius:50%;width:10px;height:10px;position:absolute;top:1px;right:1px}.chinni-bubble-label{color:#fff;letter-spacing:-.01em;font-size:13.5px;font-weight:700}.chinni-popup-window{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;width:380px;height:540px;max-height:calc(100vh - 100px);animation:.2s cubic-bezier(.16,1,.3,1) chinniSlideUp;display:flex;position:fixed;bottom:84px;right:24px;overflow:hidden;box-shadow:0 24px 64px #001c3838,0 4px 16px #001c3814}@keyframes chinniSlideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.chinni-popup-header{color:#fff;background:#001c38;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chinni-popup-title-group{align-items:center;gap:10px;display:flex}.chinni-avatar-ring{color:#ff8a00;background:#ff8a0033;border:1.5px solid #ff8a00;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.chinni-header-name{align-items:center;gap:6px;font-size:14.5px;font-weight:700;display:flex}.chinni-online-badge{color:#34d399;font-size:10.5px;font-weight:600}.chinni-header-desc{color:#94a3b8;font-size:11.5px}.chinni-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.chinni-close-btn:hover{color:#fff;background:#ffffff1a}.chinni-popup-prompts{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:10px 14px}.chinni-prompts-label{color:#0d9488;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.chinni-prompts-scroll{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.chinni-prompts-scroll::-webkit-scrollbar{display:none}.chinni-prompt-pill{white-space:nowrap;color:#001c38;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;padding:4px 10px;font-size:11.5px;transition:all .15s}.chinni-prompt-pill:hover{color:#e67700;background:#fff4e5;border-color:#ff8a00}.chinni-popup-messages{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.chinni-msg-row{gap:8px;max-width:86%;display:flex}.chinni-msg-row.chinni{align-self:flex-start}.chinni-msg-row.user{flex-direction:row-reverse;align-self:flex-end}.chinni-msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:flex}.chinni-msg-row.chinni .chinni-msg-avatar{color:#0284c7;background:#e0f2fe}.chinni-msg-row.user .chinni-msg-avatar{color:#ea580c;background:#fff4e5}.chinni-msg-bubble{border-radius:12px;padding:9px 12px;font-size:13px;line-height:1.45}.chinni-msg-row.chinni .chinni-msg-bubble{color:#0f172a;background:#f1f5f9;border-top-left-radius:3px}.chinni-msg-row.user .chinni-msg-bubble{color:#fff;background:#001c38;border-top-right-radius:3px}.chinni-msg-bubble.thinking{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;font-size:12px;font-style:italic}.chinni-msg-time{color:#94a3b8;text-align:right;margin-top:3px;font-size:10px}.chinni-msg-row.chinni .chinni-msg-time{text-align:left}.chinni-popup-input-row{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.chinni-popup-input{border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;height:38px;padding:0 12px;font-size:13px;transition:border-color .15s}.chinni-popup-input:focus{border-color:#ff8a00;box-shadow:0 0 0 3px #ff8a001f}.chinni-popup-send{color:#fff;cursor:pointer;background:#ff8a00;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:flex}.chinni-popup-send:hover:not(:disabled){background:#e67700}.chinni-popup-send:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.chinni-bubble-trigger{padding:6px;bottom:74px!important;right:16px!important}.chinni-bubble-label{display:none}}@media (width<=600px){.chinni-popup-window{z-index:1100!important;border:none!important;border-radius:0!important;width:100%!important;height:100%!important;max-height:100%!important;position:fixed!important;inset:0!important}}.card-studio-page{box-sizing:border-box;flex-direction:column;gap:clamp(16px,2vw,24px);width:100%;min-width:0;max-width:1440px;margin:0 auto;display:flex}.studio-card{border:1px solid var(--border,#e2e8f0);box-sizing:border-box;background:#fff;border-radius:18px;width:100%;min-width:0;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px -2px #0d3b660a,0 2px 6px -1px #0d3b6605}.ribbon-card{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:clamp(16px,2.5vw,24px);display:flex}.ribbon-info{flex-direction:column;gap:6px;display:flex}.status-indicator{color:var(--teal-dark,#059669);background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-self:flex-start;align-items:center;gap:8px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #10b98133}.store-title{font-family:var(--font-display,inherit);color:var(--navy-deep,#001c38);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.store-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:13.5px}.ribbon-actions{align-items:center;gap:12px;display:flex}.action-pill-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.action-pill-btn.primary{background:var(--orange,#ff8a00);color:#fff;box-shadow:0 4px 12px #ff8a0040}.action-pill-btn.primary:hover{background:var(--orange-dark,#e67700);transform:translateY(-1px)}.action-pill-btn.secondary{color:var(--navy,#0d3b66);border:1px solid var(--border,#e2e8f0);background:#fff}.action-pill-btn.secondary:hover{background:#f8fafc;border-color:#cbd5e1}.action-pill-btn.small{border-radius:8px;padding:6px 12px;font-size:12px}.action-pill-btn.block{justify-content:center;width:100%}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:clamp(12px,1.5vw,20px);width:100%;display:grid}.metric-card{flex-direction:column;justify-content:space-between;gap:12px;padding:22px;display:flex}.metric-header{justify-content:space-between;align-items:center;display:flex}.metric-label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.icon-badge{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.icon-badge.navy{color:#0d3b66;background:#e2e8f0}.icon-badge.red{color:#dc2626;background:#fee2e2}.icon-badge.green{color:#16a34a;background:#dcfce7}.icon-badge.orange{color:#ea580c;background:#ffedd5}.metric-value{font-family:var(--font-display,inherit);color:var(--navy-deep,#001c38);letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.1}.metric-footer{color:var(--text-light,#94a3b8);font-size:12px}.metric-link{color:var(--navy,#0d3b66);font-size:12.5px;font-weight:600;text-decoration:none}.metric-link:hover{text-decoration:underline}.text-due{color:#dc2626!important}.text-success{color:#16a34a!important}.highlight-due{border-left:4px solid #dc2626}.quick-actions-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:clamp(10px,1.5vw,16px);width:100%;display:grid}.quick-action-tile{align-items:center;gap:14px;padding:16px;text-decoration:none;display:flex}.quick-action-tile:hover{transform:translateY(-2px);box-shadow:0 8px 24px -4px #0d3b6614}.tile-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.bg-orange{color:#ff8a00;background:#fff4e5}.bg-red{color:#dc2626;background:#fee2e2}.bg-green{color:#16a34a;background:#dcfce7}.bg-blue{color:#0284c7;background:#e0f2fe}.bg-teal{color:#0d9488;background:#ccfbf1}.tile-title{color:var(--navy-deep,#001c38);margin-bottom:2px;font-size:14px;font-weight:700}.tile-desc{color:var(--text-muted,#64748b);font-size:11.5px}.dashboard-columns{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:clamp(16px,2vw,24px);width:100%;display:grid}@media (width<=1100px){.dashboard-columns{grid-template-columns:1fr}}.table-card{padding:24px}.table-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{color:var(--navy-deep,#001c38);margin:0 0 4px;font-size:17px;font-weight:700}.section-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:12.5px}.table-responsive{overflow-x:auto}.studio-table{border-collapse:collapse;width:100%;font-size:13.5px}.studio-table th{text-align:left;color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border,#e2e8f0);padding:10px 14px;font-size:11.5px;font-weight:700}.studio-table td{color:var(--navy-deep,#001c38);border-bottom:1px solid #f1f5f9;padding:14px}.studio-table tr:hover td{background:#f8fafc}.text-right{text-align:right}.font-bold{font-weight:700}.customer-cell{align-items:center;gap:10px;display:flex}.avatar-circle{width:32px;height:32px;color:var(--navy,#0d3b66);background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.status-chip{border-radius:9999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-chip.due{color:#dc2626;background:#fee2e2}.status-chip.active{color:#475569;background:#f1f5f9}.status-chip.success{color:#16a34a;background:#dcfce7}.status-chip.brand{color:#ea580c;background:#fff4e5}.action-link{color:var(--navy,#0d3b66);font-size:12.5px;font-weight:600;text-decoration:none}.action-link:hover{color:var(--orange,#ff8a00)}.info-card{flex-direction:column;gap:16px;padding:24px;display:flex}.card-heading{color:var(--navy-deep,#001c38);margin:0;font-size:16px;font-weight:700}.health-item{justify-content:space-between;align-items:center;font-size:13px;display:flex}.health-label{color:var(--text-muted,#64748b)}.health-value{color:var(--navy-deep,#001c38);font-weight:600}.health-divider{background:var(--border,#e2e8f0);height:1px;margin:4px 0}.empty-state{text-align:center;color:var(--text-muted,#64748b);padding:40px 20px}.empty-icon{color:var(--text-light,#94a3b8);margin:0 auto 12px}.empty-title{color:var(--navy-deep,#001c38);margin-bottom:4px;font-size:15px;font-weight:700}.empty-desc{margin:0;font-size:13px}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;display:flex}.page-main-heading{font-family:var(--font-display,inherit);color:var(--navy-deep,#001c38);letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:800}.page-sub-heading{color:var(--text-muted,#64748b);margin:0;font-size:13.5px}.studio-alert{border-radius:12px;align-items:center;gap:12px;padding:12px 18px;font-size:13.5px;display:flex}.studio-alert.error{color:#dc2626;background:#fff1f2;border:1px solid #fecdd3}.studio-alert.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.studio-input{border:1px solid var(--border,#e2e8f0);width:100%;color:var(--navy-deep,#001c38);background:#fff;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.studio-input:focus{border-color:var(--orange,#ff8a00);box-shadow:0 0 0 3px #ff8a0026}.studio-input.small{padding:8px 12px;font-size:13px}.pos-layout-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:clamp(16px,2vw,24px);width:100%;display:grid}@media (width<=1080px){.pos-layout-grid{grid-template-columns:1fr}}.pos-catalog-panel,.pos-cart-panel{box-sizing:border-box;width:100%;padding:clamp(14px,2vw,22px)}.search-bar-row{margin-bottom:16px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-light,#94a3b8);pointer-events:none;position:absolute;left:14px}.search-input-wrapper .studio-input{padding-left:42px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,130px),1fr));gap:12px;max-height:520px;padding-right:4px;display:grid;overflow-y:auto}.product-quick-card{border:1px solid var(--border,#e2e8f0);text-align:center;cursor:pointer;background:#f8fafc;border-radius:12px;flex-direction:column;justify-content:space-between;gap:6px;padding:14px 10px;transition:all .15s;display:flex}.product-quick-card:hover{border-color:var(--orange,#ff8a00);background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff8a001f}.prod-name{color:var(--navy-deep,#001c38);font-size:13px;font-weight:600}.prod-price{color:var(--orange-dark,#e67700);font-size:15px;font-weight:800}.prod-stock{color:var(--text-light,#94a3b8);font-size:11px}.cart-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.cart-title{color:var(--navy-deep,#001c38);margin:0;font-size:16px;font-weight:700}.clear-cart-btn{color:#dc2626;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.cart-items-list{flex-direction:column;gap:10px;max-height:280px;margin-bottom:18px;display:flex;overflow-y:auto}.empty-cart,.empty-catalog-box{text-align:center;color:var(--text-muted,#64748b);padding:30px 10px;font-size:13px}.cart-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.cart-item-name{color:var(--navy-deep,#001c38);font-size:13px;font-weight:600}.cart-item-price{color:var(--text-muted,#64748b);font-size:11.5px}.cart-item-actions{align-items:center;gap:6px;display:flex}.qty-btn{cursor:pointer;width:26px;height:26px;color:var(--navy-deep,#001c38);background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;display:flex}.qty-number{text-align:center;min-width:20px;font-size:13px;font-weight:700}.remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:4px}.checkout-form{border-top:1px solid #f1f5f9;flex-direction:column;gap:14px;padding-top:14px;display:flex}.customer-optional-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=480px){.customer-optional-fields{grid-template-columns:1fr}}.payment-modes-selector{flex-wrap:wrap;gap:8px;display:flex}.mode-pill{border:1.5px solid var(--border,#e2e8f0);color:var(--text-muted,#64748b);cursor:pointer;white-space:nowrap;background:#fff;border-radius:10px;flex:90px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.mode-pill.active{border-color:var(--orange,#ff8a00);background:var(--orange-light,#fff4e5);color:var(--orange-dark,#e67700)}.cart-summary-total{color:var(--navy-deep,#001c38);background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;font-weight:700;display:flex}.total-digits{color:var(--orange-dark,#e67700);font-size:20px;font-weight:800}.checkout-submit-btn{background:var(--orange,#ff8a00);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:background .15s,transform .15s;box-shadow:0 4px 14px #ff8a0047}.checkout-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.mode-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.chinni-chat-container{flex-direction:column;gap:18px;padding:24px;display:flex}.sample-prompts-bar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:14px;display:flex}.prompts-label{color:var(--teal-dark,#0d9488);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.prompt-pill{border:1px solid var(--border,#e2e8f0);color:var(--navy-deep,#001c38);cursor:pointer;background:#f8fafc;border-radius:9999px;padding:6px 12px;font-size:12px;transition:all .15s}.prompt-pill:hover{border-color:var(--orange,#ff8a00);color:var(--orange-dark,#e67700);background:#fff4e5}.chat-thread{flex-direction:column;gap:16px;min-height:380px;max-height:500px;padding:10px 0;display:flex;overflow-y:auto}.chat-bubble{gap:12px;max-width:80%;display:flex}.chat-bubble.chinni{align-self:flex-start}.chat-bubble.user{flex-direction:row-reverse;align-self:flex-end}.chat-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.chat-bubble.chinni .chat-avatar{color:#0d9488;background:#ccfbf1}.chat-bubble.user .chat-avatar{color:#0d3b66;background:#e2e8f0}.chat-body{border-radius:14px;padding:12px 16px;font-size:13.5px;line-height:1.5}.chat-bubble.chinni .chat-body{color:var(--navy-deep,#001c38);background:#f8fafc;border:1px solid #e2e8f0;border-top-left-radius:4px}.chat-bubble.user .chat-body{background:var(--orange,#ff8a00);color:#fff;border-top-right-radius:4px}.chat-time{opacity:.7;margin-top:4px;font-size:10.5px;display:block}.chat-input-bar{border-top:1px solid #f1f5f9;gap:10px;padding-top:14px;display:flex}.period-switch-pills{background:#f1f5f9;border-radius:12px;gap:6px;padding:4px;display:flex}.filter-chip{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.filter-chip.active{color:var(--navy-deep,#001c38);background:#fff;box-shadow:0 1px 3px #00000014}.cx-dialog-product{max-height:90vh;overflow-y:auto;width:min(540px,100%)!important}@media (width<=600px){.cx-dialog-backdrop{padding:0}.cx-dialog-product{height:100%;max-height:100vh;margin:0;border-radius:0!important;width:100%!important;padding:20px 16px!important}}