: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;flex-direction:column;align-items:flex-start;gap:6px;padding:6px 10px 22px}.brand-logo{display:block;height:auto;max-width:100%}.sidebar-brand .brand-logo{width:100%;max-width:184px}.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-list>.field+.field{margin-top:16px}.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}.detail-tabs{display:flex;gap:2px;border-bottom:1px solid var(--cp-divider);margin-bottom:18px;overflow-x:auto}.detail-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:0;background:transparent;font-size:14px;font-weight:600;color:var(--cp-text-mute);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .15s,border-color .15s}.detail-tab:hover{color:var(--cp-text)}.detail-tab.is-active{color:var(--cp-primary);border-bottom-color:var(--cp-primary)}.detail-tab .count{font-size:11px;font-weight:600;background:var(--cp-pale);color:var(--cp-primary);padding:1px 7px;border-radius:999px}.detail-tab.is-active .count{background:var(--cp-primary);color:#fff}.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}.btn-row-danger{color:var(--cp-danger)}.btn-row-danger:hover{background:#c4413a14;color:var(--cp-danger)}.badge-muted{background:var(--cp-ice);color:var(--cp-text-soft)}.check-control{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 14px;border:1px solid var(--cp-border);border-radius:var(--cp-radius-sm, 10px);background:var(--cp-surface);font-size:14px;font-weight:400;color:var(--cp-text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s,background .15s}.check-control:hover{border-color:var(--cp-border-strong)}.check-control.on{border-color:var(--cp-primary);background:var(--cp-pale);color:var(--cp-primary);font-weight:600}.check-control input{width:17px;height:17px;accent-color:var(--cp-primary);cursor:pointer;margin:0}.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}.gm-ava{border-radius:50%;flex:0 0 auto;display:grid;place-items:center;color:#fff;font-weight:600;width:36px;height:36px;font-size:14px}.gm-ava.lg{width:40px;height:40px;font-size:15px}.gm-list{border-right:1px solid var(--cp-divider);display:flex;flex-direction:column;min-height:0;background:var(--cp-surface)}.gm-list-head{padding:13px 18px;border-bottom:1px solid var(--cp-divider);font-weight:600;color:var(--cp-navy);font-size:14px;flex:0 0 auto}.gm-list-items{overflow:auto;flex:1}.gm-row{display:flex;gap:12px;align-items:flex-start;padding:11px 16px;border-bottom:1px solid var(--cp-divider);cursor:pointer;border-left:3px solid transparent}.gm-row:hover{background:var(--cp-ice);box-shadow:var(--cp-shadow-sm)}.gm-row.is-active{background:var(--cp-pale);border-left-color:var(--cp-primary)}.gm-row-main{flex:1;min-width:0}.gm-row-top{display:flex;align-items:baseline;gap:8px}.gm-row-from{font-size:13.5px;color:var(--cp-text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-row-time{font-size:11.5px;color:var(--cp-text-soft);flex:0 0 auto}.gm-row-snippet{font-size:12.5px;color:var(--cp-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.gm-row.unread .gm-row-from{font-weight:700;color:var(--cp-ink)}.gm-row.unread .gm-row-time{color:var(--cp-primary);font-weight:600}.gm-row.unread .gm-row-snippet{color:var(--cp-text-mute)}.gm-status{display:inline-block;font-size:10.5px;font-weight:600;padding:1px 8px;border-radius:999px;margin-right:7px;vertical-align:1px;flex:0 0 auto}.gm-status.open{background:var(--cp-pale);color:var(--cp-primary)}.gm-status.resolved{background:#e1f4ea;color:var(--cp-success)}.gm-thread{display:flex;flex-direction:column;min-height:0;background:var(--cp-surface)}.gm-thread-head{padding:20px 28px 16px;border-bottom:1px solid var(--cp-divider);flex:0 0 auto}.gm-thread-titlerow{display:flex;align-items:center;gap:14px}.gm-thread-titlerow .gm-thread-subject{flex:1;min-width:0}.gm-thread-titlerow .btn{flex:0 0 auto}.gm-thread-subject{font-size:21px;font-weight:500;color:var(--cp-ink);line-height:1.3;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.gm-thread-subject .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gm-thread-tag{font-size:11px;font-weight:600;padding:2px 9px;border-radius:6px;background:var(--cp-pale);color:var(--cp-primary);flex:0 0 auto}.gm-thread-count{font-size:13px;color:var(--cp-text-soft);margin-top:5px}.gm-body{flex:1 1 auto;min-height:0;overflow:auto}.gm-empty{color:var(--cp-text-soft);font-size:13px;text-align:center;padding:44px 22px}.gm-msg{padding:18px 28px}.gm-msg+.gm-msg{border-top:1px solid var(--cp-divider)}.gm-msg-head{display:flex;align-items:flex-start;gap:14px}.gm-msg-meta{flex:1;min-width:0}.gm-msg-line{display:flex;align-items:baseline;gap:8px}.gm-msg-name{font-weight:600;font-size:14px;color:var(--cp-ink);white-space:nowrap}.gm-msg-role{font-size:12.5px;color:var(--cp-text-soft)}.gm-msg-date{margin-left:auto;font-size:12.5px;color:var(--cp-text-soft);white-space:nowrap;flex:0 0 auto}.gm-msg-to{font-size:12.5px;color:var(--cp-text-soft);margin-top:1px}.gm-msg-text{font-size:14px;line-height:1.65;color:var(--cp-text);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin-top:12px;padding-left:54px}.gm-msg-atts{padding-left:54px;margin-top:12px}.gm-reply{padding:14px 28px 20px;flex:0 0 auto}.gm-compose{border:1px solid var(--cp-border-strong);border-radius:16px;box-shadow:var(--cp-shadow-md);overflow:hidden;background:var(--cp-surface)}.gm-compose textarea{width:100%;border:0;outline:none;resize:vertical;min-height:92px;padding:14px 16px;font-size:14px;line-height:1.6;color:var(--cp-text);display:block;background:transparent}.gm-compose textarea::placeholder{color:var(--cp-text-soft)}.gm-compose-files{padding:0 14px}.gm-compose-foot{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--cp-divider)}.gm-send{border-radius:999px!important;padding:0 24px!important}.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-logo{height:26px;width:auto}.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-brand .login-logo{width:220px;max-width:78%;margin-bottom:2px}.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-bar .portal-logo{height:30px;width:auto}.portal-role{font-weight:600;font-size:13px;color:var(--cp-text-soft);letter-spacing:.02em}.portal-main{max-width:1000px;margin:0 auto;padding:24px}.portal-nav{display:flex;gap:4px;align-items:center}.portal-nav-item{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;font-size:14px;font-weight:600;color:var(--cp-text-mute);transition:background .15s,color .15s}.portal-nav-item:hover{background:var(--cp-ice);color:var(--cp-text)}.portal-nav-item.is-active{background:var(--cp-pale);color:var(--cp-primary)}@media (max-width: 640px){.portal-nav-item span{display:none}}.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}.dlg-card-viewer{max-width:920px;width:92vw}.ob-success-modal{max-width:400px;text-align:center;animation:ob-modal-in .22s ease-out}.ob-success-ico{width:68px;height:68px;margin:4px auto 16px;border-radius:50%;display:grid;place-items:center;background:#e1f4ea;color:var(--cp-success, #1E8E5C);animation:ob-pop .28s ease-out both}.ob-success-title{margin:0 0 8px;font-size:20px;font-weight:700;color:var(--cp-navy, #0B1E2C)}.ob-success-text{margin:0 0 20px;font-size:14.5px;line-height:1.5;color:var(--cp-text-soft)}@keyframes ob-modal-in{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:none;opacity:1}}@keyframes ob-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.ob-success-modal,.ob-success-ico{animation:none}}.doc-viewer-body{width:100%;height:76vh;display:flex;align-items:center;justify-content:center;background:var(--cp-ice);border-radius:10px;overflow:auto}.doc-viewer-frame{width:100%;height:100%;border:0;border-radius:10px;background:#fff}.doc-viewer-img{max-width:100%;max-height:100%;object-fit:contain}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head-count{font-size:12px;font-weight:600;color:var(--cp-text-soft);background:var(--cp-ice);padding:3px 11px;border-radius:999px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 32px;margin-top:16px}.detail-row{display:flex;flex-direction:column;gap:3px;padding:9px 0;border-top:1px solid var(--cp-divider)}.detail-row:first-child,.detail-grid>.detail-row:nth-child(2){border-top:0}.detail-row-wide{grid-column:1 / -1}.detail-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--cp-text-soft);font-weight:600}.detail-value{font-size:14px;color:var(--cp-text);font-weight:500;word-break:break-word}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.doc-list{display:flex;flex-direction:column;margin-top:6px}.doc-item{display:flex;align-items:center;gap:14px;padding:12px 10px;border-radius:12px;transition:background .15s ease}.doc-item:not(:last-child){box-shadow:inset 0 -1px 0 var(--cp-divider)}.doc-item:hover{background:var(--cp-ice)}.doc-icon{width:42px;height:42px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;background:var(--cp-pale);color:var(--cp-primary)}.doc-icon.is-pdf{background:#fbe9e7;color:#c8503a}.doc-icon.is-empty{background:var(--cp-ice);color:var(--cp-text-soft)}.field-error{color:var(--cp-danger);font-size:12px;margin-top:4px;font-weight:500}.input.input-error{border-color:var(--cp-danger)}.input.input-error:focus{box-shadow:0 0 0 3px #c4413a26}.doc-main{min-width:0;flex:1}.doc-name{font-weight:600;font-size:14px;color:var(--cp-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-meta{font-size:12px;color:var(--cp-text-soft);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.doc-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:34px 0;color:var(--cp-text-soft)}.doc-empty .icon{color:var(--cp-success)}.doc-head{align-items:flex-start}.doc-hint{font-size:12px;color:var(--cp-text-soft);margin-top:3px}.card-head-count.is-done{background:#e1f4ea;color:var(--cp-success);display:inline-flex;align-items:center;gap:5px}.doc-progress{height:6px;border-radius:999px;background:var(--cp-ice);overflow:hidden;margin:12px 0 2px}.doc-progress>span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--cp-primary),var(--cp-accent));transition:width .45s cubic-bezier(.4,0,.2,1)}.doc-progress.is-done>span{background:var(--cp-success)}.doc-item{position:relative;overflow:hidden;border:1.5px solid transparent}.doc-item.is-clickable{cursor:pointer}.doc-item.is-dragover{background:var(--cp-pale);border-color:var(--cp-primary);border-style:dashed}.doc-item.is-dragover .doc-meta{color:var(--cp-primary);font-weight:600}.doc-icon.is-drop{background:var(--cp-primary);color:#fff}.doc-item.is-rejected{background:#fff7f6}.doc-reject{display:flex;align-items:flex-start;gap:5px;font-size:12.5px;color:var(--cp-danger);margin-top:6px;font-weight:500;line-height:1.35}.doc-reject .icon{flex:0 0 auto;margin-top:1px}.doc-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--cp-pale)}.doc-bar>span{position:absolute;top:0;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--cp-primary),var(--cp-accent));animation:doc-indeterminate 1.1s ease-in-out infinite}@keyframes doc-indeterminate{0%{left:-40%}to{left:100%}}@media (prefers-reduced-motion: reduce){.doc-bar>span{animation-duration:2.4s}.doc-progress>span{transition:none}}.icon-btn-sm{width:32px;height:32px;flex:0 0 auto;border-radius:9px;border:1px solid var(--cp-border);background:var(--cp-surface);display:grid;place-items:center;color:var(--cp-text-mute);transition:color .15s,border-color .15s,background .15s}.icon-btn-sm:hover{color:var(--cp-primary);border-color:var(--cp-border-strong)}.icon-btn-sm:disabled{opacity:.45;cursor:not-allowed}.icon-btn-ok:hover{color:var(--cp-success);border-color:var(--cp-success);background:#e1f4ea}.icon-btn-danger:hover{color:var(--cp-danger);border-color:var(--cp-danger);background:#fbe6e5}.detail-decision{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.detail-actions{display:flex;gap:10px;align-items:center}.pay-methods{display:flex;flex-wrap:wrap;gap:8px}.pay-method{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border:1px solid var(--cp-border);border-radius:999px;background:var(--cp-surface);color:var(--cp-text-mute);font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background .15s,box-shadow .15s,transform .1s}.pay-method .icon{color:var(--cp-text-soft);transition:color .15s}.pay-method:hover{border-color:var(--cp-border-strong);color:var(--cp-text)}.pay-method:active{transform:scale(.97)}.pay-method.is-active{border-color:var(--cp-primary);background:var(--cp-primary);color:#fff;box-shadow:0 4px 12px #0e6b9638}.pay-method.is-active .icon{color:#fff}.addr-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--cp-divider)}.addr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.addr-col-2{grid-column:1 / -1}.addr-check{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--cp-text-mute);cursor:pointer}.addr-check input{width:16px;height:16px;accent-color:var(--cp-primary)}@media (max-width: 560px){.addr-form-grid{grid-template-columns:1fr}}.cart-disclaimer{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:11px 13px;border-radius:10px;background:#fff3e0;border:1px solid #F6DCB0;color:#8a5a14;font-size:13px;line-height:1.45}.cart-disclaimer .icon{color:var(--cp-warn);flex:0 0 auto;margin-top:1px}@media (max-width: 720px){.detail-grid{grid-template-columns:1fr}.detail-row:nth-child(2){border-top:1px solid var(--cp-divider)}.doc-item{flex-wrap:wrap;row-gap:8px}.doc-actions{margin-left:56px}}