:root{--cp-ink: #0B1E2C;--cp-navy: #0F2A3D;--cp-deep: #0E5A7E;--cp-primary: #0E6B96;--cp-accent: #2E9CD2;--cp-sky: #67BCE2;--cp-pale: #E9F2F8;--cp-ice: #F4F8FB;--cp-bg: #F6F8FA;--cp-surface: #FFFFFF;--cp-surface-2: #FBFCFD;--cp-text: #111A22;--cp-text-mute: #5B6B78;--cp-text-soft: #8B97A2;--cp-border: rgba(15, 42, 61, .08);--cp-border-strong: rgba(15, 42, 61, .14);--cp-divider: rgba(15, 42, 61, .06);--cp-success: #1E8E5C;--cp-warn: #C2871A;--cp-danger: #C4413A;--cp-shadow-sm: 0 1px 2px rgba(11, 30, 44, .04), 0 1px 1px rgba(11, 30, 44, .02);--cp-shadow-md: 0 4px 14px rgba(11, 30, 44, .06), 0 1px 2px rgba(11, 30, 44, .04);--cp-shadow-lg: 0 18px 48px rgba(11, 30, 44, .1), 0 4px 12px rgba(11, 30, 44, .04);--cp-radius-sm: 10px;--cp-radius: 16px;--cp-radius-lg: 22px;--cp-radius-xl: 28px;--cp-nav-w: 264px;--cp-topbar-h: 64px;--cp-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", "Roboto", sans-serif;--cp-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--cp-font);font-size:15px;line-height:1.45;color:var(--cp-text);background:var(--cp-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:var(--cp-nav-w) 1fr;min-height:100vh}.main{display:flex;flex-direction:column;min-height:100vh;min-width:0}.content{flex:1;padding:28px 40px 80px;max-width:100%}.sidebar{background:var(--cp-surface);border-right:1px solid var(--cp-border);display:flex;flex-direction:column;padding:22px 16px;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 10px 22px}.sidebar-brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(140deg,var(--cp-primary),var(--cp-accent));display:grid;place-items:center;color:#fff;font-weight:700;flex:0 0 auto}.sidebar-brand-name{font-weight:600;font-size:15px;color:var(--cp-navy);letter-spacing:.03em}.sidebar-brand-sub{font-size:11px;color:var(--cp-text-soft);letter-spacing:.02em}.nav{display:flex;flex-direction:column;gap:2px}.nav-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--cp-text-soft);padding:16px 12px 8px;font-weight:600}.nav-item{display:flex;align-items:center;gap:11px;padding:7px 10px;border-radius:9px;color:var(--cp-text-mute);font-size:14px;font-weight:500;border:0;background:transparent;text-align:left;width:100%;transition:background .15s,color .15s}.nav-item:hover{background:var(--cp-ice);color:var(--cp-text)}.nav-item.is-active{background:var(--cp-pale);color:var(--cp-primary);font-weight:600}.nav-item.is-active .nav-item-icon{color:var(--cp-primary)}.nav-item-icon{width:20px;height:20px;flex:0 0 auto;color:var(--cp-text-mute)}.nav-item:hover .nav-item-icon{color:var(--cp-primary)}.nav-item-count{margin-left:auto;font-size:11px;font-weight:600;background:var(--cp-pale);color:var(--cp-primary);padding:1px 7px;border-radius:999px}.nav-item.is-active .nav-item-count{background:var(--cp-primary);color:#fff}.sidebar-support{margin-top:auto;padding:14px;border-radius:16px;background:linear-gradient(160deg,var(--cp-pale),#FFFFFF);border:1px solid var(--cp-border)}.sidebar-support-title{font-size:13.5px;font-weight:600;color:var(--cp-navy);margin-bottom:4px}.sidebar-support-text{font-size:12.5px;color:var(--cp-text-mute);margin-bottom:10px;line-height:1.4}.sidebar-support-link{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--cp-primary)}.topbar{position:sticky;top:0;z-index:30;height:var(--cp-topbar-h);display:flex;align-items:center;gap:16px;padding:0 40px;background:#f6f8fad1;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--cp-divider)}.topbar-search{flex:1;max-width:540px;position:relative}.topbar-search input{width:100%;height:38px;border-radius:10px;border:1px solid var(--cp-border);background:var(--cp-surface);padding:0 14px 0 38px;font-size:14px;color:var(--cp-text);transition:border-color .15s,box-shadow .15s}.topbar-search input::placeholder{color:var(--cp-text-soft)}.topbar-search input:focus{outline:none;border-color:var(--cp-accent);box-shadow:0 0 0 3px #2e9cd22e}.topbar-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--cp-text-soft)}.topbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.topbar-icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--cp-border);background:var(--cp-surface);display:grid;place-items:center;color:var(--cp-text-mute);position:relative;transition:border-color .15s,color .15s}.topbar-icon-btn:hover{color:var(--cp-primary);border-color:var(--cp-border-strong)}.topbar-icon-btn .dot{position:absolute;top:8px;right:9px;width:8px;height:8px;background:var(--cp-accent);border-radius:50%;border:2px solid var(--cp-surface)}.topbar-icon-btn .count-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;background:var(--cp-accent);color:#fff;font-size:11px;font-weight:700;line-height:1;border-radius:999px;border:2px solid var(--cp-surface)}.topbar-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,var(--cp-primary),var(--cp-sky));color:#fff;display:grid;place-items:center;font-size:13.5px;font-weight:600;cursor:pointer;border:2px solid var(--cp-surface);box-shadow:0 0 0 1px var(--cp-border)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}.page-eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cp-primary);margin-bottom:6px}.page-title{font-size:30px;font-weight:700;letter-spacing:-.022em;color:var(--cp-navy);margin:0;line-height:1.1}.page-sub{margin-top:6px;color:var(--cp-text-mute);font-size:14.5px;max-width:580px}.crumb{display:flex;align-items:center;gap:8px;color:var(--cp-text-soft);font-size:13px;margin-bottom:8px}.crumb a{color:var(--cp-primary);font-weight:500}.crumb svg{width:12px;height:12px}.card{background:var(--cp-surface);border-radius:var(--cp-radius);border:1px solid var(--cp-border);box-shadow:var(--cp-shadow-sm)}.card-pad{padding:22px}.section-title{font-size:19px;font-weight:700;color:var(--cp-navy);letter-spacing:-.012em;margin:0 0 14px;display:flex;align-items:center;gap:10px}.section-title-sub{font-size:13px;color:var(--cp-text-mute);font-weight:500;margin-left:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:12px;border:1px solid transparent;background:transparent;font-size:14px;font-weight:600;color:var(--cp-text);transition:transform .04s ease,background .15s,border-color .15s,color .15s,box-shadow .15s;white-space:nowrap}.btn:active{transform:scale(.985)}.btn-primary{background:var(--cp-primary);color:#fff;box-shadow:0 6px 16px #0e6b9647}.btn-primary:hover{background:var(--cp-deep)}.btn-secondary{background:var(--cp-surface);border-color:var(--cp-border-strong);color:var(--cp-text)}.btn-secondary:hover{border-color:var(--cp-primary);color:var(--cp-primary)}.btn-ghost{color:var(--cp-text-mute)}.btn-ghost:hover{background:var(--cp-ice);color:var(--cp-text)}.btn-tint{background:var(--cp-pale);color:var(--cp-primary)}.btn-tint:hover{background:#dceaf3}.btn-danger{background:var(--cp-danger);color:#fff;box-shadow:0 6px 16px #c4413a42}.btn-danger:hover{background:#a8342e}.btn-sm{height:32px;padding:0 12px;font-size:13px;border-radius:9px}.btn-lg{height:48px;padding:0 22px;font-size:15px;border-radius:14px}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.01em;background:var(--cp-pale);color:var(--cp-primary)}.badge-success{background:#e1f4ea;color:var(--cp-success)}.badge-warn{background:#fbf1dd;color:var(--cp-warn)}.badge-danger{background:#fbe6e5;color:var(--cp-danger)}.badge-ink{background:var(--cp-navy);color:#fff}.badge-promo{background:linear-gradient(110deg,var(--cp-primary),var(--cp-accent));color:#fff}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:999px;background:var(--cp-surface);border:1px solid var(--cp-border);color:var(--cp-text-mute);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.chip:hover{color:var(--cp-text);border-color:var(--cp-border-strong)}.chip.is-active{background:var(--cp-navy);color:#fff;border-color:var(--cp-navy)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600;color:var(--cp-navy)}.field-hint{font-size:12px;color:var(--cp-text-soft)}.input,.select,.textarea{width:100%;height:42px;padding:0 14px;border:1px solid var(--cp-border-strong);border-radius:10px;background:var(--cp-surface);font-size:14px;color:var(--cp-text);transition:border-color .15s,box-shadow .15s}.textarea{height:auto;padding:12px 14px;resize:vertical;min-height:100px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--cp-accent);box-shadow:0 0 0 3px #2e9cd22e}.input::placeholder,.textarea::placeholder{color:var(--cp-text-soft)}.switch{position:relative;width:42px;height:24px;background:#d9e0e6;border-radius:999px;cursor:pointer;transition:background .2s;border:0;padding:0;flex:0 0 auto}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000002e;transition:transform .2s}.switch.on{background:var(--cp-primary)}.switch.on:after{transform:translate(18px)}.carousel{position:relative}.carousel-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding:4px;padding:4px 4px 12px;margin:-4px -4px 0;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-track>*{flex:0 0 calc((100% - 48px)/5);scroll-snap-align:start}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:var(--cp-surface);color:var(--cp-navy);box-shadow:0 6px 18px #0b1e2c24,0 0 0 1px var(--cp-border);display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,opacity .2s}.carousel-arrow:hover{transform:translateY(-50%) scale(1.06);color:var(--cp-primary)}.carousel-arrow:disabled{opacity:.35;cursor:default;pointer-events:none}.carousel-arrow-prev{left:-16px}.carousel-arrow-next{right:-16px}.carousel-dots{display:flex;gap:6px;justify-content:center;margin-top:4px}.carousel-dot{width:18px;height:4px;border-radius:999px;background:var(--cp-border-strong);border:0;padding:0;cursor:pointer;transition:background .2s,width .2s}.carousel-dot.is-active{background:var(--cp-primary);width:26px}@media (max-width: 1100px){.carousel-track>*{flex:0 0 calc((100% - 36px)/4)}}@media (max-width: 860px){.carousel-track>*{flex:0 0 calc((100% - 12px * 2) / 3)}.carousel-arrow{display:none}}@media (max-width: 600px){.carousel-track>*{flex:0 0 calc((100% - 12px) / 2.4)}}@media (max-width: 420px){.carousel-track>*{flex:0 0 64%}}.carousel-track .product{padding:10px;gap:7px}.carousel-track .product .product-name{font-size:12.5px;min-height:32px}.carousel-track .product .product-brand{font-size:10px}.carousel-track .product .product-price{font-size:14.5px}.carousel-track .product .product-was,.carousel-track .product .product-saving,.carousel-track .product .product-installment{font-size:11px}.carousel-track .product .qty{height:32px}.carousel-track .product .qty button{width:28px}.carousel-track .product .btn-sm{height:30px;font-size:12px;padding:0 10px}.carousel-track .product-fav{width:26px;height:26px;top:6px;right:6px}.carousel-track .product-tag{top:6px;left:6px}.carousel-track .product-tag.badge{font-size:10.5px;padding:2px 7px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.product{background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:var(--cp-radius);padding:14px;display:flex;flex-direction:column;gap:10px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.product:hover{transform:translateY(-2px);box-shadow:var(--cp-shadow-md);border-color:var(--cp-border-strong)}.product-img{aspect-ratio:1;border-radius:12px;background:var(--cp-ice);position:relative;overflow:hidden;display:grid;place-items:center}.product-img img{width:100%;height:100%;object-fit:cover}.product-fav{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0;display:grid;place-items:center;color:var(--cp-text-mute);cursor:pointer;z-index:2}.product-fav:hover,.product-fav.is-fav{color:var(--cp-danger)}.product-tag{position:absolute;top:8px;left:8px;z-index:2}.product-name{font-size:13.5px;font-weight:600;color:var(--cp-navy);line-height:1.3;margin:0;min-height:36px}.product-brand{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--cp-text-soft);font-weight:600}.product-price-row{display:flex;align-items:baseline;gap:8px}.product-was{font-size:12px;color:var(--cp-text-soft);text-decoration:line-through}.product-price{font-size:16px;font-weight:700;color:var(--cp-primary)}.product-saving{font-size:11.5px;color:var(--cp-success);font-weight:600}.product-installment{font-size:11.5px;color:var(--cp-text-mute)}.qty{display:inline-flex;align-items:center;background:var(--cp-ice);border-radius:10px;height:36px;overflow:hidden;border:1px solid var(--cp-border)}.qty button{width:32px;height:100%;border:0;background:transparent;color:var(--cp-primary);font-size:16px;font-weight:600}.qty button:hover{background:#0e6b9614}.qty input,.qty .qty-val{flex:1;text-align:center;font-size:13.5px;font-weight:600;color:var(--cp-text);background:transparent;border:0;min-width:30px;padding:0}.qty input:focus{outline:none}.placeholder-img{width:100%;height:100%;background:repeating-linear-gradient(135deg,#0e6b960d 0,#0e6b960d 8px,#0e6b9605 8px,#0e6b9605 16px),var(--cp-ice);display:grid;place-items:center;color:var(--cp-text-soft);font-family:var(--cp-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;text-align:center;padding:8px}.countdown{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.countdown-block{background:var(--cp-navy);color:#fff;font-weight:700;font-size:13px;padding:4px 6px;border-radius:6px;min-width:26px;text-align:center}.countdown-sep{color:var(--cp-text-soft);font-weight:600}.list-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--cp-divider)}.list-row:last-child{border-bottom:0}.thumb{width:52px;height:52px;flex:0 0 auto;background:var(--cp-ice);border-radius:10px;overflow:hidden}.tabs{display:flex;gap:4px;background:var(--cp-ice);padding:4px;border-radius:12px;width:fit-content}.tab{padding:8px 14px;border-radius:9px;border:0;background:transparent;font-size:13.5px;font-weight:600;color:var(--cp-text-mute);cursor:pointer}.tab.is-active{background:var(--cp-surface);color:var(--cp-navy);box-shadow:var(--cp-shadow-sm)}.promo-hero{background:linear-gradient(135deg,#0a2236,#0e5a7e 60%,#1e80ae);color:#fff;border-radius:var(--cp-radius-lg);padding:32px 36px;overflow:hidden;position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center}.promo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 90% 10%,rgba(103,188,226,.4),transparent 50%),radial-gradient(circle at 10% 90%,rgba(46,156,210,.3),transparent 50%);pointer-events:none}.promo-hero-eyebrow{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3;margin-bottom:10px;font-weight:600}.promo-hero h1{font-size:34px;font-weight:700;letter-spacing:-.022em;line-height:1.05;margin:0 0 12px}.promo-hero p{font-size:15px;color:#ffffffd9;margin:0 0 18px;max-width:460px}.promo-hero .btn-primary{background:#fff;color:var(--cp-navy);box-shadow:none}.promo-hero .btn-primary:hover{background:var(--cp-ice)}.metric{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:12px;color:var(--cp-text-soft);text-transform:uppercase;letter-spacing:.07em;font-weight:600}.metric-value{font-size:24px;font-weight:700;color:var(--cp-navy);letter-spacing:-.018em;font-variant-numeric:tabular-nums}.metric-delta{font-size:12.5px;color:var(--cp-success);font-weight:600}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--cp-text-soft);font-weight:600;padding:14px 12px;border-bottom:1px solid var(--cp-divider)}.table td{padding:14px 12px;border-bottom:1px solid var(--cp-divider);font-size:14px;color:var(--cp-text);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table-icon-btn{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:8px;border:0;background:transparent;color:var(--cp-text-soft);cursor:pointer;transition:background .15s,color .15s}.table-icon-btn:hover{background:var(--cp-ice);color:var(--cp-primary)}.table-icon-btn.danger:hover{background:#c4413a14;color:var(--cp-danger)}.table-icon-btn+.table-icon-btn{margin-left:2px}.msg-shell{display:grid;grid-template-columns:320px 1fr;grid-template-rows:1fr;background:var(--cp-surface);border:1px solid var(--cp-border);border-radius:var(--cp-radius);overflow:hidden;height:calc(100dvh - var(--cp-topbar-h) - var(--msg-shell-gap, 210px));min-height:460px}.msg-list{border-right:1px solid var(--cp-divider);display:flex;flex-direction:column;min-height:0}.msg-list-head{padding:14px 16px;border-bottom:1px solid var(--cp-divider);display:flex;align-items:center;gap:10px}.msg-list-items{overflow:auto;flex:1}.msg-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--cp-divider);cursor:pointer;border-left:3px solid transparent}.msg-item:hover{background:var(--cp-ice)}.msg-item.is-active{background:var(--cp-pale);border-left-color:var(--cp-primary)}.msg-item.unread .msg-item-from{color:var(--cp-navy)}.msg-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,var(--cp-primary),var(--cp-sky));color:#fff;display:grid;place-items:center;font-size:13px;font-weight:600;flex:0 0 auto}.msg-item-meta{flex:1;min-width:0}.msg-item-from{font-size:13.5px;font-weight:600;color:var(--cp-text)}.msg-item-subject{font-size:13px;color:var(--cp-text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-item-time{font-size:11.5px;color:var(--cp-text-soft)}.msg-unread-dot{width:8px;height:8px;background:var(--cp-accent);border-radius:50%;margin-top:8px}.msg-thread{display:flex;flex-direction:column;min-height:0}.msg-thread-head{padding:18px 22px;border-bottom:1px solid var(--cp-divider);display:flex;align-items:center;gap:14px;flex:0 0 auto}.msg-thread-body{flex:1 1 auto;min-height:0;padding:22px;overflow:auto;display:flex;flex-direction:column;gap:14px}.bubble{max-width:100%;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.bubble-them{background:var(--cp-ice);color:var(--cp-text);align-self:flex-start;border-bottom-left-radius:6px}.bubble-me{background:var(--cp-primary);color:#fff;align-self:flex-end;border-bottom-right-radius:6px}.bubble-time{font-size:11px;color:var(--cp-text-soft);margin-top:4px}.att-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:var(--cp-ice);border:1px solid var(--cp-border);font-size:12px;color:var(--cp-text);max-width:220px}.att-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-chip-size{color:var(--cp-text-soft);font-size:11px;flex:0 0 auto}.att-chip-x{border:0;background:transparent;cursor:pointer;font-size:15px;line-height:1;color:var(--cp-text-soft);padding:0 2px}.att-chip-x:hover{color:var(--cp-danger)}.att-pending{border:1px dashed var(--cp-border-strong);background:var(--cp-bg-subtle, #f7f9fb);border-radius:12px;padding:8px 10px;margin-bottom:8px}.att-pending-label{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--cp-text-soft);margin-bottom:6px}.att-chip-pending{background:#fff;border-style:dashed;color:var(--cp-text-soft)}.att-chip-pending .att-chip-name{color:var(--cp-text)}.att-thumb{display:block;width:96px;height:96px;border-radius:10px;overflow:hidden;border:1px solid var(--cp-border)}.att-thumb img{width:100%;height:100%;object-fit:cover;display:block}.att-file{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:var(--cp-surface);border:1px solid var(--cp-border);text-decoration:none;color:var(--cp-primary);font-size:13px;max-width:240px}.att-file:hover{border-color:var(--cp-primary)}.att-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.att-file-size{color:var(--cp-text-soft);font-size:11px;flex:0 0 auto}.msg-thread-reply{padding:14px 18px;border-top:1px solid var(--cp-divider);display:flex;gap:10px;align-items:center;flex:0 0 auto}.combo-card{background:linear-gradient(160deg,var(--cp-surface) 0%,var(--cp-ice) 100%);border:1px solid var(--cp-border);border-radius:var(--cp-radius);padding:18px;display:flex;gap:16px;align-items:center;position:relative;overflow:hidden;box-shadow:var(--cp-shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.combo-card:before{content:"";position:absolute;top:-44px;right:-44px;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle,rgba(46,156,210,.13),transparent 70%);pointer-events:none}.combo-card:hover{transform:translateY(-2px);box-shadow:var(--cp-shadow-md);border-color:var(--cp-border-strong)}.combo-stamp{flex:0 0 auto;width:78px;height:78px;border-radius:18px;background:linear-gradient(135deg,var(--cp-primary),var(--cp-accent));color:#fff;display:grid;place-items:center;text-align:center;font-weight:800;box-shadow:0 6px 16px #0e6b9647;position:relative;z-index:1}.combo-stamp .num{font-size:23px;line-height:1;letter-spacing:-.01em}.combo-stamp .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.12em;opacity:.9;margin-top:4px}.combo-body{flex:1;min-width:0;position:relative;z-index:1}.combo-title{font-weight:700;color:var(--cp-navy);font-size:14.5px;margin-bottom:3px}.combo-sub{color:var(--cp-text-mute);font-size:12.5px}.combo-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.combo-actions{display:flex;gap:6px;align-items:center;position:relative;z-index:1}.combo-pill{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--cp-pale);color:var(--cp-primary)}.combo-pill.is-on{background:#e1f4ea;color:var(--cp-success)}.combo-pill.is-off{background:var(--cp-ice);color:var(--cp-text-soft)}.mobile-nav,.mobile-topbar{display:none}@media (max-width: 1100px){:root{--cp-nav-w: 232px}.content{padding:22px 28px 100px}.topbar{padding:0 28px}.msg-shell{grid-template-columns:280px 1fr}.promo-hero{padding:26px 28px}}@media (max-width: 860px){.app{grid-template-columns:1fr}.sidebar,.topbar{display:none}.mobile-topbar{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#ffffffdb;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--cp-divider);position:sticky;top:0;z-index:30}.mobile-topbar .brand{display:flex;align-items:center;gap:10px}.mobile-topbar .brand-name{font-weight:600;font-size:14px;color:var(--cp-navy);letter-spacing:.03em}.mobile-topbar .spacer{flex:1}.content{padding:18px 18px 110px}.page-title{font-size:24px}.page-head{flex-direction:column;align-items:flex-start;gap:14px}.mobile-nav{display:flex;position:fixed;bottom:16px;left:16px;right:16px;z-index:40;background:#ffffffeb;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-radius:22px;box-shadow:0 16px 44px #0b1e2c29;border:1px solid var(--cp-border);padding:8px;justify-content:space-around}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:transparent;padding:8px 4px;border-radius:14px;color:var(--cp-text-mute);font-size:10.5px;font-weight:600;transition:color .15s,background .15s}.mobile-nav-btn.is-active{color:var(--cp-primary);background:var(--cp-pale)}.msg-shell{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:auto}.msg-list{border-right:0;border-bottom:1px solid var(--cp-divider);max-height:280px}.promo-hero{grid-template-columns:1fr;padding:24px}.promo-hero h1{font-size:26px}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product{padding:10px}.product-name{font-size:12.5px;min-height:32px}.grid-2-1,.grid-3{grid-template-columns:1fr!important}.grid-4{grid-template-columns:repeat(2,1fr)!important}.table-responsive{overflow-x:auto}.table{min-width:600px}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:1fr!important}}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:18px}.grid-1-2{display:grid;grid-template-columns:1fr 2fr;gap:18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px}.row-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spacer{flex:1}.mute{color:var(--cp-text-mute)}.soft{color:var(--cp-text-soft)}.h-divider{height:1px;background:var(--cp-divider);margin:16px 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#0f2a3d29;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#0f2a3d47}::-webkit-scrollbar-track{background:transparent}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--cp-bg);padding:24px}.login-card{width:100%;max-width:380px;background:#fff;border:1px solid var(--cp-border);border-radius:var(--cp-radius-lg, 22px);padding:32px;box-shadow:0 18px 50px #0b1e2c1a;display:flex;flex-direction:column;gap:16px}.login-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:8px}.login-title{font-size:20px;font-weight:700;color:var(--cp-ink, #0B1E2C)}.login-sub{font-size:13.5px;color:var(--cp-text, #111A22);opacity:.7}.login-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--cp-text)}.login-field input{border:1px solid var(--cp-border);border-radius:var(--cp-radius-sm, 10px);padding:11px 12px;font-size:14px;font-weight:400;outline:none}.login-field input:focus{border-color:var(--cp-accent, #2E9CD2)}.login-field select{border:1px solid var(--cp-border);border-radius:var(--cp-radius-sm, 10px);padding:11px 12px;font-size:14px;font-weight:400;outline:none;background:var(--cp-surface);color:var(--cp-text);cursor:pointer}.login-field select:focus{border-color:var(--cp-accent, #2E9CD2)}.login-error{background:#c4413a14;color:var(--cp-danger, #C4413A);border-radius:var(--cp-radius-sm, 10px);padding:10px 12px;font-size:13px}.login-btn{background:var(--cp-primary, #0E6B96);color:#fff;border:none;border-radius:var(--cp-radius-sm, 10px);padding:12px;font-size:14.5px;font-weight:600;cursor:pointer}.login-btn:disabled{opacity:.6;cursor:default}.ob-banner{border-radius:var(--cp-radius-sm, 10px);padding:12px 14px;font-size:13.5px;line-height:1.45}.ob-banner-info{background:var(--cp-pale, #E9F2F8);color:var(--cp-primary, #0E6B96)}.ob-banner-success{background:#e1f4ea;color:var(--cp-success, #1E8E5C)}.ob-banner-warn{background:#fbf1dd;color:var(--cp-warn, #C2871A)}.portal{min-height:100vh;background:var(--cp-bg)}.portal-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#fff;border-bottom:1px solid var(--cp-border)}.portal-main{max-width:1000px;margin:0 auto;padding:24px}.dlg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1e2c73;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.dlg-card{background:#fff;border-radius:var(--cp-radius, 16px);padding:22px;width:100%;max-width:440px;box-shadow:0 24px 60px #0b1e2c47}