:root{--navy: #14233A;--navy-2: #1D3450;--marigold: #E8A63B;--paprika: #C1442D;--cardamom: #3F6659;--ivory: #F7F1E4;--ivory-2: #EFE7D4;--charcoal: #23262B;--hair: rgba(20,35,58,.12);--hair-on-dark: rgba(247,241,228,.18);--color-bg: var(--ivory);--color-surface: #FFFFFF;--color-surface-alt: var(--ivory-2);--color-text: var(--charcoal);--color-text-muted: #6B6E73;--color-text-on-dark: var(--ivory);--color-text-on-dark-muted: rgba(247,241,228,.65);--color-primary: var(--navy);--color-accent: var(--marigold);--color-accent-2: var(--paprika);--color-success: var(--cardamom);--color-border: var(--hair);--font-display: "Fraunces", serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace;--text-h1: 32px;--text-h2: 24px;--text-h3: 18px;--text-body: 15px;--text-caption: 12px;--text-overline: 11px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 4px 10px rgba(20,35,58,.1);--shadow-md: 0 10px 22px rgba(20,35,58,.16);--shadow-lg: 0 20px 40px rgba(20,35,58,.25);--device-w: 375px;--device-h: 812px}*{box-sizing:border-box}body{margin:0;background:var(--ivory);font-family:var(--font-body);color:var(--charcoal);-webkit-font-smoothing:antialiased}img{display:block}#app-shell{display:flex;align-items:flex-start}#sidebar{width:250px;flex:none;height:100vh;position:sticky;top:0;overflow-y:auto;background:#fff;border-right:1px solid var(--hair);padding:18px 14px 40px;scrollbar-width:thin}#sidebar .sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px;margin-bottom:10px;border-bottom:1px solid var(--hair)}#sidebar .sidebar-brand img{height:24px}#sidebar .sidebar-brand .t{font-family:var(--font-body);font-weight:700;font-size:14.5px;color:var(--navy);margin:0}#sidebar .sidebar-brand .s{font-family:var(--font-body);font-size:9.5px;color:var(--color-text-muted);margin:1px 0 0}.side-grp{font-family:var(--font-body);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--paprika);font-weight:700;margin:22px 8px 6px}.side-grp:first-of-type{margin-top:6px}.side-link{display:block;padding:7px 9px;border-radius:8px;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--charcoal);text-decoration:none;opacity:.72;transition:background .12s ease,opacity .12s ease,color .12s ease}.side-link:hover{background:var(--ivory-2);opacity:1}.side-link.active{background:var(--navy);color:var(--ivory);opacity:1}#content-col{flex:1;min-width:0}.mobile-menu-btn.icon-btn{display:flex}.sidebar-close.close-x{display:flex;margin-left:auto}.sidebar-backdrop{display:none}@media (max-width: 960px){#sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;z-index:200;transform:translate(-100%);transition:transform .25s ease}#sidebar:target{transform:translate(0);box-shadow:var(--shadow-lg)}#sidebar:target~.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#14233a73}}#topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:14px 26px;background:#f7f1e4eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hair)}@media (max-width: 960px){#topbar{justify-content:flex-start;gap:14px}}#topbar .brandline{display:flex;align-items:center;gap:10px}#topbar .brandline img{height:22px}#topbar .brandline .t{font-family:var(--font-body);font-weight:700;font-size:15px;color:var(--navy)}#topbar .brandline .s{font-family:var(--font-body);font-size:11px;color:var(--color-text-muted);margin-left:8px}#topbar .top-actions{display:flex;gap:10px;align-items:center}main{max-width:1180px;margin:0 auto;padding:0 26px}.lib-section{padding:56px 0}.lib-section+.lib-section{border-top:1px solid var(--hair)}.eyebrow{font-family:var(--font-body);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--paprika);font-weight:600;margin:0 0 10px}.lib-title{font-family:var(--font-body);font-weight:600;font-size:clamp(24px,3vw,32px);color:var(--navy);margin:0 0 8px;line-height:1.1}.lib-note{font-size:14px;color:var(--color-text-muted);margin:0 0 30px;max-width:640px;line-height:1.6}.comp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.comp-card{background:#fff;border:1px solid var(--hair);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.comp-card.overflow-visible{overflow:visible}.comp-card .stage{flex:1;display:flex;align-items:center;justify-content:center;padding:34px 20px;background:var(--ivory)}.comp-card .stage.on-ivory2{background:var(--ivory-2)}.comp-card .stage.on-navy{background:var(--navy)}.comp-card .stage.on-white{background:#fff}.comp-card .cap{padding:12px 16px;border-top:1px solid var(--hair);background:#fff}.comp-card .cap .name{font-family:var(--font-body);font-size:12.5px;font-weight:700;color:var(--navy);margin:0 0 2px}.comp-card .cap .sub{font-family:var(--font-body);font-size:10.5px;color:var(--color-text-muted);margin:0}.comp-card.wide{grid-column:span 2}@media (max-width:640px){.comp-card.wide{grid-column:span 1}}.btn{font-family:var(--font-body);font-weight:700;text-align:center;text-decoration:none;border-radius:var(--radius-md);border:none;cursor:pointer;display:inline-block;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.btn:active:not(.disabled){transform:translateY(1px)}.btn-primary{background:var(--marigold);color:var(--navy);padding:13px 24px;font-size:13.5px}.btn-primary:hover:not(.disabled){background:#dd9a2c;box-shadow:var(--shadow-sm)}.btn-outline{background:transparent;color:var(--navy);border:1.5px solid var(--navy);padding:13px 24px;font-size:13.5px}.btn-outline:hover:not(.disabled){background:var(--navy);color:var(--ivory)}.btn-ghost{background:transparent;color:var(--color-text-muted);font-weight:600;padding:13px 24px;font-size:13.5px}.btn-ghost:hover:not(.disabled){background:var(--ivory-2);color:var(--navy)}.btn-danger{background:var(--paprika);color:var(--ivory);padding:13px 24px;font-size:13.5px}.btn-danger:hover:not(.disabled){background:#a83a25;box-shadow:var(--shadow-sm)}.btn-success{background:var(--cardamom);color:var(--ivory);padding:13px 24px;font-size:13.5px}.btn-success:hover:not(.disabled){background:#345548;box-shadow:var(--shadow-sm)}.btn-link{background:transparent;color:var(--paprika);font-weight:700;padding:13px 4px;font-size:13.5px;text-decoration:underline;text-underline-offset:2px}.btn-link:hover:not(.disabled){color:#a83a25}.btn-primary.disabled,.btn-danger.disabled,.btn-success.disabled{background:var(--hair);color:#9a9d9f;cursor:not-allowed}.btn-outline.disabled,.btn-ghost.disabled,.btn-link.disabled{color:#b7b9bc;border-color:var(--hair);cursor:not-allowed;text-decoration:none}.btn-xs{padding:5px 12px;font-size:10.5px}.btn-sm{padding:8px 16px;font-size:12px}.btn-lg{padding:16px 30px;font-size:15px}.btn-xl{padding:18px 36px;font-size:16.5px}.btn-block{display:block;width:100%}.btn-loading{display:inline-flex;align-items:center;justify-content:center;cursor:not-allowed}.btn .spinner-ring{width:14px;height:14px;border-radius:50%;border:2px solid rgba(20,35,58,.25);border-top-color:var(--navy);display:inline-block;vertical-align:-2px;margin-right:8px;animation:spin .7s linear infinite}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0;box-shadow:none}.btn-group .btn-outline{border-right-width:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-right-width:1.5px}.btn-group .btn-outline.active{background:var(--navy);color:var(--ivory)}@keyframes spin{to{transform:rotate(360deg)}}.chip{font-family:var(--font-body);font-weight:600;font-size:12px;padding:8px 14px;border-radius:var(--radius-pill);border:1.5px solid var(--hair);color:var(--navy);white-space:nowrap;display:inline-block;cursor:pointer;background:#fff;transition:background .15s ease,border-color .15s ease,color .15s ease}.chip:hover{border-color:var(--navy)}.chip.active{background:var(--navy);color:var(--ivory);border-color:var(--navy)}.chip.active:hover{background:#1d3450}.field{display:flex;flex-direction:column;gap:7px;width:100%}.stage .field{max-width:220px}.field label{display:flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#8a8d92}.field label .req{color:var(--paprika);font-size:13px;line-height:1}.field .input{display:flex;align-items:center;gap:10px;background:var(--color-surface);border:1.5px solid var(--hair);border-radius:var(--radius-sm);padding:13px 14px;font-family:var(--font-body);font-size:14px;color:var(--charcoal);transition:border-color .15s ease,box-shadow .15s ease}.field .input svg{width:17px;height:17px;fill:#a5a8ad;flex:none;transition:fill .15s ease}.field .input span{flex:1;min-width:0}.field .input.placeholder{color:#a5a8ad}.field .input.focus{border-color:var(--navy);box-shadow:0 0 0 4px #14233a14}.field .input.focus svg{fill:var(--navy)}.field .input.error{border-color:var(--paprika);box-shadow:0 0 0 4px #c1442d14}.field .input.error svg{fill:var(--paprika)}.field .input.warning{border-color:var(--marigold);box-shadow:0 0 0 4px #e8a63b29}.field .input.warning svg{fill:#a9791f}.field .input.info{border-color:var(--navy);box-shadow:0 0 0 4px #14233a0f}.field .input.info svg{fill:var(--navy)}.field .input.textarea{align-items:flex-start;min-height:84px}.field .input.textarea svg{margin-top:1px}.field .helper{font-family:var(--font-body);font-size:11px;color:var(--color-text-muted)}.field .helper.error-text{color:var(--paprika)}.field .helper.warning-text{color:#9c6b1d}.field .helper.info-text{color:var(--navy)}.field .helper.with-icon{display:flex;align-items:flex-start;gap:5px}.field .helper.with-icon svg{width:12px;height:12px;flex:none;margin-top:1px;fill:currentColor}.field label.with-tip{position:relative}.field .info-btn{width:15px;height:15px;border-radius:50%;background:#e4e6e8;display:flex;align-items:center;justify-content:center;flex:none}.field .info-btn svg{width:8px;height:8px;fill:#6b6e73}.field .tooltip{position:absolute;bottom:calc(100% + 10px);left:0;width:176px;background:var(--navy);color:var(--ivory);font-family:var(--font-body);font-size:11px;font-weight:400;text-transform:none;letter-spacing:normal;line-height:1.45;padding:9px 11px;border-radius:10px;box-shadow:var(--shadow-md);z-index:2}.field .tooltip:after{content:"";position:absolute;top:100%;left:14px;width:9px;height:9px;background:var(--navy);transform:rotate(45deg);margin-top:-5px}.sub-lbl{font-family:var(--font-body);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--navy);opacity:.55;margin:34px 0 14px}.comp-grid+.sub-lbl{margin-top:34px}.form-check{display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:14px;color:var(--charcoal);cursor:pointer}.form-check input[type=checkbox],.form-check input[type=radio]{width:18px;height:18px;accent-color:var(--navy);cursor:pointer;flex:none}.switch{position:relative;display:inline-block;width:42px;height:24px;flex:none}.switch input{opacity:0;width:100%;height:100%;margin:0;position:absolute;cursor:pointer;z-index:1}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hair);border-radius:999px;transition:background .15s ease}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .15s ease}.switch input:checked~.track{background:var(--navy)}.switch input:checked~.track:after{transform:translate(18px)}.select-wrap{position:relative;width:100%}.select-control{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:var(--color-surface);border:1.5px solid var(--hair);border-radius:var(--radius-sm);padding:13px 14px;font-family:var(--font-body);font-size:14px;color:var(--charcoal);text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.select-control span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-control span.placeholder{color:#a5a8ad}.select-control:hover{border-color:var(--navy)}.select-control.open{border-color:var(--navy);box-shadow:0 0 0 4px #14233a14}.select-control.error{border-color:var(--paprika)}.select-control:disabled{cursor:not-allowed;opacity:.6}.select-control svg{width:14px;height:14px;fill:var(--navy);flex:none;transition:transform .15s ease}.select-control svg.up{transform:rotate(180deg)}.select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:240px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--hair);border-radius:12px;box-shadow:var(--shadow-md);padding:6px;margin:0;list-style:none;z-index:6}.select-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px;border-radius:8px;border:none;background:none;font-family:var(--font-body);font-size:13.5px;font-weight:600;color:var(--charcoal);text-align:left;cursor:pointer}.select-option:hover{background:var(--ivory-2);color:var(--navy)}.select-option.selected{color:var(--navy)}.select-option svg{width:15px;height:15px;fill:var(--marigold);flex:none}.range-wrap input[type=range]{width:100%;accent-color:var(--marigold);cursor:pointer}.dropzone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;width:100%;padding:30px 20px;border:1.5px dashed var(--hair);border-radius:var(--radius-md);background:var(--ivory-2);cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropzone:hover{border-color:var(--navy);background:#fff}.dropzone svg{width:26px;height:26px;fill:var(--navy);margin-bottom:4px}.dropzone .t{font-size:13.5px;font-weight:600;color:var(--navy);margin:0}.dropzone .t span{color:var(--paprika);text-decoration:underline}.dropzone .d{font-family:var(--font-body);font-size:10.5px;color:var(--color-text-muted);margin:0}.file-chip{display:flex;align-items:center;gap:12px;width:100%;max-width:300px;padding:12px 14px;border:1px solid var(--hair);border-radius:var(--radius-md);background:#fff}.file-chip .ic{width:36px;height:36px;border-radius:10px;background:var(--ivory-2);display:flex;align-items:center;justify-content:center;flex:none}.file-chip .ic svg{width:17px;height:17px;fill:var(--paprika)}.file-chip .col{flex:1;min-width:0}.file-chip .t{font-size:12.5px;font-weight:700;color:var(--navy);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-chip .d{font-family:var(--font-body);font-size:10px;color:var(--color-text-muted);margin:0}.field-group{background:#fff;border-radius:var(--radius-md);border:1px solid var(--hair);overflow:hidden}.field-group .row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--hair);cursor:pointer;transition:background .15s ease}.field-group .row:last-child{border-bottom:none}.field-group .row:hover,.field-group .row.active{background:var(--ivory-2)}.field-group .row.textarea{align-items:flex-start}.field-group .row .ic{width:36px;height:36px;border-radius:50%;background:var(--ivory-2);display:flex;align-items:center;justify-content:center;flex:none}.field-group .row.active .ic{background:#fff}.field-group .row .ic svg{width:16px;height:16px;fill:var(--paprika)}.field-group .row .col{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.field-group .row .col .lbl{display:flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8a8d92}.field-group .row .col .lbl .req{color:var(--paprika)}.field-group .row .col .val{font-family:var(--font-body);font-size:14.5px;color:var(--charcoal);line-height:1.4}.field-group .row .col .val.placeholder{color:#a5a8ad}.field-group .row .col .helper{font-family:var(--font-body);font-size:11px;color:var(--color-text-muted);margin-top:1px}.field-group .row .caret{width:1.5px;height:16px;background:var(--navy);border-radius:1px;flex:none}.icon-btn{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--hair);flex:none;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .1s ease}.icon-btn:hover{background:var(--ivory-2);border-color:var(--navy)}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:17px;height:17px;color:var(--navy)}.icon-btn-xs{width:24px;height:24px}.icon-btn-xs svg{width:12px;height:12px}.icon-btn-sm{width:28px;height:28px}.icon-btn-sm svg{width:14px;height:14px}.icon-btn-lg{width:42px;height:42px}.icon-btn-lg svg{width:20px;height:20px}.avatar{width:56px;height:56px;border-radius:50%;background:var(--navy);color:var(--ivory);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:700;font-size:18px;flex:none}.status-pill{display:inline-flex;align-items:center;gap:6px;background:#3f66591f;color:var(--cardamom);font-family:var(--font-body);font-size:11px;font-weight:600;padding:6px 12px;border-radius:var(--radius-pill)}.status-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--cardamom)}.add-btn{width:28px;height:28px;border-radius:50%;background:var(--marigold);color:var(--navy);display:flex;align-items:center;justify-content:center;flex:none;cursor:pointer;transition:background .12s ease,transform .1s ease}.add-btn:hover{background:#dd9a2c}.add-btn:active{transform:scale(.92)}.add-btn svg{width:14px;height:14px;fill:var(--navy)}.stepper{display:flex;align-items:center;gap:10px;font-family:var(--font-body);font-size:12px;color:var(--navy)}.stepper .sq{width:20px;height:20px;border-radius:6px;border:1px solid var(--hair);display:flex;align-items:center;justify-content:center;font-weight:700;background:#fff}.item-row{display:flex;align-items:center;gap:12px;padding:9px 4px;width:100%;max-width:320px}.item-row .thumb{width:48px;height:48px;border-radius:12px;background:var(--ivory-2);flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--hair)}.item-row .thumb svg{width:20px;height:20px;fill:var(--paprika)}.item-row .meta{flex:1;min-width:0}.item-row .meta .name{font-size:13.5px;font-weight:700;color:var(--navy);margin:0 0 2px}.item-row .meta .desc{font-size:11px;color:var(--color-text-muted);margin:0}.item-row .price{font-family:var(--font-body);font-size:12.5px;color:var(--charcoal);margin-right:6px}.tag-pick{display:inline-block;font-family:var(--font-body);font-size:9px;color:var(--cardamom);background:#3f66591a;padding:2px 7px;border-radius:6px;margin-bottom:2px}.cart-line{display:flex;align-items:center;gap:12px;width:100%;max-width:320px}.cart-line .thumb{width:46px;height:46px;border-radius:12px;background:var(--ivory-2);border:1px solid var(--hair);flex:none}.cart-line .meta{flex:1}.cart-line .meta .name{font-size:13px;font-weight:700;color:var(--navy);margin:0 0 4px}.hero-card{position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(232,166,59,.25),transparent 70%)}.hero-card .tag{font-family:var(--font-body);font-size:10px;color:var(--marigold);text-transform:uppercase;letter-spacing:.1em}.hero-card h3{font-family:var(--font-body);font-size:20px;margin:8px 0 4px;font-weight:600}.hero-card p{font-size:12px;color:#f7f1e4b3;margin:0 0 16px}.summary-row{display:flex;justify-content:space-between;font-size:12.5px;padding:5px 0;color:var(--color-text-muted);font-family:var(--font-body)}.summary-row.total{color:var(--navy);font-weight:800;font-size:14px;border-top:1px solid var(--hair);margin-top:6px;padding-top:10px;font-family:var(--font-body)}.desk-row{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:320px;padding:13px 16px;border:1.5px solid var(--hair);border-radius:14px;transition:background .12s ease,border-color .12s ease,transform .1s ease}.desk-row:hover{background:var(--ivory-2);border-color:var(--navy)}.desk-row:active{transform:scale(.98)}.desk-row .l{font-size:12.5px;font-weight:600;color:var(--navy)}.desk-row .r{font-family:var(--font-body);font-size:11.5px;color:var(--paprika)}.order-mini{width:100%;max-width:320px;padding:14px 16px;border:1px solid var(--hair);border-radius:14px;display:flex;justify-content:space-between;align-items:center}.order-mini .id{font-family:var(--font-body);font-size:11px;color:var(--color-text-muted)}.order-mini .dish{font-size:12.5px;font-weight:700;color:var(--navy);margin-top:2px}.wallet-card{display:flex;justify-content:space-between;align-items:center}.wallet-card .l .lbl{font-family:var(--font-body);font-size:10px;color:var(--marigold);text-transform:uppercase;letter-spacing:.08em}.wallet-card .l .amt{font-family:var(--font-body);font-size:18px;color:var(--ivory);margin-top:4px;font-weight:500}.wallet-card .btn-primary{padding:9px 14px;font-size:11.5px}.list-row{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:320px;padding:13px 4px;border-bottom:1px solid var(--hair);cursor:pointer;border-radius:8px;transition:background .12s ease}.list-row:hover,.list-row:active{background:var(--ivory-2)}.list-row .l{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:var(--navy)}.list-row .l svg{width:18px;height:18px;fill:var(--navy)}.list-row.danger .l,.list-row.danger .l svg{color:var(--paprika);fill:var(--paprika)}.list-row svg.chev{width:14px;height:14px;fill:#c3c5c8}.route{display:flex;align-items:center;width:100%;max-width:320px;padding:16px 14px;background:var(--ivory-2);border-radius:14px}.route .dot2{width:9px;height:9px;border-radius:50%;background:var(--hair);flex:none}.route .dot2.done{background:var(--marigold)}.route .dash2{flex:1;height:2px;background:var(--hair)}.route .dash2.done{background:var(--marigold)}.bottom-nav-demo{width:100%;max-width:340px;background:var(--color-surface);border-top:1px solid var(--hair);display:flex;justify-content:space-around;align-items:flex-start;padding:11px 6px 16px;border-radius:0 0 20px 20px;box-shadow:0 -1px 0 var(--hair)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;width:60px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.nav-item-icon{display:flex;align-items:center;justify-content:center;width:44px;height:30px;border-radius:var(--radius-pill);background:transparent;transition:background .16s ease,transform .12s ease}.nav-item:hover .nav-item-icon{background:var(--ivory-2)}.nav-item:active .nav-item-icon{background:var(--ivory-2);transform:scale(.9)}.nav-item svg{width:20px;height:20px;color:#9a9d9f;transition:color .16s ease}.nav-item span{font-family:var(--font-body);font-size:9.5px;font-weight:600;color:#9a9d9f;transition:color .16s ease}.nav-item.active .nav-item-icon{background:var(--navy)}.nav-item.active svg{color:var(--color-text-on-dark)}.nav-item.active span{color:var(--navy)}.app-header-demo{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:320px}.app-header-demo .brand{display:flex;align-items:center;gap:8px}.app-header-demo .brand img{height:20px;width:auto}.app-header-demo .brand span{font-family:var(--font-body);font-weight:700;font-size:15px;color:var(--navy)}.swatch{border-radius:14px;overflow:hidden;border:1px solid var(--hair)}.swatch .fill{height:90px}.swatch .info{padding:12px 14px;background:#fff}.swatch .info .name{font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--navy);margin:0 0 2px}.swatch .info .role{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--paprika);font-weight:700;margin:0 0 6px}.swatch .info .codes{font-family:var(--font-body);font-size:11px;color:#6b6e73;line-height:1.6;margin:0}.type-row{display:flex;align-items:baseline;gap:18px;padding:16px 0;border-bottom:1px solid var(--hair)}.type-row:last-child{border-bottom:none}.type-row .label{font-family:var(--font-body);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--paprika);width:110px;flex:none}.type-row .sample{color:var(--navy);font-family:var(--font-body);font-weight:600}.scale-row{display:flex;align-items:center;gap:16px;padding:10px 0}.scale-row .tag{font-family:var(--font-body);font-size:11px;color:var(--paprika);width:90px;flex:none}.scale-row .bar{height:14px;background:var(--marigold);border-radius:4px}.scale-row .val{font-family:var(--font-body);font-size:11px;color:var(--color-text-muted);width:50px;text-align:right}.radius-demo{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-end}.radius-demo .box{width:70px;height:70px;background:var(--navy)}.radius-demo .cap{font-family:var(--font-body);font-size:10.5px;color:var(--color-text-muted);text-align:center;margin-top:8px}.shadow-demo{display:flex;gap:30px;flex-wrap:wrap}.shadow-demo .box{width:80px;height:80px;background:#fff;border-radius:16px}.shadow-demo .cap{font-family:var(--font-body);font-size:10.5px;color:var(--color-text-muted);text-align:center;margin-top:12px}footer.libfoot{padding:40px 26px 60px;text-align:center;font-family:var(--font-body);font-size:11px;color:var(--color-text-muted)}.screens-wrap{display:flex;flex-wrap:wrap;gap:44px;align-items:flex-start}.screen-card{display:flex;flex-direction:column;gap:14px}.screen-card .s-label{font-family:var(--font-body);font-size:12px;color:var(--navy);display:flex;align-items:baseline;gap:8px}.screen-card .s-label .idx{color:var(--paprika);font-weight:700}.screen-card .s-label .sub{color:#8a8d92;font-weight:400}.device{width:var(--device-w);height:var(--device-h);background:var(--navy);border-radius:46px;padding:14px;box-shadow:var(--shadow-lg);position:relative}.device .notch{position:absolute;top:14px;left:50%;transform:translate(-50%);width:126px;height:28px;background:#000;border-radius:14px;z-index:6}.device .screen{position:relative;width:100%;height:100%;background:var(--color-bg);border-radius:34px;overflow:hidden;display:flex;flex-direction:column}.device .screen.on-dark{background:var(--navy)}.home-indicator{position:absolute;bottom:9px;left:50%;transform:translate(-50%);width:120px;height:5px;border-radius:3px;background:#14233a40;z-index:6}.device .screen.on-dark~.home-indicator{background:#f7f1e466}.statusbar{display:flex;justify-content:space-between;align-items:center;padding:20px 26px 6px;font-family:var(--font-body);font-size:13px;color:var(--navy);flex:none}.statusbar.on-dark{color:var(--ivory)}.status-icons{display:flex;align-items:center;gap:5px}.status-icons svg{display:block}.status-icons .ic-signal{width:15px;height:10px}.status-icons .ic-signal rect{fill:currentColor}.status-icons .ic-wifi{width:14px;height:11px;fill:currentColor}.status-icons .ic-wifi circle{fill:currentColor;stroke:none}.status-icons .ic-battery{width:22px;height:11px}.status-icons .ic-battery .shell{fill:currentColor;opacity:.4}.status-icons .ic-battery .cell{fill:currentColor}.status-icons .ic-battery .tip{fill:currentColor;opacity:.4}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;min-height:52px;flex:none}.app-header .brand{display:flex;align-items:center}.app-header .brand-chip{display:flex;align-items:center;background:var(--ivory);border-radius:10px;padding:6px 10px;box-shadow:var(--shadow-sm)}.app-header .brand-chip img{height:18px;width:auto;display:block}.h-display{font-family:var(--font-body);font-weight:600;color:var(--navy);margin:0;line-height:1.12}.p-muted{font-family:var(--font-body);color:var(--color-text-muted);margin:0;line-height:1.5}.cta-bar{position:absolute;left:0;right:0;bottom:0;padding:14px 20px 30px;background:linear-gradient(to top,var(--ivory) 60%,rgba(247,241,228,0));z-index:5}.bottom-nav{position:absolute;left:0;right:0;bottom:0;background:var(--color-surface);border-top:1px solid var(--hair);box-shadow:0 -6px 20px #14233a0f;display:flex;justify-content:space-around;align-items:flex-start;padding:8px 6px max(10px,env(safe-area-inset-bottom));z-index:5}.sec-title{padding:0 20px;display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.sec-title h4{font-family:var(--font-body);font-size:16px;color:var(--navy);margin:0;font-weight:600}.sec-title span{font-family:var(--font-body);font-size:10.5px;color:var(--paprika)}.profile-head{display:flex;align-items:center;gap:14px;padding:10px 20px 18px}.profile-head .name{font-family:var(--font-body);font-size:17px;font-weight:600;color:var(--navy);margin:0}.profile-head .sub{font-family:var(--font-body);font-size:11px;color:var(--color-text-muted);margin:2px 0 0}.scr-splash{align-items:center;justify-content:center;text-align:center;gap:22px;padding:0 40px}.scr-splash .chip-logo{background:var(--ivory);border-radius:20px;padding:20px 30px;box-shadow:var(--shadow-md)}.scr-splash .chip-logo img{height:46px;width:auto}.scr-splash p{font-family:var(--font-body);color:#f7f1e4bf;font-size:13.5px;margin:0}.scr-splash .ver{position:absolute;bottom:34px;left:0;right:0;text-align:center;font-family:var(--font-body);font-size:10.5px;color:#f7f1e466}.scr-form{padding:0 22px}.scr-form .head{display:flex;align-items:center;gap:14px;margin:20px 0}.scr-form .head h2{font-family:var(--font-body);font-size:19px;color:var(--navy);margin:0;font-weight:600}.scr-form .fields-col{display:flex;flex-direction:column;gap:20px}.scr-form .section-lbl{font-family:var(--font-body);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--paprika);margin:0 0 8px 4px}.scr-wizard{padding:0 22px}.scr-wizard .stepbar{display:flex;align-items:center;gap:8px;margin:20px 0 18px}.scr-wizard .step{flex:1;height:4px;border-radius:2px;background:var(--hair)}.scr-wizard .step.done{background:var(--marigold)}.scr-wizard .step-lbl{font-family:var(--font-body);font-size:10.5px;color:var(--paprika);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.scr-wizard .opt-card{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border:1.5px solid var(--hair);border-radius:14px;margin-bottom:12px}.scr-wizard .opt-card.selected{border-color:var(--navy);background:var(--ivory-2)}.scr-wizard .opt-card .t{font-size:13.5px;font-weight:700;color:var(--navy);margin:0 0 2px}.scr-wizard .opt-card .d{font-size:11.5px;color:var(--color-text-muted);margin:0}.scr-wizard .opt-card .radio{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--hair);flex:none}.scr-wizard .opt-card.selected .radio{border-color:var(--navy);background:var(--navy);box-shadow:inset 0 0 0 3px #fff}.scr-wizard .foot{position:absolute;bottom:34px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between}.scr-dash{padding:0 20px}.scr-dash .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 20px}.scr-dash .stat{background:var(--ivory-2);border-radius:14px;padding:14px 16px}.scr-dash .stat .lbl{font-family:var(--font-body);font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--paprika);margin:0 0 6px}.scr-dash .stat .val{font-family:var(--font-body);font-size:19px;font-weight:600;color:var(--navy);margin:0}.scr-dash .stat .delta{font-family:var(--font-body);font-size:10px;color:var(--cardamom);margin-top:4px}.scr-dash .chart{margin:0 0 20px;background:#fff;border:1px solid var(--hair);border-radius:14px;padding:16px;display:flex;align-items:flex-end;gap:8px;height:100px}.scr-dash .chart .col{flex:1;background:var(--marigold);border-radius:4px 4px 0 0}.scr-dash .chart .col.alt{background:var(--hair)}.scr-sub{padding:0 22px}.scr-sub .current{margin:18px 0 22px;background:var(--navy);border-radius:18px;padding:18px 20px;color:var(--ivory)}.scr-sub .current .tag{font-family:var(--font-body);font-size:10px;color:var(--marigold);text-transform:uppercase;letter-spacing:.08em}.scr-sub .current h3{font-family:var(--font-body);font-size:19px;margin:8px 0 2px;font-weight:600}.scr-sub .current p{font-size:11.5px;color:#f7f1e4b3;margin:0}.scr-sub .plan-card{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border:1.5px solid var(--hair);border-radius:14px;margin-bottom:12px}.scr-sub .plan-card.active{border-color:var(--marigold);background:#e8a63b14}.scr-sub .plan-card .t{font-size:13.5px;font-weight:700;color:var(--navy);margin:0 0 2px}.scr-sub .plan-card .d{font-size:11px;color:var(--color-text-muted);margin:0}.scr-sub .plan-card .price{font-family:var(--font-body);font-size:13px;color:var(--navy);text-align:right}.scr-signup{padding:0 26px}.scr-notif .grp-lbl{font-family:var(--font-body);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--paprika);padding:16px 20px 8px}.scr-notif .n-row{display:flex;gap:12px;padding:12px 20px;border-bottom:1px solid var(--hair)}.scr-notif .n-row .ic{width:38px;height:38px;border-radius:50%;background:var(--ivory-2);display:flex;align-items:center;justify-content:center;flex:none}.scr-notif .n-row .ic svg{width:17px;height:17px;fill:var(--paprika)}.scr-notif .n-row .meta{flex:1}.scr-notif .n-row .meta .t{font-size:12.5px;font-weight:700;color:var(--navy);margin:0 0 2px}.scr-notif .n-row .meta .d{font-size:11.5px;color:var(--color-text-muted);margin:0}.scr-notif .n-row .time{font-family:var(--font-body);font-size:10px;color:#a5a8ad;flex:none;white-space:nowrap}.scr-empty{align-items:center;justify-content:center;text-align:center;gap:16px;padding:0 36px;position:relative}.scr-empty .ic-circle{width:84px;height:84px;border-radius:50%;background:var(--ivory-2);display:flex;align-items:center;justify-content:center}.scr-empty .ic-circle svg{width:36px;height:36px;fill:var(--paprika)}.scr-empty h3{font-family:var(--font-body);font-size:18px;color:var(--navy);margin:0;font-weight:600}.scr-empty p{font-size:13px;color:var(--color-text-muted);margin:0;line-height:1.5}.accordion{border:1px solid var(--hair);border-radius:var(--radius-md);overflow:hidden;background:#fff;width:100%}.accordion details{border-bottom:1px solid var(--hair)}.accordion details:last-child{border-bottom:none}.accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;cursor:pointer;font-family:var(--font-body);font-weight:700;font-size:13.5px;color:var(--navy);transition:background .12s ease}.accordion summary::-webkit-details-marker{display:none}.accordion summary:hover{background:var(--ivory-2)}.accordion summary .chev{width:16px;height:16px;fill:var(--navy);flex:none;transition:transform .2s ease}.accordion details[open] summary .chev{transform:rotate(180deg)}.accordion .panel{padding:0 18px 16px;font-size:12.5px;color:var(--color-text-muted);line-height:1.6}.alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid transparent;font-family:var(--font-body);font-size:13px;line-height:1.5;width:100%}.alert svg{width:18px;height:18px;flex:none;margin-top:1px}.alert .t{font-weight:700;margin:0 0 2px}.alert .d{margin:0;opacity:.85}.alert-info{background:#14233a0f;border-color:#14233a29;color:var(--navy)}.alert-info svg{fill:var(--navy)}.alert-success{background:#3f66591a;border-color:#3f665940;color:var(--cardamom)}.alert-success svg{fill:var(--cardamom)}.alert-warning{background:#e8a63b24;border-color:#e8a63b59;color:#8a5f16}.alert-warning svg{fill:#8a5f16}.alert-danger{background:#c1442d17;border-color:#c1442d40;color:var(--paprika)}.alert-danger svg{fill:var(--paprika)}.close-x{width:22px;height:22px;border-radius:50%;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;margin-left:auto;color:inherit;transition:background .12s ease}.close-x svg{width:12px;height:12px;fill:currentColor}.close-x:hover{background:#00000014}.close-x-outline{border:1px solid var(--hair);color:var(--navy);margin-left:0}.close-x-on-dark{color:var(--ivory);margin-left:0}.badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:10.5px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);background:var(--hair);color:var(--navy)}.badge-navy{background:var(--navy);color:var(--ivory)}.badge-marigold{background:var(--marigold);color:var(--navy)}.badge-paprika{background:var(--paprika);color:var(--ivory)}.badge-cardamom{background:#3f665924;color:var(--cardamom)}.tooltip{position:relative;display:inline-flex;align-items:center}.tooltip-bubble{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(4px);background:var(--navy);color:var(--color-text-on-dark);font-family:var(--font-body);font-size:11px;font-weight:600;white-space:nowrap;padding:5px 9px;border-radius:6px;box-shadow:var(--shadow-sm);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s;z-index:20}.tooltip-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--navy)}.tooltip:hover .tooltip-bubble,.tooltip:focus-within .tooltip-bubble{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.verified-icon{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;border:none;padding:0;background:#3f665924;color:var(--cardamom);cursor:default}.verified-icon svg{width:11px;height:11px}.verified-icon.is-unverified{background:#c1442d1f;color:var(--paprika);cursor:pointer}.copy-btn{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;border:none;padding:0;background:#14233a14;color:var(--navy);cursor:pointer}.copy-btn svg{width:10px;height:10px}.copy-btn:hover{background:#14233a24}.badge-count{min-width:18px;height:18px;border-radius:50%;background:var(--paprika);color:#fff;font-family:var(--font-body);font-size:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.breadcrumb{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:13px;flex-wrap:wrap}.breadcrumb a{color:var(--color-text-muted);text-decoration:none;font-weight:600}.breadcrumb a:hover{color:var(--navy);text-decoration:underline}.breadcrumb .sep{color:#c3c5c8}.breadcrumb .current{color:var(--navy);font-weight:700}.card2{background:#fff;border:1px solid var(--hair);border-radius:var(--radius-md);overflow:hidden;width:100%;max-width:300px}.card2 .img{height:130px;background:linear-gradient(135deg,var(--ivory-2),var(--hair))}.card2 .body{padding:16px 18px}.card2 .body h4{font-family:var(--font-body);font-size:16px;color:var(--navy);margin:0 0 6px;font-weight:600}.card2 .body p{font-size:12.5px;color:var(--color-text-muted);margin:0 0 14px;line-height:1.5}.carousel{position:relative;width:100%;max-width:340px;border-radius:var(--radius-md);overflow:hidden}.carousel .track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.carousel .track::-webkit-scrollbar{display:none}.carousel .slide{scroll-snap-align:start;flex:0 0 100%;height:160px;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:600;font-size:15px;color:var(--ivory)}.carousel .dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px}.carousel .dots a{width:6px;height:6px;border-radius:50%;background:#ffffff73;cursor:pointer}.carousel .dots a:hover{background:#ffffffbf}.collapse-panel{border:1px solid var(--hair);border-radius:var(--radius-md);background:#fff;width:100%}.collapse-panel summary{list-style:none;padding:13px 16px;cursor:pointer;font-weight:700;font-size:13px;color:var(--navy);display:flex;align-items:center;gap:8px;transition:background .12s ease}.collapse-panel summary:hover{background:var(--ivory-2)}.collapse-panel summary::-webkit-details-marker{display:none}.collapse-panel .panel{padding:0 16px 14px;font-size:12.5px;color:var(--color-text-muted);line-height:1.6}.dropdown{position:relative;display:inline-block}.dropdown summary{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.dropdown summary::-webkit-details-marker{display:none}.dropdown .menu{position:absolute;top:calc(100% + 8px);left:0;min-width:190px;background:#fff;border:1px solid var(--hair);border-radius:12px;box-shadow:var(--shadow-md);padding:6px;z-index:5}.dropdown .menu a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--charcoal);text-decoration:none}.dropdown .menu a:hover{background:var(--ivory-2);color:var(--navy)}.dropdown .menu a svg{width:15px;height:15px;fill:currentColor}.dropdown .menu hr{border:none;border-top:1px solid var(--hair);margin:6px 2px}.dropdown .menu .danger{color:var(--paprika)}.list-group{border:1px solid var(--hair);border-radius:var(--radius-md);overflow:hidden;background:#fff;width:100%}.list-group-item{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--hair);font-family:var(--font-body);font-size:13.5px;font-weight:600;color:var(--charcoal);cursor:pointer;transition:background .12s ease}.list-group-item:last-child{border-bottom:none}.list-group-item:hover{background:var(--ivory-2)}.list-group-item.active{background:var(--navy);color:var(--ivory)}.list-group-item.disabled{color:#b7b9bc;cursor:not-allowed}.dialog::backdrop{background:#14233a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.navbar2{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--hair);border-radius:var(--radius-md);padding:12px 18px;width:100%}.navbar2 .brand{font-family:var(--font-body);font-weight:700;color:var(--navy);font-size:15px;text-decoration:none}.navbar2 .links{display:flex;gap:20px}.navbar2 .links a{font-family:var(--font-body);font-size:12.5px;font-weight:600;color:var(--color-text-muted);text-decoration:none;transition:color .12s ease}.navbar2 .links a:hover,.navbar2 .links a.active{color:var(--navy)}.tabs input[type=radio]{display:none}.tab-nav{display:flex;gap:4px;border-bottom:1.5px solid var(--hair);margin-bottom:16px}.tab-nav label{padding:10px 16px;font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:color .12s ease,border-color .12s ease}.tab-panel{display:none;font-family:var(--font-body);font-size:13px;color:var(--color-text-muted);line-height:1.6}#tab1:checked~.tab-nav label[for=tab1],#tab2:checked~.tab-nav label[for=tab2],#tab3:checked~.tab-nav label[for=tab3]{color:var(--navy);border-bottom-color:var(--marigold)}#tab1:checked~.tab-content .tab-panel.p1,#tab2:checked~.tab-content .tab-panel.p2,#tab3:checked~.tab-content .tab-panel.p3{display:block}.offcanvas-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#14233a73;z-index:100}.offcanvas-backdrop:target{display:block}.offcanvas-panel{position:fixed;top:0;right:0;bottom:0;width:280px;background:#fff;box-shadow:var(--shadow-lg);padding:22px;display:flex;flex-direction:column;gap:14px}.pagination{display:flex;gap:6px}.pagination a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--hair);font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--navy);text-decoration:none;transition:background .12s ease,border-color .12s ease}.pagination a:hover{background:var(--ivory-2)}.pagination a.active{background:var(--navy);color:var(--ivory);border-color:var(--navy)}.pagination a.disabled{color:#c3c5c8;pointer-events:none}.placeholder-line{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--hair) 25%,rgba(20,35,58,.06) 37%,var(--hair) 63%);background-size:400% 100%;animation:shimmer 1.6s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.popover-wrap{position:relative;display:inline-block}.popover-wrap .pop{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);width:200px;background:#fff;border:1px solid var(--hair);border-radius:12px;box-shadow:var(--shadow-md);padding:12px 14px;opacity:0;visibility:hidden;transition:opacity .15s ease;pointer-events:none;z-index:6}.popover-wrap .pop:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-bottom-color:#fff}.popover-wrap:hover .pop,.popover-wrap:focus-within .pop{opacity:1;visibility:visible;pointer-events:auto}.popover-wrap .pop .t{display:block;font-weight:700;font-size:12.5px;color:var(--navy);margin:0 0 3px}.popover-wrap .pop .d{display:block;font-size:11.5px;color:var(--color-text-muted);margin:0;line-height:1.5}.popover-wrap .pop.pop-top{top:auto;bottom:calc(100% + 10px)}.popover-wrap .pop.pop-top:before{bottom:auto;top:100%;border-bottom-color:transparent;border-top-color:#fff}.popover-wrap .pop.pop-right{top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.popover-wrap .pop.pop-right:before{bottom:auto;top:50%;left:auto;right:100%;transform:translateY(-50%);border-bottom-color:transparent;border-right-color:#fff}.popover-wrap .pop.pop-left{top:50%;left:auto;right:calc(100% + 10px);transform:translateY(-50%)}.popover-wrap .pop.pop-left:before{bottom:auto;top:50%;left:100%;transform:translateY(-50%);border-bottom-color:transparent;border-left-color:#fff}.popover-wrap .pop .action{margin-top:10px;display:inline-flex}.popover-wrap .pop .pop-stats{display:flex;flex-direction:column}.popover-wrap .pop .pop-stats .row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:11.5px;color:var(--charcoal);border-top:1px solid var(--hair)}.popover-wrap .pop .pop-stats .row:first-child{border-top:none;padding-top:2px}.popover-wrap .pop .pop-stats .row span:last-child{font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}.popover-click{position:relative;display:inline-block}.popover-click summary{list-style:none;cursor:pointer}.popover-click summary::-webkit-details-marker{display:none}.popover-click .pop-panel{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);width:200px;background:#fff;border:1px solid var(--hair);border-radius:12px;box-shadow:var(--shadow-md);padding:12px 14px;z-index:6}.popover-click .pop-panel:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-bottom-color:#fff}.popover-click .pop-panel .t{font-weight:700;font-size:12.5px;color:var(--navy);margin:0 0 3px;display:block}.popover-click .pop-panel .d{font-size:11.5px;color:var(--color-text-muted);margin:0;line-height:1.5;display:block}.popover-click .pop-panel .close-x{position:absolute;top:8px;right:8px}.progress{height:10px;background:var(--hair);border-radius:var(--radius-pill);overflow:hidden;width:100%}.progress .bar{height:100%;background:var(--marigold);border-radius:var(--radius-pill);transition:width .3s ease}.progress .bar.striped{background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.25) 75%,transparent 75%,transparent);background-size:16px 16px}.progress .bar.striped.animated{animation:progress-stripes 1s linear infinite}@keyframes progress-stripes{0%{background-position:16px 0}to{background-position:0 0}}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--hair);border-top-color:var(--navy);animation:spin .7s linear infinite}.spinner.sm{width:16px;height:16px;border-width:2px}.skeleton{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--ivory-2) 25%,var(--hair) 37%,var(--ivory-2) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.spinner-dynamic{width:26px;height:26px;border-radius:50%;background:conic-gradient(from 0deg,var(--navy),var(--marigold),var(--paprika),var(--cardamom),var(--navy));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);animation:spin .9s linear infinite}.spinner-grow{width:26px;height:26px;border-radius:50%;background:var(--navy);animation:spinner-grow .9s ease-in-out infinite}@keyframes spinner-grow{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.dots-spinner{display:flex;gap:5px}.dots-spinner span{width:7px;height:7px;border-radius:50%;background:var(--navy);animation:bounce 1s ease-in-out infinite}.dots-spinner span:nth-child(2){animation-delay:.15s}.dots-spinner span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.toast-target{display:none}.toast-target:target{display:block;position:fixed;bottom:24px;right:24px;z-index:120}.toast{display:flex;align-items:flex-start;gap:10px;background:var(--navy);color:var(--ivory);padding:14px 16px;border-radius:14px;box-shadow:var(--shadow-lg);width:280px}.toast svg{width:18px;height:18px;fill:var(--marigold);flex:none;margin-top:1px}.toast .t{font-weight:700;font-size:13px;margin:0 0 2px}.toast .d{font-size:11.5px;margin:0;color:#f7f1e4eb}.toast .close-x{color:#f7f1e4b3}.toast-info{background:var(--navy-2)}.toast-success{background:var(--cardamom)}.toast-warning{background:var(--marigold);color:var(--navy)}.toast-warning svg{fill:var(--navy)}.toast-warning .d{color:#14233ab3}.toast-warning .close-x{color:#14233a99}.toast-danger{background:var(--paprika)}.toast-stack{display:flex;flex-direction:column;gap:10px}.toast-action{display:inline-block;margin-top:6px;font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--marigold);text-decoration:underline;text-underline-offset:2px}.toast-warning .toast-action{color:var(--navy)}.tip-wrap{position:relative;display:inline-block}.tip-wrap .tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--navy);color:var(--ivory);font-family:var(--font-body);font-size:11px;padding:6px 10px;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .12s ease;pointer-events:none}.tip-wrap .tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--navy)}.tip-wrap:hover .tip,.tip-wrap:focus-within .tip{opacity:1;visibility:visible}.tip-wrap .tip.tip-right{bottom:auto;top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.tip-wrap .tip.tip-right:after{top:50%;left:auto;right:100%;transform:translateY(-50%);border-top-color:transparent;border-right-color:var(--navy)}.tip-wrap .tip.tip-bottom{bottom:auto;top:calc(100% + 8px)}.tip-wrap .tip.tip-bottom:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--navy)}.tip-wrap .tip.tip-left{bottom:auto;top:50%;left:auto;right:calc(100% + 8px);transform:translateY(-50%)}.tip-wrap .tip.tip-left:after{top:50%;left:100%;transform:translateY(-50%);border-top-color:transparent;border-left-color:var(--navy)}.tip-wrap .tip.tip-light{background:#fff;color:var(--charcoal);border:1px solid var(--hair)}.tip-wrap .tip.tip-light:after{border-top-color:#fff}.avatar.sm{width:32px;height:32px;font-size:12px}.avatar.lg{width:72px;height:72px;font-size:22px}.avatar-wrap{position:relative;display:inline-block}.avatar-wrap .dot{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;background:var(--cardamom);border:2.5px solid var(--ivory)}.status-pill.warn{background:#e8a63b29;color:#8a5f16}.status-pill.danger{background:#c1442d1f;color:var(--paprika)}.otp-row{display:flex;gap:8px}.otp-box{width:42px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1.5px solid var(--hair);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:18px;color:var(--charcoal)}.otp-box.filled{border-color:var(--hair)}.otp-box.focus{border-color:var(--navy);box-shadow:0 0 0 4px #14233a14}.otp-box.empty{color:#c7cad0}.rating{display:inline-flex;align-items:center;gap:3px}.rating svg{width:18px;height:18px;fill:#c3c5c8}.rating svg.filled{fill:var(--marigold)}.rating-value{font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--navy);margin-left:4px}.rating-count{font-family:var(--font-body);font-size:11.5px;color:var(--color-text-muted)}.pwa-banner{display:flex;align-items:center;gap:12px;width:100%;background:var(--navy);color:var(--ivory);border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--shadow-md)}.pwa-banner .icon{width:40px;height:40px;border-radius:10px;flex:none}.pwa-banner .meta{flex:1;min-width:0}.pwa-banner .meta .t{font-family:var(--font-body);font-weight:700;font-size:13px;margin:0 0 2px}.pwa-banner .meta .d{font-family:var(--font-body);font-size:11.5px;margin:0;color:#f7f1e4bf}.pwa-banner .actions{display:flex;align-items:center;gap:8px;flex:none}.network-status{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--charcoal)}.network-status .dot{width:8px;height:8px;border-radius:50%;background:var(--cardamom)}.network-status.offline .dot{background:var(--paprika)}.network-status.reconnecting .dot{background:var(--marigold);animation:pulse-dot 1.1s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.offcanvas-panel.sheet{top:auto;right:0;left:0;width:auto;max-height:70vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.offcanvas-panel .sheet-handle{width:36px;height:4px;border-radius:var(--radius-pill);background:var(--hair);margin:-8px auto 4px}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:13px;color:var(--charcoal)}.data-table th,.data-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--hair);white-space:nowrap}.data-table thead th{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background:var(--ivory-2)}.data-table tbody tr:last-child td{border-bottom:none}.data-table td.num,.data-table th.num{text-align:right;font-variant-numeric:tabular-nums}.data-table td.actions-cell{text-align:right;position:relative;overflow:visible}.data-table input[type=checkbox]{accent-color:var(--navy)}.data-table.hoverable tbody tr{transition:background .12s ease}.data-table.hoverable tbody tr:hover{background:var(--ivory-2)}.data-table.accented thead th{background:var(--navy);color:#f7f1e4bf}.data-table.striped-cols th:nth-child(2n),.data-table.striped-cols td:nth-child(2n){background:var(--ivory-2)}.data-table.compact th,.data-table.compact td{padding:7px 10px;font-size:11.5px}.table-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.table-toolbar .field{max-width:none;flex:1}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.table-footer .count{font-family:var(--font-body);font-size:11.5px;color:var(--color-text-muted)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased}#root{min-height:100vh;min-height:100dvh}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}.dialog{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:0;padding:24px;width:min(92vw,26rem);max-height:85vh;overflow-y:auto;animation:dialog-in .22s cubic-bezier(.22,1,.36,1)}.dialog::backdrop{background:#14233a80;animation:dialog-backdrop-in .22s ease}@keyframes dialog-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1}}.page-transition{animation:page-in .32s cubic-bezier(.22,1,.36,1)}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.toast-viewport .toast,.dialog,.dialog::backdrop,.page-transition{animation:none}}.dialog-sm{width:min(92vw,20rem)}.dialog-lg{width:min(92vw,34rem)}.dialog-xl{width:min(92vw,44rem)}.dialog-fullscreen{top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border-radius:0}.dialog-fullscreen[open]{display:flex;flex-direction:column}.dialog-fullscreen .dialog-actions{margin-top:auto;padding-top:20px}.dialog-top{margin-top:64px;margin-bottom:auto}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.dialog-title{font-family:var(--font-body);font-size:18px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.dialog-body{font-size:13px;color:var(--color-text-muted);line-height:1.6}.dialog-body-scroll{overflow-y:auto;max-height:45vh;padding-right:4px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.dialog-close{position:absolute;top:14px;right:14px}.dialog-step{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--color-border)}.dialog-step.is-active{background:var(--color-accent)}.card-surface{width:100%;max-width:320px;border-radius:16px;padding:16px 18px}.card-surface--lg{border-radius:20px;padding:20px}.card-surface--navy{background:var(--color-primary);color:var(--color-text-on-dark)}.card-surface--tint{background:var(--color-surface-alt)}.list-entry{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border);transition:background .12s ease}.list-entry:last-child{border-bottom:0}.list-entry:hover,.list-entry:active{background:var(--color-surface-alt)}.list-entry-icon{width:36px;height:36px;border-radius:50%;background:var(--color-surface-alt);display:flex;align-items:center;justify-content:center;flex:none}.list-entry-icon svg{width:18px;height:18px;fill:var(--color-primary)}.list-entry-body{flex:1;min-width:0}.list-entry-title{font-family:var(--font-body);font-size:13.5px;font-weight:600;color:var(--color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-entry-subtitle{font-family:var(--font-body);font-size:12px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 0}.list-entry-action{flex:none;margin-left:auto}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg)}.app-content{flex:1;width:100%;max-width:480px;margin:0 auto;padding-bottom:84px}.auth-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:var(--color-primary)}.auth-card{width:100%;max-width:400px;background:var(--color-bg);border-radius:var(--radius-lg);padding:32px 24px;box-shadow:var(--shadow-lg)}.toast-viewport{position:fixed;z-index:200;top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 76px);left:50%;right:auto;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:10px;width:calc(100% - 32px);max-width:360px;pointer-events:none}.toast-viewport .toast{width:100%;max-width:320px;pointer-events:auto;animation:toast-in .28s cubic-bezier(.34,1.56,.64,1)}.toast-viewport .toast.toast-leaving{animation:toast-out .2s ease forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.96)}}@media (min-width: 1024px){.toast-viewport{top:86px;bottom:auto;left:auto;right:20px;transform:none;flex-direction:column;align-items:flex-end;width:auto;max-width:none}}.field .input{position:relative}.field-control{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:14px;color:var(--color-text);padding:0}.field-control::placeholder{color:#a5a8ad}textarea.field-control{resize:vertical;min-height:52px;line-height:1.5}.field .input button.field-icon-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;color:#a5a8ad}.otp-box-input{width:42px;height:50px;text-align:center;font-family:var(--font-mono);font-size:18px;color:var(--charcoal);background:var(--color-surface);border:1.5px solid var(--hair);border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.otp-box-input:focus{border-color:var(--navy);box-shadow:0 0 0 4px #14233a14}.otp-box-input.error{border-color:var(--paprika);box-shadow:0 0 0 4px #c1442d14}.app-shell .bottom-nav{position:fixed;max-width:480px;margin:0 auto}.app-shell .app-header{position:sticky;top:0;width:100%;max-width:480px;margin:0 auto;background:linear-gradient(180deg,var(--navy-2) 0%,var(--navy) 100%);padding-top:calc(12px + env(safe-area-inset-top,0px));box-shadow:var(--shadow-md);z-index:10}.app-shell.is-desktop{flex-direction:row;align-items:stretch}.app-sidebar{flex:none;width:248px;min-height:100vh;min-height:100dvh;position:sticky;top:0;background:var(--color-primary);color:var(--color-text-on-dark);display:flex;flex-direction:column;padding:22px 14px;gap:2px}.app-sidebar .side-brand{display:flex;align-items:center;gap:10px;padding:4px 10px 26px;text-decoration:none}.app-sidebar .side-brand img{height:22px;width:auto}.app-sidebar .side-brand span{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--color-text-on-dark)}.side-nav-list{display:flex;flex-direction:column;gap:2px}.side-nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:var(--color-text-on-dark-muted);text-decoration:none;font-family:var(--font-body);font-size:13.5px;font-weight:600;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease}.side-nav-item svg{width:18px;height:18px;fill:currentColor;flex:none}.side-nav-item:hover{background:#f7f1e414;color:var(--color-text-on-dark)}.side-nav-item.active{background:var(--color-accent);color:var(--color-primary)}.side-nav-item.danger{color:#e86f5bd9}.side-nav-item.danger:hover{background:#e86f5b24;color:#ff8a75}.topbar-user-trigger{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface)}.topbar-user-trigger:hover{background:var(--color-surface-alt)}.topbar-user-trigger .name{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--color-text);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-user-trigger .chev{width:14px;height:14px;fill:var(--color-text-muted);flex:none}.dropdown .menu.menu-right{left:auto;right:0}.notif-menu{width:min(92vw,340px);padding:6px}.notif-menu-head{font-family:var(--font-body);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:8px 10px 6px}.notif-menu-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 8px;border-radius:10px;border:none;background:none;text-align:left;cursor:pointer;font-family:inherit}.notif-menu-row:hover{background:var(--color-surface-alt)}.notif-menu-row.unread{background:#e8a63b14}.notif-menu-row .ic{width:34px;height:34px;border-radius:50%;background:var(--color-surface-alt);display:flex;align-items:center;justify-content:center;flex:none}.notif-menu-row .ic svg{width:16px;height:16px;fill:var(--color-accent-2)}.notif-menu-row .meta{flex:1;min-width:0}.notif-menu-row .meta .t{font-size:12.5px;font-weight:700;color:var(--color-text);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-menu-row .meta .d{font-size:11.5px;color:var(--color-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-menu-row .time{font-family:var(--font-body);font-size:10px;color:#a5a8ad;flex:none;white-space:nowrap}.app-main-desktop{flex:1;min-width:0;display:flex;flex-direction:column}.app-topbar-desktop{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:18px 32px;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.app-content-desktop{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:28px 32px 56px}.stat-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 520px){.stat-grid-3{grid-template-columns:1fr 1fr}}.home-top-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.home-top-grid{grid-template-columns:1.6fr 1fr;gap:20px}}.home-meals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.home-meal-card{border:1px solid var(--hair);border-radius:14px;padding:14px 16px}.form-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 640px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .form-grid-full{grid-column:1 / -1}}.geo-status{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);font-size:12.5px;color:var(--color-text-muted)}.geo-status.captured{border-color:var(--cardamom);color:var(--navy);background:#3f665914}.geo-status svg{width:18px;height:18px;fill:var(--cardamom);flex:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:60px 32px}.empty-state .ic-circle{width:84px;height:84px;border-radius:50%;background:var(--color-surface-alt);display:flex;align-items:center;justify-content:center}.empty-state .ic-circle svg{width:36px;height:36px;fill:var(--color-accent-2)}.empty-state h3{font-family:var(--font-body);font-size:18px;color:var(--color-primary);margin:0;font-weight:600}.empty-state p{font-size:13px;color:var(--color-text-muted);margin:0;line-height:1.5;max-width:280px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 32px;color:var(--color-text-muted);font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}