:root{
  --bg:#f5f6f8;--surface:rgba(255,255,255,.82);--surface-glass:rgba(255,255,255,.78);--soft:rgba(239,240,244,.9);
  --text:#171719;--muted:#737780;--line:rgba(70,76,91,.14);--blue:#147de3;--blue-dark:#385ee8;
  --segment-bg:rgba(229,230,235,.96);--segment-active:#202023;--segment-text:#fff;
  --shadow:0 16px 44px rgba(42,49,65,.09);--modal:linear-gradient(135deg,rgba(255,255,255,.99) 8%,rgba(249,246,255,.98) 47%,rgba(220,237,255,.98));
}
:root[data-theme=dark]{
  --bg:#080b11;--surface:rgba(22,25,31,.82);--surface-glass:rgba(13,17,23,.8);--soft:rgba(37,41,49,.92);
  --text:#f5f5f7;--muted:#a7abb4;--line:rgba(255,255,255,.13);--blue:#58a9ff;--blue-dark:#8e7cff;
  --segment-bg:rgba(34,37,44,.97);--segment-active:#f4f5f7;--segment-text:#17181b;
  --shadow:0 20px 56px rgba(0,0,0,.34);--modal:linear-gradient(135deg,rgba(13,15,20,.99) 7%,rgba(16,25,39,.99) 52%,rgba(19,36,62,.99));
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;background:
  radial-gradient(circle at 86% 18%,rgba(255,164,161,.34),transparent 36rem),
  radial-gradient(circle at 17% 7%,rgba(104,170,255,.25),transparent 32rem),
  linear-gradient(145deg,#f7faff 0%,#fff4f3 48%,#f3edff 100%);
  color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif;transition:background .35s,color .25s}
:root[data-theme=dark] body{background:
  radial-gradient(circle at 86% 16%,rgba(103,59,160,.4),transparent 35rem),
  radial-gradient(circle at 14% 8%,rgba(10,132,255,.3),transparent 32rem),
  linear-gradient(145deg,#06090e 0%,#080d16 52%,#151127 100%)}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
.app{width:min(100%,1320px);margin:auto;padding-bottom:40px}

.menu-backdrop{position:fixed;inset:0;z-index:25;border:0;background:rgba(238,243,249,.55);backdrop-filter:blur(13px) saturate(.72);-webkit-backdrop-filter:blur(13px) saturate(.72);animation:fade .18s}
:root[data-theme=dark] .menu-backdrop{background:rgba(3,8,16,.62);backdrop-filter:blur(14px) brightness(.68) saturate(.74);-webkit-backdrop-filter:blur(14px) brightness(.68) saturate(.74)}
.sticky-shell{position:sticky;z-index:30;top:0;width:calc(100% - 12px);margin-inline:auto;padding:8px 8px 5px;background:linear-gradient(180deg,rgba(235,242,251,.97),rgba(222,234,248,.91));border:1px solid rgba(91,130,171,.18);border-top:0;border-radius:0 0 28px 28px;box-shadow:0 16px 44px rgba(48,76,110,.16),inset 0 -1px 0 rgba(255,255,255,.62);backdrop-filter:blur(30px) saturate(145%);transition:.25s}
:root[data-theme=dark] .sticky-shell{background:linear-gradient(180deg,rgba(8,20,36,.98),rgba(13,31,53,.94));border-color:rgba(72,142,204,.24);box-shadow:0 18px 50px rgba(0,0,0,.5),inset 0 -1px 0 rgba(44,153,255,.24)}
.top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 11px}
.brand-row{display:flex;align-items:center;gap:13px;min-width:0}
.logo{display:grid;flex:0 0 auto;place-items:center;width:58px;height:58px;border-radius:19px;background:#1d1d1f;color:#fff;font-weight:850;font-size:20px}
.head{min-width:0}
.head h1{margin:0 0 4px;font-size:20px;line-height:1.15;letter-spacing:-.035em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.head span{display:block;color:var(--muted);font-size:13px;font-weight:620}
.head .data-warning{color:#d97706}
.actions{display:flex;flex:0 0 auto;gap:8px}
.icon-button{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--line);border-radius:50%;background:var(--soft);box-shadow:inset 0 0 0 1px rgba(0,0,0,.015);transition:.22s}
.icon-button:hover{transform:translateY(-1px)}
.theme-toggle{position:relative;border-color:rgba(62,119,163,.3);background:rgba(255,255,255,.8);color:#245e85;box-shadow:inset 0 0 0 1px rgba(78,159,221,.12)}
:root[data-theme=dark] .theme-toggle{background:rgba(24,53,77,.72);color:#f8fbff;border-color:rgba(84,154,205,.34);box-shadow:inset 0 0 0 1px rgba(65,126,169,.18)}
.qr-button{background:rgba(225,240,255,.72);color:var(--blue);border-color:rgba(116,181,235,.3)}
:root[data-theme=dark] .qr-button{background:#102b45;border-color:#214d76}
.theme-glyph{display:block;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;font-size:24px;line-height:1;transform:translateY(-1px)}
.mini-qr{display:grid;grid-template-columns:repeat(2,8px);gap:4px}.mini-qr i{width:8px;height:8px;background:currentColor}.mini-qr i:last-child{width:4px;height:4px}
.hamburger{display:flex;flex-direction:column;justify-content:center;gap:4px}.hamburger>i{width:19px;height:2px;border-radius:9px;background:currentColor}.hamburger.active{background:var(--blue);color:#fff;outline:3px solid rgba(41,151,255,.18)}
.menu-panel{position:absolute;z-index:40;top:calc(100% + 2px);left:50%;width:min(430px,calc(100vw - 24px));padding:14px;border:1px solid var(--line);border-radius:25px;background:var(--surface-glass);box-shadow:0 24px 60px rgba(0,0,0,.2);backdrop-filter:blur(26px);transform:translateX(-50%)}
.menu-panel button{display:grid;width:100%;grid-template-columns:54px 1fr;grid-template-rows:auto auto;column-gap:14px;padding:14px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}
.menu-panel button:last-child{border:0}.menu-panel button>span{grid-row:1/3;display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#e9f4ff;color:#176ba7;font-size:24px}.menu-panel b{font-size:18px}.menu-panel small{margin-top:3px;color:var(--muted);font-size:13px}
.menu-open .filter-bar{filter:blur(9px);opacity:.24;pointer-events:none;transition:filter .18s,opacity .18s}

.filter-bar{min-width:0;padding:2px 2px 3px}
.main-search{display:flex;align-items:center;gap:15px;min-height:66px;padding:0 20px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(20px)}
.main-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:18px;letter-spacing:-.015em}.main-search input::placeholder{color:var(--muted)}
.main-search button{width:34px;height:34px;border:0;border-radius:50%;background:var(--soft);font-size:20px}
.magnify{display:block;flex:0 0 auto;width:24px;height:24px;border:3px solid var(--muted);border-radius:50%;position:relative}.magnify:after{content:"";position:absolute;width:9px;height:3px;right:-7px;bottom:-3px;border-radius:3px;background:var(--muted);transform:rotate(45deg)}
.series-scroll{max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;margin-top:9px;padding:4px;border:1px solid rgba(120,126,140,.1);border-radius:999px;background:var(--segment-bg);box-shadow:inset 0 1px 1px rgba(255,255,255,.3);scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain;isolation:isolate}.series-scroll::-webkit-scrollbar{display:none}
.segments{display:flex;gap:7px;width:max-content;min-width:100%;padding-right:8px}
.segments button{padding:8px 15px;border:1px solid transparent;border-radius:999px;background:transparent;font-size:13px;font-weight:650;white-space:nowrap;transition:background .24s,color .24s,box-shadow .24s,transform .16s}
.segments small{margin-left:5px;color:var(--muted);font-size:11px}.segments button.active{border-color:rgba(255,255,255,.2);background:var(--segment-active);color:var(--segment-text);box-shadow:0 4px 11px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.18)}.segments button.active small{color:inherit;opacity:.68}
.segments button:active{transform:scale(.97)}
.compact{padding-top:4px;border-radius:0 0 22px 22px}.compact .top{padding-top:5px;padding-bottom:6px}.compact .logo{width:43px;height:43px;border-radius:14px;font-size:15px}.compact .icon-button{width:39px;height:39px}.compact .head h1{font-size:16px}.compact .head span{font-size:11px}.compact .main-search{min-height:52px;border-radius:18px}.compact .series-scroll{margin-top:6px}.compact .segments button{padding-top:7px;padding-bottom:7px}
.list-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 10px 10px}.list-heading h2{margin:0;font-size:22px;letter-spacing:-.03em}.list-heading span{color:var(--muted);font-size:15px;font-weight:650}
.list{display:grid;gap:13px;padding:0 6px}
.card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(20px)}
:root[data-theme=dark] .card{border-color:var(--line)}
.card.series-16{background:linear-gradient(110deg,rgba(229,242,255,.94),rgba(255,255,255,.85) 54%,rgba(237,247,255,.9))}
.card.series-15{background:linear-gradient(110deg,rgba(255,238,247,.93),rgba(255,255,255,.86) 54%,rgba(255,244,249,.91))}
.card.series-14{background:linear-gradient(110deg,rgba(232,249,243,.93),rgba(255,255,255,.86) 54%,rgba(239,252,248,.9))}
.card.series-13{background:linear-gradient(110deg,rgba(255,244,229,.93),rgba(255,255,255,.86) 54%,rgba(255,247,238,.9))}
.card.series-12{background:linear-gradient(110deg,rgba(242,237,255,.93),rgba(255,255,255,.86) 54%,rgba(247,242,255,.9))}
.card.series-11x{background:linear-gradient(110deg,rgba(236,242,248,.94),rgba(255,255,255,.86) 54%,rgba(243,247,251,.9))}
.card.series-ipad{background:linear-gradient(110deg,rgba(227,245,255,.94),rgba(255,255,255,.86) 54%,rgba(236,249,255,.9))}
.card.series-applewatch{background:linear-gradient(110deg,rgba(236,248,239,.94),rgba(255,255,255,.86) 54%,rgba(242,252,246,.9))}
.card.series-airpods{background:linear-gradient(110deg,rgba(247,239,255,.94),rgba(255,255,255,.86) 54%,rgba(251,245,255,.9))}
:root[data-theme=dark] .card.series-16{background:linear-gradient(110deg,rgba(18,43,69,.88),rgba(20,24,31,.86) 60%,rgba(14,34,53,.9))}
:root[data-theme=dark] .card.series-15{background:linear-gradient(110deg,rgba(64,25,51,.82),rgba(20,24,31,.88) 60%,rgba(48,23,41,.86))}
:root[data-theme=dark] .card.series-14{background:linear-gradient(110deg,rgba(19,54,46,.84),rgba(20,24,31,.88) 60%,rgba(14,43,38,.86))}
:root[data-theme=dark] .card.series-13{background:linear-gradient(110deg,rgba(61,42,22,.84),rgba(20,24,31,.88) 60%,rgba(49,33,19,.86))}
:root[data-theme=dark] .card.series-12{background:linear-gradient(110deg,rgba(42,30,68,.84),rgba(20,24,31,.88) 60%,rgba(34,26,56,.86))}
:root[data-theme=dark] .card.series-11x{background:linear-gradient(110deg,rgba(32,44,57,.86),rgba(20,24,31,.88) 60%,rgba(25,36,48,.86))}
:root[data-theme=dark] .card.series-ipad{background:linear-gradient(110deg,rgba(15,47,67,.87),rgba(20,24,31,.88) 60%,rgba(13,38,54,.88))}
:root[data-theme=dark] .card.series-applewatch{background:linear-gradient(110deg,rgba(19,54,43,.87),rgba(20,24,31,.88) 60%,rgba(15,42,35,.88))}
:root[data-theme=dark] .card.series-airpods{background:linear-gradient(110deg,rgba(52,33,70,.87),rgba(20,24,31,.88) 60%,rgba(40,27,56,.88))}
.card-main{display:grid;width:100%;grid-template-columns:82px minmax(0,1fr);gap:13px;padding:13px 16px 10px;border:0;background:transparent;text-align:left}
.phone-art{position:relative;display:block;width:78px;height:94px;border:1px solid #b8d7fa;border-radius:18px;background:linear-gradient(145deg,#eff5ff,#dbe7ff);box-shadow:inset -16px -7px 24px rgba(114,147,223,.17)}
.phone-art:before{content:"";position:absolute;left:21px;top:16px;width:41px;height:63px;border:3px solid #37688d;border-radius:11px;background:#bcdceb}
.camera{position:absolute;z-index:2;width:12px;height:12px;border-radius:50%;background:#326b94}.camera.c1{left:28px;top:22px}.camera.c2{left:44px;top:22px}.camera.c3{left:28px;top:38px}.screen-line{position:absolute;z-index:2;left:40px;top:69px;width:15px;height:3px;border-radius:4px;background:#54819d}.phone-art b{position:absolute;right:7px;bottom:5px;color:#2c5a80;font-size:15px}
.info{min-width:0}.title-price{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.title-price h3{margin:1px 0 4px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;font-size:18px;line-height:1.15;letter-spacing:-.025em;font-weight:650}.title-price h3 b,.details-title h3 b{color:#ff6b00}.title-price>strong{flex:0 0 auto;font-size:18px;letter-spacing:-.025em}
.price-pill{display:inline-block;padding:5px 9px;border:1px solid rgba(33,148,220,.2);border-radius:10px;background:rgba(20,95,145,.12);color:#087fc7;font-weight:700;white-space:nowrap}
:root[data-theme=dark] .price-pill{border-color:rgba(84,188,255,.2);background:rgba(24,78,116,.52);color:#58c2ff}
.price-pill.no-price{border-color:var(--line);background:var(--soft);color:var(--muted)}
.imei{margin:0 0 7px;color:var(--muted);font-size:13px;letter-spacing:.025em}.imei b{color:var(--text)}
.spec{display:flex;flex-wrap:wrap;gap:7px;padding-right:34px}.spec span,.storage{padding:5px 8px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--muted);font-weight:650;font-size:11px}
.storage-1tb{background:#f1e8ff!important;border-color:#d8bdfc!important;color:#6f3ca2!important}.storage-512gb{background:#fff0f6!important;border-color:#ffc7df!important;color:#b02266!important}.storage-256gb{background:#edf7ff!important;border-color:#c7e6fb!important;color:#35749a!important}.storage-128gb{background:#167553!important;border-color:#167553!important;color:#fff!important}.storage-64gb{background:#fff8dc!important;border-color:#f3dda0!important;color:#8b6a16!important}.storage-chưarõ,.storage-chuaro{background:#edf1f5!important;color:#5f7182!important}
.card-note{margin:8px 0 0;padding-right:34px;color:#6e7f92;font-size:11px}
.copy{position:absolute;right:9px;bottom:8px;display:grid;place-items:center;width:30px;height:28px;border:1px solid var(--line);border-radius:9px;background:rgba(108,121,138,.08);color:var(--muted)}.copy:active{border-color:rgba(10,132,255,.38);background:rgba(10,132,255,.12);color:#0a84ff}.copy-icon{position:relative;display:block;width:15px;height:15px}.copy-icon i{position:absolute;width:10px;height:12px;border:1.6px solid currentColor;border-radius:3px}.copy-icon i:first-child{left:1px;top:1px}.copy-icon i:last-child{left:4px;top:3px;background:var(--surface)}
.empty{padding:90px 20px;text-align:center;color:var(--muted)}.empty .magnify{margin:auto}.empty h3{margin:16px 0 5px;color:var(--text)}.empty p{margin:0}
.toast{position:fixed;z-index:90;left:50%;bottom:30px;transform:translateX(-50%);padding:17px 25px;border-radius:17px;background:#102941;color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.25);font-weight:750;white-space:nowrap;animation:toast-in .2s}
.retry{position:fixed;right:18px;bottom:18px;padding:12px 17px;border:0;border-radius:14px;background:#d97706;color:#fff;font-weight:700}

.backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px;background:rgba(20,28,38,.58);backdrop-filter:blur(12px);animation:fade .18s}
.modal{position:relative;width:min(100%,600px);max-height:calc(100vh - 28px);overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.35);border-radius:30px;background:var(--modal);box-shadow:0 32px 90px rgba(0,0,0,.36);animation:modal-in .23s}
.close{position:absolute;z-index:2;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:13px;background:rgba(238,243,248,.86);color:#617083;font-size:26px;line-height:1}.modal>h2{margin:0 50px 4px 0;font-size:24px}.modal>p{margin:0 0 17px;color:var(--muted)}
:root[data-theme=dark] .close{background:#26313d;color:#dce7f2}
.warranty{margin:-22px -22px 18px;padding:21px 65px 17px 22px;border-bottom:1px solid var(--line)}.warranty h2{margin:0 0 8px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;font-size:23px}.warranty p{margin:3px 0;color:#5f6671;font-size:13px;font-weight:480}.warranty b{display:block;margin-top:6px;color:#a34f00;font-size:14px;font-weight:760}
:root[data-theme=dark] .warranty p{color:#cbd3de}:root[data-theme=dark] .warranty b{color:#f39a43;text-shadow:0 0 20px rgba(255,130,39,.12)}
.details-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.details-title h3{margin:8px 0 12px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;font-size:21px;font-weight:620}.details-title>strong{margin-top:7px;font-size:19px;white-space:nowrap}.modal-price-pill{padding:6px 10px}
.detail-storage{display:inline-block;margin-bottom:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-grid div{display:grid;gap:5px;padding:12px 14px;border:1px solid rgba(100,125,150,.12);border-radius:13px;background:rgba(255,255,255,.58)}:root[data-theme=dark] .detail-grid div{background:rgba(0,0,0,.18)}
.detail-grid span{color:#75859b;font-size:10px;font-weight:750;letter-spacing:.09em}.detail-grid strong{font-size:15px}
.history-box{margin-top:9px;padding:6px 14px;border:1px dashed #c6d8ea;border-radius:14px;background:rgba(255,255,255,.28)}.history-box p{margin:0;padding:7px 0;color:#607087;font-size:13px}.history-box p+p{border-top:1px solid rgba(112,135,158,.2)}.history-box b{color:#111827}:root[data-theme=dark] .history-box{border-color:rgba(174,205,235,.7);background:rgba(124,145,169,.2)}:root[data-theme=dark] .history-box p{color:#d8e3ef}:root[data-theme=dark] .history-box b{color:#fff}
.primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:11px;padding:13px;border:0;border-radius:14px;background:#1768a8;color:#fff;font-size:15px;font-weight:750}
.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.detail-actions .primary{margin:0}.secondary{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border:1px solid rgba(20,125,227,.26);border-radius:14px;background:rgba(20,125,227,.1);color:#096fb7;font-weight:750}:root[data-theme=dark] .secondary{background:rgba(47,143,230,.15);color:#75c4ff;border-color:rgba(81,170,245,.24)}
.advanced-modal>h2,.report-modal>h2{color:#ff6b00}.advanced-modal>p,.report-modal>p{color:#667488;font-weight:520}:root[data-theme=dark] .advanced-modal>p,:root[data-theme=dark] .report-modal>p{color:#c0cad7}
.advanced-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.advanced-fields label>span{display:block;margin:0 0 7px;color:#e45f00;font-size:13px;font-weight:780}:root[data-theme=dark] .advanced-fields label>span{color:#ff8a3d}.advanced-fields label>div{display:flex;align-items:center;padding:0 13px;border:1px solid rgba(86,122,158,.22);border-radius:16px;background:rgba(255,255,255,.54);box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}:root[data-theme=dark] .advanced-fields label>div{border-color:rgba(112,163,208,.24);background:rgba(5,12,22,.34)}.advanced-fields input{min-width:0;flex:1;padding:15px 0;border:0;outline:0;background:transparent}.advanced-fields input:focus{color:var(--text)}.advanced-fields label>div:focus-within{border-color:rgba(20,125,227,.5);box-shadow:0 0 0 3px rgba(20,125,227,.1)}.advanced-fields button{border:0;background:transparent;color:var(--muted);font-size:22px}.search-filter{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:15px;padding:14px;border:1px solid rgba(255,255,255,.24);border-radius:15px;background:linear-gradient(135deg,#ff6b00,#e95f00 58%,#d65400);color:#fff;box-shadow:0 10px 24px rgba(229,95,0,.22),inset 0 1px 0 rgba(255,255,255,.24);font-weight:780;transition:transform .16s,box-shadow .2s}.search-filter:active{transform:scale(.985);box-shadow:0 5px 14px rgba(229,95,0,.18)}.search-button-icon{position:relative;width:15px;height:15px;border:2px solid currentColor;border-radius:50%}.search-button-icon:after{content:"";position:absolute;width:7px;height:2px;right:-6px;bottom:-3px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
.report-total{display:flex;width:100%;align-items:end;justify-content:space-between;padding:20px;border:0;border-radius:18px;background:linear-gradient(135deg,#147de3,#1768a8);color:#fff;box-shadow:0 12px 28px rgba(20,125,227,.2);text-align:left}.report-total strong{font-size:40px}.report-list{margin-top:12px}.report-list button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:14px 3px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.report-list span{color:#e45f00;font-weight:760}:root[data-theme=dark] .report-list span{color:#ff8a3d}.report-list b{color:#087fc7}:root[data-theme=dark] .report-list b{color:#58c2ff}
.quote-backdrop{backdrop-filter:blur(18px) saturate(.9)}
.quote-modal{width:min(100%,820px)}.quote-modal>h2{color:#ff6b00}.quote-product-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quote-product{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:6px 10px;padding:12px 12px 10px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.52);transition:border-color .18s,background .18s,box-shadow .18s}:root[data-theme=dark] .quote-product{background:rgba(4,10,18,.28)}.quote-product.active{border-color:rgba(20,125,227,.55);background:rgba(225,242,255,.82);box-shadow:0 0 0 3px rgba(20,125,227,.1)}:root[data-theme=dark] .quote-product.active{background:rgba(20,69,106,.34);border-color:rgba(88,194,255,.5)}.quote-product-main{min-width:0}.quote-product-main>small{display:block;margin-bottom:3px;color:#ff6b00;font-size:8px;font-weight:820;letter-spacing:.11em}.quote-product-main h3{margin:0;overflow:hidden;font-size:14px;font-weight:630;line-height:1.2;letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis}.quote-product-main h3 b{color:#ff6b00}.quote-product-spec{display:flex;flex-wrap:wrap;gap:3px 8px;margin-top:6px;color:var(--muted);font-size:9px;font-weight:620}.quote-product>.price-pill{align-self:start;padding:4px 7px;font-size:12px}.quote-product>button{display:flex;grid-column:1/-1;align-items:center;justify-content:center;gap:7px;min-height:30px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-size:11px;font-weight:720}.quote-product>button:active{background:rgba(20,125,227,.14);color:var(--blue)}.quote-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:13px}.quote-pagination button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--soft);font-size:25px;line-height:1}.quote-pagination button:disabled{cursor:default;opacity:.28}.quote-pagination span{min-width:116px;color:var(--muted);font-size:11px;font-weight:700;text-align:center}.quote-back{margin:0 0 10px;padding:0;border:0;background:transparent;color:#0a7ac3;font-weight:700}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quote-form label{display:grid;gap:6px}.quote-form label:last-child{grid-column:1/-1}.quote-form span{color:#e45f00;font-size:11px;font-weight:760}.quote-form input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:13px;outline:0;background:rgba(255,255,255,.5)}:root[data-theme=dark] .quote-form input{background:rgba(5,12,22,.35)}.quote-form input:focus{border-color:rgba(20,125,227,.48);box-shadow:0 0 0 3px rgba(20,125,227,.1)}.quote-preview{margin-top:13px;padding:15px;border:1px dashed rgba(47,125,192,.3);border-radius:17px;background:rgba(221,240,255,.38)}:root[data-theme=dark] .quote-preview{background:rgba(20,63,96,.2)}.quote-preview>span{color:#0b77bd;font-size:9px;font-weight:800;letter-spacing:.12em}.quote-preview pre{margin:8px 0 0;white-space:pre-wrap;color:var(--text);font-family:inherit;font-size:13px;line-height:1.5}
.qr-backdrop{background:radial-gradient(circle at 18% 8%,rgba(110,187,255,.24),transparent 38%),radial-gradient(circle at 88% 86%,rgba(176,121,255,.21),transparent 42%),rgba(18,27,39,.6);backdrop-filter:blur(20px) saturate(120%)}
.qr-modal{width:min(100%,720px);padding:24px;border-color:rgba(255,255,255,.56);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,246,255,.92) 48%,rgba(218,238,255,.94));box-shadow:0 38px 110px rgba(25,35,55,.38),inset 0 1px 0 rgba(255,255,255,.88);overflow:visible;animation:fade .18s}
:root[data-theme=dark] .qr-modal{border-color:rgba(132,188,238,.2);background:linear-gradient(145deg,rgba(10,15,24,.97),rgba(11,24,41,.96) 52%,rgba(20,38,64,.97));box-shadow:0 40px 120px rgba(0,0,0,.62),0 0 80px rgba(10,132,255,.13),inset 0 1px 0 rgba(255,255,255,.08)}
.qr-heading{display:flex;align-items:center;gap:12px;margin:0 52px 18px 0}.qr-heading h2{margin:0;font-size:27px;letter-spacing:-.035em}.qr-mark{display:grid;grid-template-columns:repeat(2,7px);gap:3px;padding:9px;border-radius:12px;background:linear-gradient(145deg,#e5f4ff,#f0eaff);color:#1674be;box-shadow:inset 0 0 0 1px rgba(43,128,194,.1)}.qr-mark i{display:block;width:7px;height:7px;border-radius:2px;background:currentColor}.qr-mark i:last-child{width:4px;height:4px}
:root[data-theme=dark] .qr-mark{background:linear-gradient(145deg,rgba(22,80,126,.72),rgba(38,43,98,.62));color:#6bc0ff}
.qr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.qr-grid button{position:relative;display:grid;gap:8px;place-items:center;min-width:0;padding:10px 10px 9px;border:1px solid rgba(119,138,161,.16);border-radius:22px;background:rgba(255,255,255,.58);box-shadow:0 13px 32px rgba(50,66,92,.1),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(18px);transition:transform .2s,box-shadow .2s,opacity .2s}
:root[data-theme=dark] .qr-grid button{border-color:rgba(157,198,235,.14);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(43,82,121,.13));box-shadow:0 16px 38px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.07)}
.qr-grid button:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(50,66,92,.17)}
.qr-image-wrap{display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:15px;background:#fff;box-shadow:0 9px 24px rgba(31,43,63,.11);padding:4px}.qr-image-wrap img{display:block;width:100%;height:100%;object-fit:contain;border-radius:11px}
.qr-bank{color:#69768a;font-size:10px;font-weight:800;letter-spacing:.11em}:root[data-theme=dark] .qr-bank{color:#a9c5df}
.qr-recipient{display:none}.qr-grid button.large{position:fixed;z-index:5;inset:50% auto auto 50%;width:min(88vw,460px);max-height:calc(100vh - 34px);overflow:auto;padding:16px;border-radius:30px;transform:translate(-50%,-50%);box-shadow:0 35px 120px rgba(0,0,0,.55)}.qr-grid button.large:hover{transform:translate(-50%,-50%)}.qr-grid button.large .qr-image-wrap{width:min(100%,390px);border-radius:22px;padding:8px}.qr-grid button.large .qr-image-wrap img{border-radius:16px}.qr-grid button.large .compact-bank{display:none}.qr-grid button.large .qr-recipient{display:grid;width:100%;gap:4px;padding:13px 12px 5px;text-align:center}.qr-detail-bank{color:#5f6b7a;font-size:12px;font-weight:850;letter-spacing:.14em}:root[data-theme=dark] .qr-detail-bank{color:#b8c7d8}.qr-recipient strong{color:#ff6b00;font-size:21px;line-height:1.15;letter-spacing:-.02em}.qr-recipient small{margin-top:6px;color:var(--muted);font-size:9px;font-weight:760;letter-spacing:.12em}.qr-recipient b{color:#087fc7;font-size:22px;line-height:1.15;letter-spacing:.025em}:root[data-theme=dark] .qr-recipient b{color:#58c2ff}.qr-recipient em{margin-top:7px;color:var(--muted);font-size:9px;font-style:normal}.qr-grid.has-large button:not(.large){opacity:.08;pointer-events:none}
@keyframes fade{from{opacity:0}}@keyframes modal-in{from{opacity:0;transform:translateY(18px) scale(.98)}}@keyframes toast-in{from{opacity:0;transform:translate(-50%,12px)}}

@media(min-width:820px){
  .app{width:min(calc(100% - 28px),1320px)}
  .sticky-shell{width:100%}
  .list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 8px}
  .card{height:100%}
  .card-main{height:100%}
}
@media(min-width:1024px){
  .sticky-shell{padding:10px 14px 8px;border-radius:0 0 32px 32px}
  .top{padding:10px 12px 13px}
  .logo{width:62px;height:62px;border-radius:20px}
  .head h1{font-size:22px}.head span{font-size:14px}
  .actions{gap:9px}.icon-button{width:47px;height:47px}
  .filter-bar{display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,24vw,360px);align-items:center;gap:12px;padding:2px 3px 5px}
  .series-scroll,.compact .series-scroll{order:1;margin-top:0}
  .main-search{order:2;min-height:54px;border-radius:19px;padding-inline:18px}.main-search input{font-size:15px}
  .segments{min-height:54px;align-items:center}
  .segments button{padding:9px 16px;font-size:13px}
  .list-heading{padding:28px 12px 12px}.list-heading h2{font-size:24px}
  .list{gap:16px;padding-inline:10px}
  .card-main{grid-template-columns:78px minmax(0,1fr);padding:14px 16px 11px}
  .phone-art{width:74px;height:90px}
  .title-price h3{font-size:17px}.title-price>strong{font-size:17px}
  .details-modal{width:min(100%,780px)}
  .details-modal .detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .advanced-modal{width:min(100%,760px)}
  .report-modal{width:min(100%,720px)}
  .report-list{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
  .quote-modal{width:min(100%,900px)}
}
@media(min-width:1200px){
  .qr-modal{width:min(100%,880px)}
  .qr-grid{grid-template-columns:repeat(4,1fr)}
  .menu-panel{left:auto;right:14px;transform:none}
}
@media(max-width:680px){
  .app{width:100%}.sticky-shell{width:calc(100% - 8px)}.top{padding:13px 8px}.brand-row{gap:9px;min-width:0}.logo{width:52px;height:52px;border-radius:17px;font-size:17px}.head h1{max-width:360px;font-size:16px}.head span{font-size:12px}
  .actions{gap:5px}.icon-button{width:41px;height:41px}.hamburger>i{width:18px}
  .filter-bar{padding:9px 6px 5px}.main-search{min-height:61px;padding:0 17px;border-radius:20px}.main-search input{font-size:16px}.series-scroll{padding:4px}.segments{gap:7px;padding:0 8px 0 0}.segments button{padding:8px 14px;font-size:13px}
  .list-heading{padding:15px 9px 7px}.list-heading h2{font-size:17px}.list-heading span{font-size:11px}.list{gap:11px;padding:0 5px}.card{border-radius:21px}
  .card-main{grid-template-columns:72px minmax(0,1fr);gap:10px;padding:10px 12px 8px}.phone-art{width:68px;height:82px;border-radius:16px}.phone-art:before{left:18px;top:14px;width:36px;height:55px;border-width:3px}.camera{width:10px;height:10px}.camera.c1{left:24px;top:20px}.camera.c2{left:38px;top:20px}.camera.c3{left:24px;top:34px}.screen-line{left:34px;top:61px;width:13px;height:2px}.phone-art b{right:6px;bottom:4px;font-size:13px}
  .title-price h3{font-size:15px}.title-price>strong{font-size:15px}.price-pill{padding:4px 7px;border-radius:8px}.imei{margin-bottom:5px;font-size:12px}.spec{gap:6px}.spec span,.storage{padding:4px 7px;border-radius:8px;font-size:10px}.card-note{margin-top:6px;font-size:10px}.copy{width:28px;height:26px;border-radius:8px}.copy-icon{width:14px;height:14px}.copy-icon i{width:9px;height:11px}
  .modal{padding:18px 14px;border-radius:25px}.warranty{margin:-18px -14px 14px;padding:18px 52px 13px 14px}.warranty h2{font-size:20px}.warranty p{font-size:11.5px}.warranty b{font-size:12px}.details-title h3{font-size:18px}.details-title>strong{font-size:15px}.detail-grid div{padding:10px 11px}.detail-grid strong{font-size:14px}.primary{padding:12px;font-size:14px}.advanced-fields{grid-template-columns:1fr}.quote-product-list{grid-template-columns:1fr}.quote-product{padding:9px 10px 8px}.quote-product-main h3{font-size:13px}.quote-product-spec{margin-top:4px}.quote-product>button{min-height:28px}.quote-product>.price-pill{font-size:11px}.quote-form{grid-template-columns:1fr 1fr}.qr-modal{padding:18px 14px}.qr-heading{margin-bottom:14px}.qr-heading h2{font-size:23px}.qr-grid{grid-template-columns:repeat(2,1fr);gap:9px}.qr-grid button{padding:8px;border-radius:18px}.qr-image-wrap{border-radius:13px}.qr-bank{font-size:9px}.qr-grid button.large{width:min(92vw,430px);padding:12px}.qr-grid button.large .qr-image-wrap{width:min(100%,330px);padding:6px}.qr-grid button.large .qr-recipient{padding-top:9px}.qr-recipient strong{font-size:18px}.qr-recipient b{font-size:20px}
}
@media(max-width:520px){
  .top{align-items:center}.logo{width:46px;height:46px}.head h1{max-width:220px;font-size:13px}.head span{font-size:10px}.icon-button{width:38px;height:38px}.theme-glyph{font-size:21px}.actions{gap:4px}
  .main-search{min-height:57px}.list-heading span{font-size:12px}
  .card-main{grid-template-columns:64px minmax(0,1fr);gap:8px;padding:9px 10px 7px}.phone-art{width:60px;height:72px;border-radius:14px}.phone-art:before{left:16px;top:12px;width:32px;height:49px}.camera{width:9px;height:9px}.camera.c1{left:21px;top:17px}.camera.c2{left:34px;top:17px}.camera.c3{left:21px;top:30px}.screen-line{left:30px;top:54px;width:11px}.phone-art b{font-size:12px}.title-price{display:flex;gap:6px}.title-price h3{font-size:14px}.title-price>strong{font-size:13px}.price-pill{padding:4px 6px}.spec{gap:6px}.card-note{font-size:9.5px}
  .details-title{display:flex}.details-title h3{margin-bottom:10px}.details-title>strong{display:inline-block;margin:7px 0 0}.detail-grid{grid-template-columns:1fr 1fr}.qr-grid button{padding:9px}.demo-qr{width:110px}.toast{max-width:calc(100vw - 28px);padding:14px 17px;font-size:14px}
  .detail-actions{grid-template-columns:1fr}.quote-form{grid-template-columns:1fr}.quote-form label:last-child{grid-column:auto}
}
@media(max-width:390px){.top{gap:6px}.brand-row{gap:6px}.logo{width:37px;height:37px;border-radius:12px;font-size:13px}.head h1{max-width:128px;font-size:11px}.head span{max-width:128px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions{gap:3px}.icon-button{width:34px;height:34px}.theme-glyph{font-size:19px}.mini-qr{grid-template-columns:repeat(2,6px);gap:3px}.mini-qr i{width:6px;height:6px}.hamburger>i{width:16px}.card-main{grid-template-columns:60px minmax(0,1fr);gap:7px;padding-left:8px;padding-right:8px}.phone-art{width:56px;height:68px}.phone-art:before{left:15px;top:11px;width:30px;height:46px}.camera.c1{left:20px;top:16px}.camera.c2{left:32px;top:16px}.camera.c3{left:20px;top:28px}.screen-line{left:28px;top:51px}.title-price h3{font-size:13px}.title-price>strong{font-size:12px}.spec span,.storage{font-size:9px}.imei{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}