@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Open+Sans:wght@400;500;600;700&family=Bebas+Neue&family=Caveat:wght@500;600;700&display=swap";:root{--sp-navy:#0d4775;--sp-navy-700:#0a3a60;--sp-navy-900:#062742;--sp-navy-300:#4a7aa3;--sp-navy-100:#e8f0f7;--sp-red:#c12b2d;--sp-red-700:#a01f21;--sp-red-100:#fbe9ea;--sp-white:#fff;--sp-paper:#fafafa;--sp-gray-50:#f5f5f5;--sp-gray-100:#ececec;--sp-gray-200:#d9d9d9;--sp-gray-400:#999;--sp-gray-500:#666;--sp-gray-700:#444;--sp-charcoal:#333;--bg-page:var(--sp-paper);--bg-surface:var(--sp-white);--bg-surface-alt:var(--sp-gray-50);--bg-tint:var(--sp-navy-100);--bg-inverse:var(--sp-navy);--bg-inverse-strong:var(--sp-navy-900);--fg-primary:var(--sp-charcoal);--fg-secondary:var(--sp-gray-500);--fg-muted:var(--sp-gray-400);--fg-on-inverse:var(--sp-white);--fg-link:var(--sp-navy);--fg-accent:var(--sp-red);--border-default:var(--sp-gray-200);--border-strong:var(--sp-charcoal);--border-accent:var(--sp-red);--font-display:"Montserrat", "Arial Black", system-ui, sans-serif;--font-body:"Open Sans", Arial, system-ui, sans-serif;--font-script:"Caveat", "Brush Script MT", cursive;--font-condensed:"Bebas Neue", "Arial Narrow", sans-serif;--fs-fine:12px;--fs-small:14px;--fs-body:16px;--fs-lead:18px;--fs-h4:20px;--fs-h3:24px;--fs-h2:32px;--fs-h1:44px;--fs-display:64px;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-loose:1.7;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:900;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.02em;--tracking-caps:.08em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-pill:999px;--shadow-sm:0 1px 2px #0d477514;--shadow-md:0 2px 6px #0d47751a, 0 1px 2px #0d47750f;--shadow-lg:0 8px 24px #0d47751f, 0 2px 6px #0d47750f;--shadow-inset:inset 0 1px 2px #0000000f;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--content-max:1140px;--gutter:24px}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{background:var(--bg-page);color:var(--fg-primary);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--sp-navy);font-weight:var(--fw-bold);line-height:var(--lh-tight);margin:0 0 var(--sp-4);text-wrap:balance}h1{font-size:var(--fs-h1);font-weight:var(--fw-black);letter-spacing:var(--tracking-tight)}h2{font-size:var(--fs-h2);font-weight:var(--fw-bold)}h3{font-size:var(--fs-h3);font-weight:var(--fw-semibold)}h4{font-size:var(--fs-h4);font-weight:var(--fw-semibold)}p{margin:0 0 var(--sp-4);line-height:var(--lh-normal);text-wrap:pretty}small,.fine-print{font-size:var(--fs-fine);color:var(--fg-secondary)}.eyebrow{font-family:var(--font-display);font-size:var(--fs-small);font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--sp-red)}.tagline{font-family:var(--font-body);color:var(--sp-navy);font-weight:var(--fw-regular);letter-spacing:var(--tracking-wide)}.script{font-family:var(--font-script);color:var(--sp-red);font-weight:var(--fw-bold)}a{color:var(--fg-link);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}a:hover{color:var(--sp-navy-700)}code,pre,kbd{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}html,body,#root{height:100%}body{background:var(--sp-gray-50);color:var(--fg-primary);font-family:var(--font-body);font-size:15px}*{box-sizing:border-box}.shell{grid-template:"header header"64px"nav main"1fr"footer footer"/232px 1fr;min-height:100vh;display:grid}.shell-header{background:var(--sp-navy);color:#fff;z-index:30;border-bottom:1px solid #ffffff0f;grid-area:header;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.shell-header .logo-wrap{align-items:center;gap:14px;display:flex}.shell-header img.sp-logo{width:auto;height:36px;display:block}.shell-header .url-crumb{color:#ffffff8c;letter-spacing:.01em;background:#ffffff0f;border-radius:999px;padding:4px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.shell-header .greeting{font-family:var(--font-display);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.shell-header .greeting .hi{color:#ffffffb3;margin-right:4px;font-weight:500}.shell-header .avatar{background:var(--sp-red);color:#fff;width:34px;height:34px;font-family:var(--font-display);letter-spacing:.02em;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.shell-header .avatar.karen{background:#6c8a3b}.shell-nav{border-right:1px solid var(--sp-gray-200);background:#fff;flex-direction:column;grid-area:nav;gap:2px;height:calc(100vh - 64px);padding:24px 12px;display:flex;position:sticky;top:64px;overflow-y:auto}.nav-item{color:var(--sp-charcoal);cursor:pointer;text-align:left;width:100%;font-size:14px;font-weight:500;font-family:var(--font-body);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;padding:9px 14px;display:flex}.nav-item:hover{background:var(--sp-navy-100);color:var(--sp-navy)}.nav-item.active{background:var(--sp-navy);color:#fff;font-weight:600}.nav-item.active .nav-badge{color:#fff;background:#fff3}.nav-item svg{flex-shrink:0;width:18px;height:18px}.nav-item .nav-label{flex:1}.nav-badge{background:var(--sp-red);color:#fff;font-size:11px;font-weight:700;font-family:var(--font-display);border-radius:999px;padding:1px 6px}.nav-section-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-gray-400);padding:14px 14px 6px;font-size:11px;font-weight:700}.shell-main{grid-area:main;width:100%;max-width:1280px;padding:32px 40px 56px}.shell-footer{background:var(--sp-navy-900);color:#fff;flex-wrap:wrap;grid-area:footer;justify-content:space-between;align-items:center;gap:12px;padding:24px 40px;font-size:13px;display:flex}.shell-footer .foot-cols{flex-wrap:wrap;align-items:center;gap:36px;display:flex}.shell-footer .foot-cols span{color:#ffffffb3}.shell-footer strong{color:#fff;font-family:var(--font-display);font-weight:600}.shell-footer .foot-tag{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;font-size:12px}.page-head{margin-bottom:28px}.page-head h1{font-family:var(--font-display);color:var(--sp-navy);letter-spacing:-.01em;margin:0 0 6px;font-size:34px;font-weight:800}.page-head .sub{color:var(--sp-gray-500);max-width:680px;font-size:16px;line-height:1.55}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin:36px 0 14px;display:flex}.section-head:first-child{margin-top:0}.section-head h2{font-family:var(--font-display);color:var(--sp-navy);letter-spacing:0;margin:0;font-size:20px;font-weight:700}.section-head .sub{color:var(--sp-gray-500);margin:4px 0 0;font-size:13px}.section-head .sub-stack{flex-direction:column;display:flex}.section-head .right-link{font-family:var(--font-display);color:var(--sp-navy);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none}.section-head .right-link:hover{color:var(--sp-navy-700);text-decoration:underline}.section-head .indicator{color:var(--sp-gray-500);font-size:13px;font-weight:500}.card{border:1px solid var(--sp-gray-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:6px}.card.padded{padding:20px}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.merch-grid{grid-template-columns:repeat(auto-fill,minmax(260px,320px));justify-content:start;gap:18px;display:grid}@media (width<=1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}.btn{font-family:var(--font-display);cursor:pointer;letter-spacing:.01em;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);border:0;border-radius:4px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn-primary{background:var(--sp-navy);color:#fff}.btn-primary:hover{background:var(--sp-navy-700)}.btn-accent{background:var(--sp-red);color:#fff}.btn-accent:hover{background:var(--sp-red-700)}.btn-secondary{color:var(--sp-navy);border:1.5px solid var(--sp-gray-200);background:#fff;padding:7.5px 14.5px}.btn-secondary:hover{border-color:var(--sp-navy);background:var(--sp-navy-100)}.btn-ghost{color:var(--sp-navy);background:0 0;padding:8px 10px}.btn-ghost:hover{color:var(--sp-navy-700);text-decoration:underline}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:12px 22px;font-size:15px}.btn-block{justify-content:center;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.pill{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.pill:before{content:"";opacity:.7;background:currentColor;border-radius:50%;width:6px;height:6px}.pill.have{color:#3f6b3f;background:#e3efe3}.pill.missing,.pill.update{color:#8a5a14;background:#fdf1d8}.pill.active{background:var(--sp-navy-100);color:var(--sp-navy)}.pill.ready{color:#3f6b3f;background:#e3efe3}.pill.printing{background:var(--sp-navy-100);color:var(--sp-navy)}.pill.proof{color:#8a5a14;background:#fdf1d8}.pill.shipped{color:#3f6b3f;background:#e3efe3}.pill.due-soon{color:#8a5a14;background:#fdf1d8}.pill.overdue{background:var(--sp-red-100);color:var(--sp-red-700)}.pill.paid,.pill.plain{color:#555;background:#ececec}.chip{font-family:var(--font-body);border:1px solid var(--sp-gray-200);color:var(--sp-charcoal);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:13.5px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--sp-navy);color:var(--sp-navy);background:var(--sp-navy-100)}.chip svg{width:13px;height:13px}.chip.active{background:var(--sp-navy);color:#fff;border-color:var(--sp-navy)}.chip.status{border:1px solid var(--sp-gray-200);background:#fff}.chip.status .dot{background:var(--sp-navy);border-radius:50%;width:7px;height:7px}.chip.status.urgent{border-color:var(--sp-red)}.chip.status.urgent .dot{background:var(--sp-red)}.chip.status .meta{color:var(--sp-gray-500);font-size:12px}.intake{border:1px solid var(--sp-gray-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;padding:28px 28px 22px;position:relative;overflow:hidden}.intake:before{content:"";background:linear-gradient(180deg, var(--sp-navy) 0%, var(--sp-navy) 60%, var(--sp-red) 60%, var(--sp-red) 100%);width:4px;position:absolute;top:0;bottom:0;left:0}.intake h2{font-family:var(--font-display);color:var(--sp-navy);margin:0 0 4px;font-size:26px;font-weight:800}.intake .intake-sub{color:var(--sp-gray-500);margin-bottom:16px;font-size:15px}.intake textarea{border:1.5px solid var(--sp-gray-200);width:100%;font-family:var(--font-body);resize:vertical;min-height:92px;color:var(--sp-charcoal);transition:border-color var(--dur-fast) var(--ease-standard);border-radius:6px;padding:14px 16px;font-size:15px}.intake textarea:focus{border-color:var(--sp-navy);outline:none}.intake .chips-row{flex-wrap:wrap;gap:8px;margin:12px 0 14px;display:flex}.intake .attach-row{border-top:1px solid var(--sp-gray-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.intake .attach-buttons{flex-wrap:wrap;gap:8px;display:flex}.attach-btn{font-family:var(--font-body);color:var(--sp-gray-500);border:1px dashed var(--sp-gray-200);cursor:pointer;transition:all var(--dur-fast) var(--ease-standard);background:0 0;border-radius:6px;align-items:center;gap:6px;padding:7px 11px;font-size:13px;display:inline-flex}.attach-btn:hover{border-color:var(--sp-navy);color:var(--sp-navy);border-style:solid}.attach-btn svg{width:14px;height:14px}.bk-card{border:1px solid var(--sp-gray-200);transition:box-shadow var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard);background:#fff;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.bk-card:hover{box-shadow:var(--shadow-md)}.bk-card.missing{border-style:dashed;border-color:var(--sp-gray-200);background:#fcfcfc}.bk-thumb{background:var(--sp-gray-50);border-bottom:1px solid var(--sp-gray-200);place-items:center;height:132px;display:grid;position:relative;overflow:hidden}.bk-thumb.dark{background:var(--sp-navy)}.bk-thumb img{object-fit:contain;max-width:78%;max-height:78%}.bk-thumb .placeholder{background-image:linear-gradient(45deg,#e9e9e9 25%,#0000 25%),linear-gradient(-45deg,#e9e9e9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9e9e9 75%),linear-gradient(-45deg,#0000 75%,#e9e9e9 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;place-items:center;width:100%;height:100%;display:grid}.bk-thumb .placeholder.horizontal:after,.bk-thumb .placeholder.box:after,.bk-thumb .placeholder.color:after,.bk-thumb .placeholder.font:after,.bk-thumb .placeholder.photo:after,.bk-thumb .placeholder.text:after{content:"";border:2px dashed var(--sp-gray-400);background:#ffffffb3;border-radius:4px}.bk-thumb .placeholder.horizontal:after{width:70%;height:38%}.bk-thumb .placeholder.box:after{aspect-ratio:1;width:56%;height:auto}.bk-thumb .placeholder.color:after,.bk-thumb .placeholder.font:after{width:70%;height:50%}.bk-thumb .placeholder.photo:after{width:70%;height:60%}.bk-thumb .placeholder.text:after{width:75%;height:26%}.bk-thumb .placeholder-icon{font-family:var(--font-display);color:var(--sp-gray-400);letter-spacing:.06em;font-size:12px;font-weight:700;position:absolute}.bk-body{flex-direction:column;flex:1;padding:16px 18px 14px;display:flex}.bk-card h3{font-family:var(--font-display);color:var(--sp-navy);margin:0 0 4px;font-size:16px;font-weight:700}.bk-card .top-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.bk-card .used-for{color:var(--sp-gray-500);flex:1;margin-bottom:14px;font-size:13px;line-height:1.5}.bk-card .used-for strong{color:var(--sp-charcoal);font-weight:600}.bk-actions{border-top:1px solid var(--sp-gray-200);align-items:center;gap:12px;padding-top:12px;display:flex}.bk-strip-card{border:1px solid var(--sp-gray-200);cursor:pointer;transition:box-shadow var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-standard);background:#fff;border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.bk-strip-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.bk-strip-card.missing{background:#fcfcfc;border-style:dashed}.bk-strip-card .thumb{background:var(--sp-gray-50);border-bottom:1px solid var(--sp-gray-200);place-items:center;height:96px;display:grid}.bk-strip-card .thumb.dark{background:var(--sp-navy)}.bk-strip-card .thumb img{object-fit:contain;max-width:78%;max-height:78%}.bk-strip-card .body{padding:10px 14px 12px}.bk-strip-card h4{font-family:var(--font-display);color:var(--sp-navy);margin:0 0 2px;font-size:13px;font-weight:700}.bk-strip-card .meta{color:var(--sp-gray-500);font-size:12px}.bk-strip-card.missing .upload-mini{font-family:var(--font-display);color:var(--sp-navy);text-underline-offset:2px;margin-top:4px;font-size:12px;font-weight:600;text-decoration:underline;display:inline-block}.product-card{border:1px solid var(--sp-gray-200);transition:box-shadow var(--dur-base) var(--ease-standard);background:#fff;border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md)}.product-card .thumb{aspect-ratio:4/3;background:var(--sp-navy-100);border-bottom:1px solid var(--sp-gray-200);place-items:center;display:grid;position:relative;overflow:hidden}.product-card .thumb.navy{background:var(--sp-navy)}.product-card .thumb img{object-fit:contain;max-width:80%;max-height:80%}.product-card .body{flex-direction:column;flex:1;padding:14px 16px 16px;display:flex}.product-card h3{font-family:var(--font-display);color:var(--sp-navy);margin:0 0 4px;font-size:16px;font-weight:700}.product-card .specs{color:var(--sp-gray-500);min-height:2.6em;margin-bottom:10px;font-size:12.5px;line-height:1.5}.product-card .last{color:var(--sp-charcoal);margin-bottom:12px;font-size:12.5px;font-weight:500}.product-card .last span{color:var(--sp-gray-500);font-weight:400}.product-card .actions{align-items:center;gap:8px;margin-top:auto;display:flex}.product-card .price-range{font-family:var(--font-display);color:var(--sp-navy);margin-bottom:10px;font-size:15px;font-weight:700}.order-row{border:1px solid var(--sp-gray-200);transition:box-shadow var(--dur-base) var(--ease-standard);background:#fff;border-radius:6px;grid-template-columns:56px 1fr auto auto auto;align-items:center;gap:18px;padding:16px 20px;display:grid}.order-row:hover{box-shadow:var(--shadow-sm)}.order-row.urgent{border-color:var(--sp-red)}.order-row .order-thumb{background:var(--sp-navy-100);border:1px solid var(--sp-gray-200);border-radius:4px;place-items:center;width:56px;height:56px;display:grid}.order-row .order-thumb img{max-width:70%;max-height:70%}.order-row .order-thumb.navy{background:var(--sp-navy)}.order-row .order-name{font-family:var(--font-display);color:var(--sp-navy);font-size:15px;font-weight:700}.order-row .order-meta{color:var(--sp-gray-500);margin-top:2px;font-size:13px}.order-row .order-eta{color:var(--sp-charcoal);font-size:13px;font-weight:500}.tbl{border-collapse:collapse;width:100%}.tbl thead th{background:var(--sp-navy);color:#fff;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:10px 14px;font-size:12px;font-weight:700}.tbl tbody td{border-bottom:1px solid var(--sp-gray-200);vertical-align:middle;padding:12px 14px;font-size:13.5px}.tbl tbody tr:nth-child(2n) td{background:var(--sp-navy-100)}.tbl tbody tr:hover td{background:#f0f5fa}.tbl .num{font-family:var(--font-display);color:var(--sp-navy);font-weight:600}.tbl .right{text-align:right}.metric-card{border:1px solid var(--sp-gray-200);background:#fff;border-radius:6px;padding:22px 24px}.metric-card.urgent{border-color:var(--sp-red)}.metric-card .label{font-family:var(--font-display);color:var(--sp-gray-500);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.metric-card .value{font-family:var(--font-display);color:var(--sp-navy);letter-spacing:-.01em;font-size:32px;font-weight:800;line-height:1}.metric-card .value.red{color:var(--sp-red)}.metric-card .sub{color:var(--sp-gray-500);margin-top:8px;font-size:13px}.metric-card .actions{margin-top:16px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.stack{flex-direction:column;gap:4px;display:flex}.muted{color:var(--sp-gray-500)}.divider{background:var(--sp-gray-200);height:1px;margin:24px 0}.empty{border:1.5px dashed var(--sp-gray-200);text-align:center;color:var(--sp-gray-500);background:#fff;border-radius:8px;padding:36px 24px}.empty h3{font-family:var(--font-display);color:var(--sp-navy);margin:0 0 6px;font-size:18px}.empty p{margin:0 0 14px}.progress{background:var(--sp-gray-200);border-radius:999px;height:8px;overflow:hidden}.progress>.bar{background:var(--sp-navy);height:100%;transition:width var(--dur-slow) var(--ease-standard);border-radius:999px}.link{color:var(--sp-navy);font-family:var(--font-display);cursor:pointer;font-size:13px;font-weight:600;text-decoration:none}.link:hover{color:var(--sp-navy-700);text-decoration:underline}.swatch-row{gap:0;width:100%;height:100%;display:flex}.swatch-row .swatch{font-family:var(--font-display);color:#ffffffd9;letter-spacing:.04em;flex:1;place-items:end center;padding-bottom:8px;font-size:10px;font-weight:700;display:grid}.swatch-row .swatch.dark{color:#ffffffd9}.swatch-row .swatch.light{color:#0000008c}.mailbox-card{background:linear-gradient(135deg, var(--sp-navy) 0%, var(--sp-navy-900) 100%);color:#fff;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:26px 28px;display:grid}.mailbox-card .pmb-num{font-family:var(--font-display);letter-spacing:-.01em;font-size:36px;font-weight:800;line-height:1}.mailbox-card .pmb-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin-bottom:6px;font-size:11px;font-weight:700}.mailbox-card .addr{opacity:.92;font-size:13.5px;line-height:1.55}.mailbox-card .addr-label{text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-size:11px;font-family:var(--font-display);margin-bottom:4px;font-weight:700}.mailbox-card .actions{flex-direction:column;gap:8px;display:flex}.mailbox-card .actions .btn{color:#fff;background:#ffffff1f}.mailbox-card .actions .btn:hover{background:#fff3}.mail-item{border:1px solid var(--sp-gray-200);background:#fff;border-radius:6px;grid-template-columns:80px 1fr auto;align-items:center;gap:16px;padding:14px;display:grid}.mail-item .thumb{background:var(--sp-gray-50);width:80px;height:80px;color:var(--sp-gray-400);border:1px solid var(--sp-gray-200);border-radius:4px;place-items:center;display:grid}.mail-item h4{font-family:var(--font-display);color:var(--sp-navy);margin:0 0 2px;font-size:14px;font-weight:700}.mail-item .meta{color:var(--sp-gray-500);font-size:12.5px}.mail-item .from{color:var(--sp-charcoal);margin:2px 0;font-size:13px}.tab-nav{border-bottom:1px solid var(--sp-gray-200);gap:4px;margin-bottom:24px;display:flex}.tab{font-family:var(--font-display);cursor:pointer;color:var(--sp-gray-500);transition:color var(--dur-fast), border-color var(--dur-fast);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:14px;font-weight:600}.tab:hover{color:var(--sp-navy)}.tab.active{color:var(--sp-navy);border-bottom-color:var(--sp-navy)}.tpl-card{border:1px solid var(--sp-gray-200);background:#fff;border-radius:6px;overflow:hidden}.tpl-card .thumb{aspect-ratio:4/3;background:var(--sp-gray-50);border-bottom:1px solid var(--sp-gray-200);color:var(--sp-gray-400);font-family:var(--font-display);place-items:center;font-weight:600;display:grid}.tpl-card .body{justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.tpl-card h4{font-family:var(--font-display);color:var(--sp-navy);margin:0;font-size:13.5px;font-weight:600}.article-card{border:1px solid var(--sp-gray-200);cursor:pointer;transition:all var(--dur-fast);background:#fff;border-radius:6px;padding:18px 20px}.article-card:hover{border-color:var(--sp-navy);box-shadow:var(--shadow-sm)}.article-card h4{font-family:var(--font-display);color:var(--sp-navy);margin:0 0 6px;font-size:15px;font-weight:700}.article-card p{color:var(--sp-gray-500);margin:0 0 8px;font-size:13px;line-height:1.5}.article-card .read{color:var(--sp-gray-400);font-size:12px;font-family:var(--font-display);font-weight:600}.doc-row{border-bottom:1px solid var(--sp-gray-200);background:#fff;grid-template-columns:36px 1fr auto auto;align-items:center;gap:14px;padding:12px 16px;display:grid}.doc-row:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.doc-row:last-child{border-bottom:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.doc-row:hover{background:var(--sp-navy-100)}.doc-row .ftype{background:var(--sp-gray-50);width:36px;height:36px;font-family:var(--font-display);color:var(--sp-navy);border:1px solid var(--sp-gray-200);border-radius:4px;place-items:center;font-size:9.5px;font-weight:700;display:grid}.doc-row .name{color:var(--sp-charcoal);font-size:14px;font-weight:500}.doc-row .date{color:var(--sp-gray-500);font-size:12.5px}.doc-section-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-gray-500);margin:22px 0 8px;font-size:12px;font-weight:700}.doc-section-label:first-child{margin-top:0}.doc-list{border:1px solid var(--sp-gray-200);background:#fff;border-radius:6px}.dropzone{border:2px dashed var(--sp-gray-200);text-align:center;width:100%;color:var(--sp-gray-500);font:inherit;cursor:pointer;background:#fff;border-radius:8px;margin-top:24px;padding:30px 20px;display:block}.dropzone:hover{border-color:var(--sp-navy);color:var(--sp-navy);background:var(--sp-navy-100)}.dropzone strong{color:var(--sp-charcoal);font-family:var(--font-display);margin-bottom:4px;font-weight:600;display:block}.dropzone-mobile{display:none}@media (width<=767px){.dropzone-desktop{display:none}.dropzone-mobile{display:inline}.dropzone{min-height:80px;padding:22px 16px}}.status-strip{flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0 0;display:flex}.status-strip .status-label{color:var(--sp-gray-500);font-size:12px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;margin-right:6px;font-weight:700}.insp-card{border:1px solid var(--sp-gray-200);cursor:pointer;transition:box-shadow var(--dur-base);background:#fff;border-radius:6px;overflow:hidden}.insp-card:hover{box-shadow:var(--shadow-md)}.insp-card .thumb{aspect-ratio:4/3;color:#ffffff80;font-family:var(--font-display);place-items:center;font-size:14px;font-weight:700;display:grid}.insp-card .body{padding:10px 14px}.insp-card h4{font-family:var(--font-display);color:var(--sp-charcoal);margin:0;font-size:13px;font-weight:600}.insp-card .tag{color:var(--sp-gray-500);margin-top:2px;font-size:11px;font-weight:500}.merch-thumb{aspect-ratio:1;background:var(--sp-gray-50);border:1px solid var(--sp-gray-200);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.merch-thumb .logo-overlay{max-width:30%;max-height:18%;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}.toast{background:var(--sp-navy);color:#fff;font-family:var(--font-display);box-shadow:var(--shadow-lg);z-index:1000;animation:toastIn .24s var(--ease-out);border-radius:6px;padding:12px 20px;font-size:14px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.shell-bottom-nav{z-index:50;background:var(--sp-navy);padding:6px 4px max(6px, env(safe-area-inset-bottom)) 4px;border-top:1px solid #ffffff14;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000002e}.bottom-tab{color:#ffffffc7;cursor:pointer;min-height:56px;font-family:var(--font-body);background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:6px 4px;transition:color .12s;display:flex;position:relative}.bottom-tab:hover,.bottom-tab.active{color:#fff}.bottom-tab.active:after{content:"";background:var(--sp-red);border-radius:2px;width:22px;height:2px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.bottom-tab-icon{justify-content:center;align-items:center;display:inline-flex;position:relative}.bottom-tab-badge{background:var(--sp-red);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-8px}.bottom-tab-label{letter-spacing:.01em;font-size:11px;font-weight:600}.more-sheet-backdrop{z-index:60;animation:sheetFade .18s var(--ease-out);background:#0627428c;justify-content:stretch;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes sheetFade{0%{background:#06274200}to{background:#0627428c}}.more-sheet{background:var(--sp-navy);color:#fff;width:100%;padding:8px 14px max(14px, env(safe-area-inset-bottom));max-height:80vh;animation:sheetIn .22s var(--ease-out);border-top-left-radius:14px;border-top-right-radius:14px;overflow-y:auto}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.more-sheet-handle{background:#ffffff40;border-radius:999px;width:36px;height:4px;margin:4px auto 8px}.more-sheet-header{justify-content:space-between;align-items:center;padding:4px 4px 8px;display:flex}.more-sheet-header h3{font-family:var(--font-display);margin:0;font-size:18px;font-weight:700}.more-sheet-close{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.more-sheet-close:hover{background:#ffffff26}.more-sheet-list{flex-direction:column;gap:4px;display:flex}.more-sheet-row{color:#fff;width:100%;min-height:48px;font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:14px;padding:12px 8px;font-size:15px;font-weight:500;transition:background .12s;display:flex}.more-sheet-row:hover{background:#ffffff0f}.more-sheet-row.active{background:#ffffff1f}.more-sheet-row-icon{justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.more-sheet-row-label{flex:1}.more-sheet-row-badge{background:var(--sp-red);color:#fff;text-align:center;border-radius:999px;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;line-height:20px;display:inline-block}.more-sheet-row-chev{color:#ffffff80}.more-sheet-foot{text-align:center;padding:14px 4px 4px}.install-hint{z-index:40;background:var(--sp-navy);color:#fff;border-bottom:1px solid #ffffff14;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;line-height:1.4;display:flex;position:sticky;top:0}.install-hint-text{flex:1}.install-hint-close{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}@media (width<=767px){.shell{grid-template-columns:1fr;grid-template-areas:"header""main""footer"}.shell-nav{display:none!important}.shell-bottom-nav{display:flex}.shell-header{height:56px;padding:0 14px}.shell-header img.sp-logo{height:28px}.shell-header .url-crumb{display:none}.shell-header .greeting{gap:8px;font-size:12px}.shell-header .avatar{width:32px;height:32px;font-size:12px}.shell-main{margin-left:0;padding:16px 14px 96px!important}.shell-footer{margin-left:0;padding:18px 14px 100px}.shell-footer .foot-cols{flex-direction:column;align-items:flex-start;gap:6px}}@media (width>=768px) and (width<=1023px){.shell-bottom-nav{display:none}}@media (width<=639px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important;gap:12px!important}}@media (width>=640px) and (width<=1023px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){input[type=text],input[type=number],input[type=email],input[type=tel],input[type=search],input[type=password],textarea,select{min-height:44px;font-size:16px}.btn{min-height:44px;padding:11px 18px}.btn-sm{min-height:40px;padding:9px 14px;font-size:14px}.btn-lg{min-height:48px;padding:13px 22px}.attach-btn{min-height:40px}}.responsive-card-list{flex-direction:column;gap:10px;display:flex}.responsive-card{background:var(--sp-white);border:1px solid var(--sp-gray-200);box-shadow:var(--shadow-sm);border-radius:10px;padding:14px 14px 12px}.responsive-card-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.responsive-card-row+.responsive-card-row{margin-top:6px}.responsive-card-label{color:var(--sp-gray-500);font-size:12.5px}.responsive-card-value{color:var(--sp-charcoal);font-size:14px;font-weight:600}.responsive-card-primary{font-family:var(--font-display);color:var(--sp-navy);font-size:16px;font-weight:700}.mail-item-card{background:var(--sp-white);border:1px solid var(--sp-gray-200);box-shadow:var(--shadow-sm);border-radius:12px;padding:16px 18px 14px}.mail-item-card+.mail-item-card{margin-top:12px}.mail-item-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.mail-item-type{font-size:12px;font-weight:700;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.mail-item-type.mail{background:var(--sp-navy-100);color:var(--sp-navy)}.mail-item-type.package{background:var(--sp-red-100);color:var(--sp-red)}.mail-item-date{color:var(--sp-gray-500);font-size:12.5px}.mail-item-from{font-family:var(--font-display);color:var(--sp-charcoal);margin-bottom:4px;font-size:16px;font-weight:600}.mail-item-tracking{color:var(--sp-gray-700);align-items:center;gap:8px;margin-bottom:4px;font-size:13.5px;display:flex}.mail-item-carrier{color:var(--sp-charcoal);font-weight:600}.mail-item-tracking a{color:var(--sp-navy);word-break:break-all;text-decoration:none}.mail-item-tracking a:hover{text-decoration:underline}.mail-item-notes{color:var(--sp-gray-700);margin:6px 0 4px;font-size:14px;line-height:1.5}.mail-item-actions{justify-content:flex-end;margin-top:14px;display:flex}.mail-photo-single{cursor:zoom-in;background:var(--sp-gray-50);border:0;border-radius:10px;width:100%;margin-top:10px;padding:0;display:block;overflow:hidden}.mail-photo-single img{object-fit:cover;width:100%;max-height:320px;display:block}.mail-photo-carousel{margin-top:10px;position:relative}.carousel-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:0 4px;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{scroll-snap-align:start;background:var(--sp-gray-50);cursor:zoom-in;border:0;border-radius:10px;flex:none;width:200px;height:200px;padding:0;overflow:hidden}.carousel-slide img{object-fit:cover;width:100%;height:100%;display:block}.carousel-arrow{color:#fff;cursor:pointer;z-index:1;background:#0d4775d9;border:0;border-radius:999px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0003}.carousel-arrow:hover{background:var(--sp-navy)}.carousel-arrow.left{left:-4px}.carousel-arrow.right{right:-4px}@media (width<=767px){.carousel-arrow{display:none}.carousel-slide{width:75vw;max-width:280px;height:200px}}.photo-modal{z-index:80;padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));cursor:zoom-out;animation:photoModalIn .16s var(--ease-out);background:#062742eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes photoModalIn{0%{opacity:0}to{opacity:1}}.photo-modal-img{object-fit:contain;cursor:default;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%}.photo-modal-close{top:max(16px, env(safe-area-inset-top));color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:999px;place-items:center;width:44px;height:44px;display:grid;position:absolute;right:16px}.photo-modal-close:hover{background:#ffffff4d}.btn-block-mobile{width:auto}@media (width<=767px){.btn-block-mobile{width:100%}.mail-item-card{padding:14px 14px 12px}}.mail-item-card.skeleton{pointer-events:none}.skeleton-block{background:linear-gradient(90deg, var(--sp-gray-100) 0%, var(--sp-gray-50) 50%, var(--sp-gray-100) 100%);background-size:200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite skeletonPulse}@keyframes skeletonPulse{0%{background-position:100% 0}to{background-position:-100% 0}}.nav-badge.dot,.bottom-tab-badge.dot,.more-sheet-row-badge.dot{background:var(--sp-red);width:9px;min-width:0;height:9px;padding:0;font-size:0;line-height:0}.bottom-tab-badge.dot{top:-2px;right:-4px}.product-card .thumb{aspect-ratio:1;display:block;position:relative}.product-card .thumb img{object-fit:cover;width:100%;height:100%;display:block}.product-card .price-html del,.product-modal-price del{color:var(--sp-gray-400);margin-right:6px;font-weight:500}.product-card .price-html ins,.product-modal-price ins{color:var(--sp-red);font-weight:700;text-decoration:none}.product-modal-backdrop{z-index:80;animation:photoModalIn .16s var(--ease-out,ease-out);background:#0627428c;justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0}.product-modal{width:100%;max-width:1200px;max-height:100vh;box-shadow:var(--shadow-lg);background:#fff;align-self:stretch;position:relative;overflow-y:auto}@media (width>=768px){.product-modal-backdrop{align-items:center;padding:24px}.product-modal{border-radius:12px;align-self:center;max-height:92vh}}.product-modal-close{width:40px;height:40px;color:var(--sp-charcoal);cursor:pointer;z-index:2;box-shadow:var(--shadow-md);background:#ffffffeb;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.product-modal-close:hover{background:#fff}.product-modal-grid{grid-template-columns:1fr;display:grid}@media (width>=768px){.product-modal-grid{grid-template-columns:1fr 1.1fr}}@media (width>=1100px){.product-modal-grid{grid-template-columns:1fr 1.25fr}}.product-modal-gallery{background:var(--sp-gray-50);padding:22px}.product-modal-image{aspect-ratio:1;background:#fff;border-radius:8px;place-items:center;display:grid;overflow:hidden}.product-modal-image.placeholder{color:var(--sp-gray-400)}.product-modal-image img{object-fit:cover;width:100%;height:100%}.product-modal-thumbs{scrollbar-width:none;gap:8px;margin-top:12px;display:flex;overflow-x:auto}.product-modal-thumbs::-webkit-scrollbar{display:none}.product-modal-thumb{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:6px;flex:none;width:64px;height:64px;padding:0;overflow:hidden}.product-modal-thumb.active{border-color:var(--sp-navy)}.product-modal-thumb img{object-fit:cover;width:100%;height:100%}.product-modal-details{flex-direction:column;padding:24px;display:flex}.product-modal-name{font-family:var(--font-display);color:var(--sp-navy);margin:0 0 6px;font-size:24px;font-weight:800;line-height:1.2}.product-modal-price{font-family:var(--font-display);color:var(--sp-navy);margin-bottom:14px;font-size:20px;font-weight:700}.product-modal-desc{color:var(--sp-gray-700);margin-bottom:18px;font-size:14px;line-height:1.55}.product-modal-desc p{margin:0 0 8px}.product-modal-attrs{margin-bottom:16px}.product-modal-attr+.product-modal-attr{margin-top:14px}.product-modal-attr-label{color:var(--sp-gray-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px;font-weight:700}.product-modal-attr-options{flex-wrap:wrap;gap:8px;display:flex}.product-modal-attr-chip{border:1px solid var(--sp-gray-200);min-height:40px;color:var(--sp-charcoal);cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.product-modal-attr-chip:hover{border-color:var(--sp-navy-300)}.product-modal-attr-chip.active{background:var(--sp-navy);border-color:var(--sp-navy);color:#fff}.product-modal-qty-row{flex-direction:column;gap:6px;margin:16px 0 18px;display:flex}.product-modal-qty-row input{border:1px solid var(--sp-gray-200);width:96px;font-size:16px;font-family:var(--font-body);border-radius:8px;padding:10px 12px}.product-modal-error{background:var(--sp-red-100);color:var(--sp-red-700);border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:14px}.cart-list{flex-direction:column;gap:10px;display:flex}.cart-line{border:1px solid var(--sp-gray-200);background:#fff;border-radius:10px;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;padding:14px;transition:opacity .16s;display:grid}.cart-line.removing{opacity:.5;pointer-events:none}.cart-line-thumb{background:var(--sp-gray-50);width:72px;height:72px;color:var(--sp-gray-400);border-radius:8px;place-items:center;display:grid;overflow:hidden}.cart-line-thumb img{object-fit:cover;width:100%;height:100%}.cart-line-name{font-family:var(--font-display);color:var(--sp-charcoal);margin-bottom:4px;font-size:15px;font-weight:700;line-height:1.3}.cart-line-variant{color:var(--sp-gray-500);margin-bottom:4px;font-size:12.5px}.cart-line-qty{color:var(--sp-gray-500);font-size:12.5px}.cart-line-actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.cart-line-price{font-family:var(--font-display);color:var(--sp-navy);font-size:15px;font-weight:700}.cart-line-remove{color:var(--sp-gray-500);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:12.5px;text-decoration:underline}.cart-line-remove:hover{color:var(--sp-red)}.cart-totals{border:1px solid var(--sp-gray-200);background:#fff;border-radius:10px;margin-top:18px;padding:16px}.cart-totals-row{color:var(--sp-gray-700);justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.cart-totals-row.total{border-top:1px solid var(--sp-gray-200);font-family:var(--font-display);color:var(--sp-navy);margin-top:8px;padding-top:12px;font-size:17px;font-weight:700}