@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#27233b;--muted:#777483;--purple:#6551c9;--pale:#f0edf9;--line:#e8e5ef;--bg:#f7f7fa;--green:#2d7763;--amber:#9a651d}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:'Noto Sans KR','Malgun Gothic',sans-serif;font-size:14px;line-height:1.65}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.7px}h1{font-size:30px;line-height:1.45}h2{font-size:20px}h3{font-size:16px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #a28be6;outline-offset:3px}[hidden]{display:none!important}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.demo-banner{padding:7px 16px;text-align:center;background:#302b46;color:#e7e0f5;font-size:11px}.demo-banner span{font-size:9px;font-weight:700;letter-spacing:1.2px;border-right:1px solid #736788;padding-right:12px;margin-right:12px}.header{height:78px;padding:0 40px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px}.brand{font-family:Arial,sans-serif;font-size:33px;font-weight:900;letter-spacing:-2px;line-height:1}.brand:before{content:'';display:inline-block;background:#e43c4c;width:7px;height:5px;margin-right:-8px;vertical-align:top;transform:translate(2px,6px) skewY(-20deg)}.brand span{font-size:9px;vertical-align:top;letter-spacing:0;margin-left:4px}.header-description{font-size:12px;border-left:1px solid var(--line);padding-left:24px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:18px;margin-left:auto}.header-member{font-size:12px;color:var(--muted)}.header-member strong{color:var(--ink)}.cart-link{display:flex;gap:7px;align-items:center;font-size:12px}.cart-link b{display:grid;place-items:center;background:var(--pale);color:var(--purple);font-size:10px;min-width:20px;height:20px;border-radius:50%}.app-shell{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1400px;margin:0 auto;min-height:calc(100vh - 177px)}.app-shell.guest-shell{display:block;max-width:1260px}.sidebar{padding:34px 21px;border-right:1px solid var(--line)}.sidebar-label{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#9a91aa;margin:0 15px 14px}.sidebar nav{display:grid;gap:6px}.sidebar a{display:flex;gap:12px;align-items:center;border-radius:9px;padding:13px 14px;color:#756e86;font-size:12px;font-weight:500}.sidebar a svg{width:19px;height:19px}.sidebar a.active{color:var(--purple);background:#ebe6f7;font-weight:700}.sidebar a:hover{background:#efedf5}.sidebar-bottom{margin-top:38px;padding:20px 14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.sidebar-bottom strong{display:block;color:var(--ink);margin-bottom:6px}.sidebar-bottom a{padding:10px 0 0;font-size:10px}.sidebar .ops-link{margin-top:25px;font-size:11px}main{padding:36px 42px 50px;min-width:0;outline:none}.page-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.page-top p{font-size:12px;color:var(--muted);margin-top:8px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--purple);display:block;margin-bottom:9px}.text-link{font-size:12px;color:var(--purple);display:inline-flex;align-items:center;gap:7px;font-weight:600}.text-link:hover{text-decoration:underline}.text-link svg{width:15px;height:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:11px 18px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid var(--line);background:#fff;line-height:1.5}.button:hover{border-color:#b6a9d5;background:#fbf9ff}.button.primary{background:var(--ink);border-color:var(--ink);color:#fff}.button.primary:hover{background:#453b60}.button.violet{background:var(--purple);border-color:var(--purple);color:#fff}.button.soft{color:var(--purple);background:var(--pale);border-color:var(--pale)}.button.small{padding:8px 12px;min-height:35px;font-size:11px}.button.wide{width:100%}.button svg{width:17px;height:17px}.muted{color:var(--muted)}.small-copy{font-size:11px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:5px;background:#f0eef5;color:#6a637b;border-radius:5px;padding:3px 7px;font-size:10px;white-space:nowrap}.pill.green{background:#eaf5ef;color:var(--green)}.pill.amber{background:#fff4df;color:var(--amber)}.pill.violet{background:#eeebfa;color:var(--purple)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-title h2{font-size:18px}.section-title p{font-size:11px;color:var(--muted);margin-top:4px}.section-title h2 span{margin-left:7px;color:var(--purple);font-size:13px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px}.spaced{margin-top:29px}.empty{padding:34px 20px;text-align:center;color:var(--muted);font-size:12px}.empty svg{display:block;margin:0 auto 12px;width:28px;height:28px;color:#a292bb}.empty strong{display:block;color:var(--ink);font-size:14px;margin-bottom:5px}.empty .button{margin-top:18px}.subtle-note{display:flex;gap:9px;align-items:flex-start;background:#f3f0fa;color:#756785;border-radius:8px;padding:13px 16px;font-size:11px;line-height:1.8}.subtle-note svg{width:16px;height:16px;margin-top:2px}.footer{max-width:1400px;margin:0 auto;padding:22px 40px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;color:#96909f;font-size:10px}.footer strong{letter-spacing:.8px;color:#83788f;font-size:10px}.footer a{margin-left:auto}.guest-shell main{padding:50px 40px 65px}.login-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}.login-story{padding:25px 0}.login-story h1{font-size:42px;letter-spacing:-2px;line-height:1.5}.login-story h1 em{font-style:normal;color:var(--purple)}.login-story>p{margin-top:19px;color:var(--muted);font-size:14px;line-height:1.9}.story-product{position:relative;margin-top:25px;height:235px;background:linear-gradient(140deg,#efe9f9,#f8f6fc);border-radius:20px;display:flex;align-items:center;padding:26px 30px;overflow:hidden}.story-product:after{content:'';position:absolute;width:250px;height:250px;border:1px solid #e1d8f0;border-radius:50%;right:-25px;top:-10px}.story-product img{height:210px;width:180px;object-fit:contain;z-index:1;mix-blend-mode:multiply}.story-caption{position:relative;z-index:2;margin-left:25px}.story-caption small{font-size:9px;color:#92849f;letter-spacing:1.2px}.story-caption strong{display:block;font-size:18px;margin:7px 0 9px;line-height:1.65}.story-caption span{font-size:11px;color:#84758e}.login-panel{padding:34px 32px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 15px 50px #3f256009}.login-panel h2{font-size:23px;margin-bottom:10px}.login-panel>p{font-size:12px;color:var(--muted);line-height:1.85}.login-benefits{list-style:none;padding:0;margin:25px 0;display:grid;gap:15px}.login-benefits li{display:flex;align-items:center;gap:14px;font-size:12px}.login-benefits svg{width:35px;height:35px;padding:8px;box-sizing:content-box;border-radius:12px;background:#f4f1fa;color:#82719c;flex-basis:20px}.login-benefits strong{display:block;font-weight:600}.login-benefits small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.kakao-button{width:100%;background:#fee500;min-height:51px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:700;margin-top:24px;color:#302a12}.kakao-button svg{fill:#302a12;stroke:#302a12;width:20px;height:20px}.demo-caption{font-size:10px!important;text-align:center;margin-top:9px!important;color:#97909d!important}.login-bottom{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;display:flex;justify-content:space-between;gap:10px;font-size:11px}.login-bottom>span{color:var(--muted)}.link-wrap{max-width:670px;margin:0 auto}.link-progress{display:flex;gap:8px;margin-bottom:26px}.link-progress span{flex:1;height:4px;border-radius:4px;background:#e8e3ef}.link-progress span.active{background:#8770c2}.link-card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:15px}.link-card h1{font-size:26px;margin:4px 0 10px}.link-card>p{font-size:12px;color:var(--muted)}.form-field{display:grid;gap:8px;font-size:12px;font-weight:600;margin-top:25px}.form-field input,.form-field select,.asset-select{width:100%;border:1px solid #dbd6e5;background:#fff;border-radius:7px;min-height:44px;padding:11px 13px;color:var(--ink);font-size:12px}.form-field input[readonly]{background:#f7f5fa;color:#807686}.form-field small{font-size:10px;font-weight:400;color:var(--muted)}.phone-row{display:flex;gap:9px}.phone-row input{min-width:0;flex:1}.phone-row .button{white-space:nowrap}.fixture-controls{margin-top:22px;padding:14px 0;border-top:1px dashed var(--line);color:var(--muted);font-size:10px}.fixture-controls label{display:flex;align-items:center;justify-content:space-between;gap:14px}.fixture-controls select{max-width:210px;border:1px solid var(--line);border-radius:5px;background:white;padding:6px 9px;font-size:10px;color:var(--muted)}.match-result{border:1px solid #d8ccec;border-radius:10px;padding:21px;margin-top:20px;background:#fcfaff}.match-result h2{font-size:16px;margin:7px 0 10px}.match-result dl{display:grid;grid-template-columns:100px 1fr;font-size:12px;gap:9px;margin:18px 0}.match-result dt{color:var(--muted)}.match-result dd{margin:0;font-weight:500}.check-row{font-size:11px;display:flex;align-items:flex-start;gap:9px;margin:18px 0}.check-row input{width:16px;height:16px;accent-color:var(--purple);margin:1px 0 0;flex-shrink:0}.link-card>.subtle-note{margin-top:21px}.welcome{background:linear-gradient(112deg,#ebe5f8,#f7f4fc);border:1px solid #e5ddef;border-radius:14px;padding:25px 29px;display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:29px}.welcome h2{font-size:24px;font-weight:600}.welcome h2 strong{font-weight:800}.welcome p{font-size:12px;color:#857492;margin-top:6px}.store-meta{margin-top:13px;display:flex;gap:10px;align-items:center;color:#877695;font-size:10px}.store-meta span+span{border-left:1px solid #d5c9e1;padding-left:10px}.welcome-mark{width:100px;height:100px;flex-shrink:0;display:grid;place-items:center;background:#ffffff78;border:1px solid #fff;border-radius:30px;transform:rotate(-8deg)}.welcome-mark svg{width:52px;height:52px;color:#a38bbd;transform:rotate(8deg)}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(235px,1fr);gap:22px;align-items:start}.product-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.asset-row{display:flex;align-items:center;gap:18px;padding:19px 22px}.asset-row+.asset-row{border-top:1px solid #efecf4}.asset-thumb{width:86px;height:90px;flex-shrink:0;border-radius:9px;background:#f6f5f8;display:flex;align-items:center;justify-content:center;padding:7px}.asset-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.asset-thumb svg{color:#ad9eba;width:35px;height:35px}.asset-info{min-width:0;flex:1}.asset-info h3{font-size:14px}.asset-info p{font-size:10px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.asset-info .pill{margin-top:8px}.asset-actions{display:grid;gap:7px;flex-shrink:0;text-align:center}.asset-actions .text-link{justify-content:center;font-size:10px}.dashboard-columns .asset-row{padding:18px 18px;gap:14px}.dashboard-columns .asset-thumb{width:72px;height:84px}.dashboard-columns .asset-actions .button{font-size:10px;padding:8px 11px;min-height:34px}.mini-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px}.mini-panel+.mini-panel{margin-top:17px}.mini-panel h3{font-size:14px}.counts{display:flex;margin-top:18px;padding-bottom:18px;border-bottom:1px solid var(--line);gap:15px}.counts>div{flex:1}.counts span{display:block;font-size:10px;color:var(--muted)}.counts strong{display:block;font-size:24px;font-weight:700;margin-top:2px}.counts+ .text-link{margin-top:14px;font-size:10px}.quick-shop{display:flex;gap:13px;align-items:center;margin:17px 0}.quick-shop .part-art{width:68px;height:65px;flex-shrink:0;border-radius:9px;padding:10px}.quick-shop strong{display:block;font-size:12px}.quick-shop p{font-size:10px;color:var(--muted);margin-top:3px}.mini-panel>.button{font-size:11px}.journey{display:flex;gap:0;margin-top:26px;border-top:1px solid var(--line);padding-top:23px}.journey>div{flex:1;display:flex;gap:11px;align-items:center;padding-right:10px}.journey>div+div{padding-left:20px;border-left:1px solid var(--line)}.journey b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e9e3f4;color:#8263b0;font-size:10px;flex-shrink:0}.journey strong{display:block;font-size:11px;font-weight:600}.journey small{display:block;font-size:9px;color:#8a8294;margin-top:3px}.product-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.product-toolbar p{font-size:11px;color:var(--muted)}.product-toolbar select{font-size:11px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px 12px;color:#70677e}.product-list.large .asset-row{padding:24px}.product-list.large .asset-thumb{width:120px;height:127px}.product-list.large .asset-info h3{font-size:17px}.product-list.large .asset-info p{font-size:11px;margin-top:5px}.product-list.large .asset-info .pill{margin-top:13px}.manual-asset{margin-top:17px;border:1px dashed #d9d1e5;border-radius:10px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.manual-asset strong{font-size:12px}.manual-asset p{color:var(--muted);font-size:10px;margin-top:4px}.shop-filter{display:grid;grid-template-columns:minmax(210px,.85fr) 1.6fr;gap:22px;padding:20px 24px;background:white;border:1px solid var(--line);border-radius:12px;align-items:center;margin-bottom:20px}.shop-filter label{display:grid;gap:8px;font-size:10px;color:var(--muted)}.shop-filter-note{border-left:1px solid var(--line);padding-left:23px;font-size:11px;color:var(--muted)}.shop-filter-note strong{color:var(--ink);display:block;font-size:12px;margin-bottom:5px}.shop-filter-note svg{width:15px;height:15px;vertical-align:middle;margin-right:5px;color:var(--purple)}.part-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.part-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.part-art{height:160px;background:#f4f2f8;display:grid;place-items:center;padding:22px;position:relative}.part-art>svg{height:100%;width:100%;max-width:150px;stroke-width:1.4;color:#8e7f9f}.part-art .art-caption{position:absolute;bottom:10px;right:12px;font-size:8px;color:#a197ad}.part-card-content{padding:21px}.part-card h3{margin:10px 0 5px;font-size:16px}.part-card p{font-size:11px;color:var(--muted);min-height:36px}.part-code{font-size:9px;color:#a195ad;display:block;margin:9px 0}.part-price{font-size:19px;font-weight:800;margin:15px 0 13px}.part-price small{font-size:9px;font-weight:400;color:var(--muted);margin-left:6px}.part-actions{display:flex;gap:8px}.part-actions .button.primary{flex:1}.part-actions .button{font-size:11px}.part-service{display:flex;align-items:center;gap:15px;padding:20px 22px;background:#f0edf5;border-radius:10px;margin-top:18px}.part-service>svg{width:29px;height:29px;color:#8f7da5}.part-service>div{flex:1}.part-service h3{font-size:12px}.part-service p{font-size:10px;color:var(--muted);margin-top:4px}.shop-policy{font-size:10px;color:var(--muted);margin-top:17px;line-height:1.8}.activity-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:22px}.activity-tabs button{padding:0 0 13px;font-size:12px;color:var(--muted);position:relative}.activity-tabs button.active{color:var(--ink);font-weight:700}.activity-tabs button.active:after{content:'';position:absolute;height:2px;background:var(--purple);bottom:-1px;left:0;right:0}.activity-item{background:white;border:1px solid var(--line);border-radius:11px;padding:22px;margin-bottom:13px}.activity-item-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;color:var(--muted);margin-bottom:13px}.activity-item h3{font-size:14px}.activity-item>p{font-size:11px;color:var(--muted);margin-top:6px}.activity-item .text-link{font-size:10px;margin-top:13px}.status-timeline{display:flex;gap:0;margin-top:19px;padding-top:16px;border-top:1px solid var(--line)}.status-timeline span{flex:1;font-size:9px;color:#aaa0b3;position:relative;padding-left:13px}.status-timeline span:before{content:'';width:5px;height:5px;position:absolute;left:0;top:6px;background:#dbd3e4;border-radius:50%}.status-timeline span.done{color:var(--purple)}.status-timeline span.done:before{background:var(--purple)}.status-timeline span+span:after{content:'›';position:absolute;left:-14px;top:-1px;color:#c6bdcf}.cart-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.9fr);gap:22px;align-items:start}.cart-row{display:flex;gap:16px;padding:21px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:13px}.cart-row .part-art{width:80px;height:82px;border-radius:8px;padding:10px;flex-shrink:0}.cart-row-copy{flex:1;min-width:0}.cart-row-copy h3{font-size:13px}.cart-row-copy p{font-size:10px;color:var(--muted);margin:4px 0 12px}.cart-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.cart-row-bottom>strong{font-size:13px}.quantity{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;height:29px}.quantity button{width:27px;height:27px;font-size:14px}.quantity span{min-width:25px;text-align:center;font-size:11px}.remove-line{font-size:10px;color:#a094ac;padding:0;align-self:flex-start;white-space:nowrap}.order-summary{padding:23px;background:white;border:1px solid var(--line);border-radius:11px}.order-summary h2{font-size:17px}.order-summary dl{margin:19px 0;font-size:12px}.order-summary dl>div{display:flex;justify-content:space-between;gap:12px;margin:11px 0}.order-summary dt{color:var(--muted)}.order-summary dd{margin:0;font-weight:600}.order-summary .total{border-top:1px solid var(--line);padding-top:15px;font-size:15px}.order-summary .total dd{font-size:20px}.order-summary .small-copy{font-size:10px;line-height:1.85;margin-top:12px}.sample-address{margin:20px 0;background:#f8f6fb;border-radius:8px;padding:15px;font-size:11px}.sample-address strong{display:block;font-size:11px;margin-bottom:6px}.sample-address span{display:block;color:var(--muted);font-size:10px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.info-list{margin:20px 0 0;font-size:12px}.info-list>div{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:12px 0;border-top:1px solid #f0edf5}.info-list dt{color:var(--muted)}.info-list dd{margin:0;overflow-wrap:anywhere}.account-grid .button{margin-top:20px}.account-note{font-size:11px;color:var(--muted);margin-top:20px}.ops-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.ops-stats>div{padding:21px 23px;background:#fff;border:1px solid var(--line);border-radius:11px}.ops-stats span{display:block;color:var(--muted);font-size:11px}.ops-stats strong{font-size:29px;display:block;margin-top:5px}.ops-stats small{font-size:9px;color:#a69ab1;display:block;margin-top:3px}.ops-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.ops-table th{font-size:10px;font-weight:500;color:var(--muted);padding:12px 10px;background:#f7f5fa;border-bottom:1px solid var(--line)}.ops-table td{padding:15px 10px;border-bottom:1px solid #f0edf5;vertical-align:top}.ops-table td strong{display:block;font-size:11px}.ops-table td small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.table-scroll{overflow:auto}.ops-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:18px}.ops-flow>div{padding:17px 14px;background:#f8f6fb;border-radius:8px}.ops-flow b{font-size:9px;color:var(--purple);letter-spacing:1px}.ops-flow strong{display:block;margin:7px 0;font-size:11px}.ops-flow p{font-size:9px;color:var(--muted);line-height:1.8}.icon-button{width:32px;height:32px;font-size:24px;color:#8e819b;display:grid;place-items:center;border-radius:6px}.icon-button:hover{background:#f0edf5}dialog{border:1px solid var(--line);border-radius:16px;padding:27px;max-width:570px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 80px #30204430;max-height:90vh;overflow:auto}dialog::backdrop{background:#28203566}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.dialog-top .eyebrow{margin-bottom:0}dialog h2{font-size:22px}dialog h3{font-size:13px;margin:23px 0 12px}.detail-product{display:flex;align-items:center;gap:22px}.detail-product .asset-thumb{width:135px;height:150px}.detail-product p{font-size:11px;color:var(--muted);margin-top:7px}.detail-steam{padding:13px;background:#f5f1fa;border-radius:8px;font-size:11px;margin-top:15px;line-height:1.9}.history-list{list-style:none;padding:0;margin:0;display:grid;gap:13px}.history-list li{font-size:11px;display:flex;gap:18px}.history-list time{font-size:10px;color:var(--muted);flex-shrink:0}.dialog-actions{display:flex;gap:9px;margin-top:25px}.dialog-actions .button{flex:1}.guide-art{margin:17px 0;height:140px;border-radius:10px}.guide-copy{font-size:12px;color:var(--muted);line-height:1.95}.guide-copy p+p{margin-top:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(15px);background:#302841;color:#fff;border-radius:9px;padding:13px 21px;font-size:12px;opacity:0;pointer-events:none;z-index:100;transition:opacity .15s,transform .15s;max-width:calc(100% - 32px);box-shadow:0 5px 20px #30204530}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.success-mark{width:55px;height:55px;background:#eee7fa;color:var(--purple);border-radius:50%;display:grid;place-items:center;font-size:24px;margin-bottom:18px}.success-panel{max-width:630px;margin:auto;padding:35px}.success-panel h1{font-size:25px}.success-panel>p{font-size:12px;color:var(--muted);margin-top:12px}.success-panel .button{margin-top:20px}.success-panel .subtle-note{margin-top:20px}.catalog-error{padding:35px;background:white;border:1px solid var(--line);border-radius:12px}
@media(min-width:1450px){.header{padding-right:calc((100vw - 1320px)/2);padding-left:calc((100vw - 1320px)/2)}}
@media(max-width:1120px){main{padding:30px 26px 45px}.app-shell{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:30px 13px}.dashboard-columns{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:1fr 1fr;gap:17px}.mini-panel+.mini-panel{margin-top:0}.login-layout{gap:30px}.login-story h1{font-size:35px}.story-product{padding:20px}.story-product img{width:145px}.story-caption{margin-left:10px}.story-caption strong{font-size:16px}.cart-layout{grid-template-columns:1fr}.order-summary{max-width:none}.shop-filter{grid-template-columns:1fr 1.1fr}.ops-flow{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.demo-banner{font-size:9px;padding:7px 10px}.demo-banner span{font-size:8px;margin-right:6px;padding-right:7px}.header{height:67px;padding:0 20px;gap:14px}.brand{font-size:28px}.header-description{font-size:10px;padding-left:14px}.header-actions{gap:9px}.header-member{display:none}.cart-link>span{display:none}.header-actions .button{padding:6px 9px;font-size:10px;min-height:32px}.app-shell{display:block}.sidebar{padding:0 17px;border-right:0;border-bottom:1px solid var(--line);background:#fff}.sidebar nav{display:flex;gap:2px;overflow:auto;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar a{padding:14px 12px;border-radius:0;gap:0;white-space:nowrap;font-size:11px}.sidebar a.active{background:#fff;color:var(--purple);box-shadow:inset 0 -2px var(--purple)}.sidebar a svg,.sidebar-label,.sidebar-bottom{display:none}.sidebar .ops-link{margin:0;padding:14px 12px;font-size:10px}.sidebar nav:after{content:'';min-width:2px}.footer{padding:20px;gap:10px;flex-wrap:wrap;font-size:9px}.footer span{display:none}.footer a{font-size:9px}main{padding:25px 20px 40px}.page-top{margin-bottom:22px}.page-top h1{font-size:25px}.page-top p{font-size:11px}.page-top>.button{font-size:10px;padding:9px 11px;min-height:36px}.eyebrow{font-size:9px;margin-bottom:7px}.guest-shell main{padding:30px 20px 40px}.login-layout{display:flex;flex-direction:column;gap:27px;align-items:stretch}.login-story{padding:0}.login-story h1{font-size:31px;line-height:1.45}.login-story>p{font-size:12px;margin-top:14px}.story-product{display:none}.login-panel{padding:26px}.login-panel h2{font-size:21px}.login-benefits{gap:14px;margin:21px 0}.login-benefits svg{width:20px;height:20px;padding:8px}.login-bottom{font-size:10px}.welcome{padding:21px;margin-bottom:24px;gap:12px}.welcome h2{font-size:21px}.welcome p{font-size:10px}.welcome-mark{width:62px;height:62px;border-radius:20px}.welcome-mark svg{width:34px;height:34px}.store-meta{font-size:8px;gap:6px}.store-meta span+span{padding-left:6px}.dashboard-side{gap:12px}.mini-panel{padding:17px}.mini-panel h3{font-size:12px}.quick-shop{gap:8px}.quick-shop .part-art{width:42px;height:52px;padding:4px}.quick-shop strong{font-size:11px}.quick-shop p{font-size:9px}.mini-panel>.button{font-size:10px;padding:10px 8px;min-height:36px}.counts{gap:8px}.counts strong{font-size:22px}.counts span{font-size:9px}.journey{gap:11px;flex-direction:column;margin-top:22px;padding-top:20px}.journey>div{padding:0}.journey>div+div{padding:0;border:0}.journey strong{display:inline-block;font-size:10px;margin-right:9px}.journey small{display:inline-block;font-size:9px}.journey b{width:21px;height:21px;font-size:9px}.asset-row,.dashboard-columns .asset-row{padding:16px 13px;gap:10px}.asset-thumb,.dashboard-columns .asset-thumb{width:61px;height:76px;padding:5px}.asset-info h3{font-size:12px}.asset-info p{font-size:9px}.asset-info .pill{font-size:8px;margin-top:6px}.asset-actions .button,.dashboard-columns .asset-actions .button{padding:7px 9px;font-size:9px;min-height:32px}.asset-actions .text-link{font-size:9px}.section-title h2{font-size:16px}.section-title .text-link{font-size:10px}.product-list.large .asset-row{padding:18px 13px;gap:12px;flex-wrap:wrap}.product-list.large .asset-thumb{width:82px;height:98px}.product-list.large .asset-info h3{font-size:15px}.product-list.large .asset-info p{font-size:10px}.product-list.large .asset-info .pill{font-size:9px;margin-top:8px}.product-list.large .asset-actions{display:flex;width:100%;justify-content:flex-end;gap:9px;padding-top:2px}.product-list.large .asset-actions .button{font-size:11px;min-height:35px;padding:8px 12px;flex:1}.product-list.large .asset-actions .text-link{font-size:10px;flex:1;border:1px solid var(--line);border-radius:7px}.product-toolbar{align-items:flex-start}.product-toolbar p{font-size:10px}.product-toolbar select{font-size:10px;max-width:145px}.manual-asset{padding:18px;align-items:flex-start;flex-direction:column;gap:13px}.manual-asset .button{font-size:10px;min-height:35px}.shop-filter{grid-template-columns:1fr;gap:15px;padding:18px}.shop-filter-note{border-left:0;padding:13px 0 0;border-top:1px solid var(--line);font-size:10px}.shop-filter-note strong{font-size:11px}.part-grid{grid-template-columns:1fr 1fr;gap:12px}.part-art{height:120px;padding:17px}.part-card-content{padding:15px 13px}.part-card h3{font-size:13px;margin-top:9px}.part-card p{font-size:9px;min-height:44px}.part-card .pill{font-size:8px;padding:3px 5px;white-space:normal}.part-code{font-size:8px}.part-price{font-size:17px;margin-top:12px}.part-price small{display:block;font-size:8px;margin-left:0}.part-actions{display:grid;gap:6px}.part-actions .button{font-size:10px;padding:8px 5px;min-height:35px}.part-actions .button:last-child{border:0;background:#f5f2fa;color:#7f6a99}.part-service{padding:17px;flex-wrap:wrap;gap:10px}.part-service>svg{width:23px;height:23px}.part-service h3{font-size:11px}.part-service p{font-size:9px}.part-service>.button{margin-left:33px;font-size:10px;min-height:33px}.shop-policy{font-size:9px}.link-card{padding:24px 20px}.link-card h1{font-size:23px}.link-card>p{font-size:11px}.phone-row .button{font-size:10px;padding:9px 11px}.match-result{padding:18px}.match-result dl{font-size:11px;grid-template-columns:85px 1fr}.fixture-controls label{font-size:9px}.fixture-controls select{max-width:180px;font-size:9px}.activity-tabs{gap:24px}.activity-tabs button{font-size:11px}.activity-item{padding:18px}.activity-item-top{font-size:9px;align-items:flex-start}.activity-item-top .pill{font-size:8px;white-space:normal}.activity-item h3{font-size:13px}.status-timeline{gap:8px;flex-wrap:wrap}.status-timeline span{font-size:8px;min-width:65px}.status-timeline span+span:after{display:none}.account-grid{grid-template-columns:1fr;gap:16px}.panel{padding:21px}.account-grid h2{font-size:17px}.info-list{font-size:11px}.info-list>div{grid-template-columns:88px 1fr}.account-note{font-size:10px}.ops-stats{gap:9px}.ops-stats>div{padding:15px 12px}.ops-stats span{font-size:9px}.ops-stats strong{font-size:23px}.ops-stats small{font-size:8px}.ops-flow{gap:10px}.ops-flow>div{padding:14px 12px}.ops-table{min-width:480px}.cart-row{padding:16px 13px;gap:11px;position:relative}.cart-row .part-art{width:60px;height:72px;padding:7px}.cart-row-copy h3{font-size:12px;padding-right:25px}.cart-row-copy p{font-size:9px}.remove-line{position:absolute;right:13px;top:16px;font-size:9px}.cart-row-bottom>strong{font-size:12px}.order-summary{padding:21px}.detail-product{gap:16px}.detail-product .asset-thumb{width:94px;height:117px}dialog{padding:22px}dialog h2{font-size:19px}.detail-product p{font-size:10px}.dialog-actions .button{font-size:11px;padding:10px 12px}.history-list li{font-size:10px;gap:14px}.history-list time{font-size:9px}.success-panel{padding:26px}.success-panel h1{font-size:22px}.success-panel>p{font-size:11px}.toast{font-size:11px;padding:12px 17px;width:max-content}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Engineer assignment and ERM lifetime views. */
.care-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:-2px 0 28px}.care-shortcuts>a{display:flex;align-items:center;gap:14px;padding:19px 21px;background:#fff;border:1px solid var(--line);border-radius:10px}.care-shortcuts>a>svg{width:24px;height:24px;color:var(--purple);flex-shrink:0}.care-shortcuts>a>svg:last-child{margin-left:auto;width:18px}.care-shortcuts strong,.care-shortcuts small{display:block}.care-shortcuts strong{font-size:12px}.care-shortcuts small{font-size:10px;color:var(--muted);margin-top:4px}
.visit-preview{margin-bottom:24px}.visit-demo-picker{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;padding:12px 14px;background:#f8f5fc;border-radius:7px;margin-bottom:18px;color:#887898}.visit-demo-picker select{border:1px solid #dacfdf;padding:8px 12px;border-radius:6px;color:var(--ink);background:white;font:inherit;min-width:165px}.visit-asset{display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 15px;margin-bottom:17px}.visit-asset .asset-thumb{width:58px;height:66px}.visit-asset strong,.visit-asset span{display:block;font-size:12px}.visit-asset span{font-size:10px;color:var(--muted);margin-top:5px}.visit-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.visit-heading>small{font-size:10px;color:var(--muted)}.visit-tracking{margin-top:20px}.visit-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;margin:22px 0;padding:0}.visit-stages li{position:relative;text-align:center;font-size:10px;color:#a399af;z-index:0;line-height:1.8;padding:0 4px}.visit-stages li:before{content:'';position:absolute;height:2px;background:#e7e0ee;width:100%;top:14px;left:-50%;z-index:-1}.visit-stages li:first-child:before{display:none}.visit-stages li b{display:grid;place-items:center;width:28px;height:28px;border:2px solid #e7e0ee;border-radius:50%;margin:0 auto 8px;background:white;color:#afa1bc;font-size:10px}.visit-stages li.reached:before{background:#a08ac8}.visit-stages li.reached b{color:#fff;background:#9c86c0;border-color:#9c86c0}.visit-stages li.current{color:#624994;font-weight:700}.visit-stages li.current b{background:var(--purple);border-color:var(--purple);box-shadow:0 0 0 4px #f0eafa}
.visit-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;border:1px solid #e2d8ee;background:#fcfaff;border-radius:10px;padding:20px}.engineer-profile{display:flex;gap:15px;align-items:center}.engineer-avatar{width:59px;height:66px;border:1px solid #d9cae7;background:linear-gradient(160deg,#f3ecfb,#ded0ed);color:#8c70a4;border-radius:16px;display:grid;place-items:center;font-size:23px;flex-shrink:0}.engineer-profile small,.visit-appointment>small{font-size:10px;color:#96839f}.engineer-profile h3{font-size:17px;margin-top:5px}.engineer-profile h3 span{font-size:10px;font-weight:400}.engineer-profile p{font-size:10px;color:#8b779b;margin-top:4px}.visit-appointment{padding-left:18px;border-left:1px solid #e5dced}.visit-appointment>strong,.visit-appointment>span{display:block}.visit-appointment>strong{font-size:17px;margin:5px 0 2px}.visit-appointment>span{font-size:13px;color:#8062a1}.visit-appointment p{font-size:10px;color:#a091ae;margin-top:7px}.visit-note{font-size:11px;line-height:1.9;margin:13px 0;color:#877594}.visit-contact{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.visit-contact>span{font-size:9px;color:#a092ac}.visit-contact a{font-size:10px}.visit-history{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:11px}.visit-history summary{cursor:pointer;color:#887198}.visit-history ol{padding:0;list-style:none;margin:15px 0 0;display:grid;gap:10px}.visit-history li{display:flex;justify-content:space-between;gap:12px;font-size:10px}.visit-history time{color:#9a89a8}
.lifetime-source{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border:1px solid #e4dcec;border-radius:10px;background:#faf7fd;margin-bottom:20px}.lifetime-source>div{display:flex;align-items:flex-start;flex-direction:column;gap:7px}.lifetime-source strong{font-size:11px;color:#877293}.lifetime-source span:not(.pill){font-size:10px;color:#a393ae}.lifetime-source>.button{flex-shrink:0}.lifetime-grid{display:grid;gap:18px}.lifetime-card{padding:23px;background:white;border:1px solid var(--line);border-radius:11px}.lifetime-card-top{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.lifetime-card h2{font-size:16px}.lifetime-card-top p{font-size:10px;color:var(--muted);margin-top:5px}.lifetime-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.lifetime-numbers>div{padding:0 15px;border-left:1px solid var(--line)}.lifetime-numbers>div:first-child{padding-left:0;border:0}.lifetime-numbers dt{color:var(--muted);font-size:10px}.lifetime-numbers dd{margin:6px 0 0;font-size:22px;font-weight:700;color:#685081}.lifetime-comparison{margin:20px 0}.lifetime-comparison>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#93839e}.lifetime-comparison strong{color:#8765a7;font-size:14px}.lifetime-meter{height:9px;border-radius:10px;background:#ede7f4;margin:9px 0;overflow:hidden}.lifetime-meter i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#aa95d0,#7352ae)}.lifetime-comparison>small{font-size:10px;color:#9c8aa9}.lifetime-reference{display:flex;justify-content:space-between;gap:14px;font-size:10px;background:#f8f6fb;border-radius:6px;padding:12px;color:#96849f;margin-bottom:14px}.lifetime-reference b{color:#816b91;margin-left:5px}.lifetime-card>.small-copy{font-size:10px;color:var(--muted);line-height:1.9}.lifetime-card .dialog-actions{margin-top:15px}.lifetime-card .dialog-actions>.button{font-size:11px}.lifetime-empty>p{font-size:11px;max-width:460px;margin:7px auto;line-height:1.9}.asset-lifetime-link{margin-top:20px;color:#73518f;background:#f9f5fc}
@media(max-width:760px){.care-shortcuts{grid-template-columns:1fr;gap:9px;margin-bottom:24px}.care-shortcuts>a{padding:15px 17px;gap:12px}.care-shortcuts strong{font-size:11px}.care-shortcuts small{font-size:9px}.visit-preview{padding:19px 15px}.visit-preview .section-title h2{font-size:15px}.visit-preview .section-title p{font-size:10px}.visit-demo-picker{font-size:10px;padding:10px}.visit-demo-picker select{min-width:150px;padding:8px;font-size:10px}.visit-heading>small{font-size:9px}.visit-stages{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:15px}.visit-stages li{font-size:9px}.visit-stages li:nth-child(4):before{display:none}.visit-detail{grid-template-columns:1fr;padding:16px;gap:15px}.engineer-avatar{width:49px;height:55px;font-size:20px}.engineer-profile h3{font-size:16px}.visit-appointment{border-left:0;border-top:1px solid #e5dced;padding:13px 0 0}.visit-appointment strong{font-size:16px}.visit-appointment>span{font-size:12px}.visit-note{font-size:10px}.visit-contact{gap:9px}.visit-contact>span{font-size:9px}.lifetime-source{padding:16px;align-items:flex-start;flex-direction:column;gap:13px}.lifetime-source>.button{font-size:10px;min-height:34px}.lifetime-card{padding:19px 16px}.lifetime-card h2{font-size:14px}.lifetime-card-top{gap:9px}.lifetime-card-top .pill{font-size:8px;white-space:normal;flex-shrink:0}.lifetime-card-top p{font-size:9px}.lifetime-numbers{gap:5px}.lifetime-numbers>div{padding:0 8px}.lifetime-numbers dt{font-size:9px}.lifetime-numbers dd{font-size:19px}.lifetime-reference{flex-direction:column;gap:7px;font-size:9px}.lifetime-card .dialog-actions{gap:6px}.lifetime-card .dialog-actions>.button{font-size:10px;padding:9px 7px}.lifetime-empty>p{font-size:10px}}

/* Reservation changes retain the confirmed visit separately. */
.reservation-summary { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px; margin-top:18px; border:1px solid #ddd4ed; border-radius:10px; background:#faf8fd; color:#352c46; }
.reservation-summary strong { font-size:15px; }.reservation-summary p { margin:8px 0; font-size:14px; }.reservation-summary small { color:#62566f; font-size:12px; line-height:1.7; }.reservation-summary .button { flex-shrink:0; }
.reservation-form { display:grid; gap:18px; margin-top:24px; }.reservation-form label { display:grid; gap:8px; font-size:14px; font-weight:600; }.reservation-form input,.reservation-form select { width:100%; min-height:44px; border:1px solid #b8adc7; border-radius:7px; padding:10px; color:#30283d; background:#fff; font:inherit; }.reservation-form p { font-size:13px; line-height:1.8; color:#62566f; }.reservation-form .reservation-error { color:#a82727; }
@media(max-width:760px){.reservation-summary { align-items:stretch; flex-direction:column; padding:16px; }.reservation-summary .button { width:100%; }}
.demo-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px}
.demo-banner .customer-demo-trigger{border:1px solid #9c89bc;border-radius:20px;padding:5px 12px;background:#fff;color:#58416f;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap;line-height:1.5}
.demo-banner.customer-demo-bar{background:#efe6fa;color:#50306b;padding:9px 16px}.demo-banner.customer-demo-bar>span{color:#50306b;border-color:#c6b4d8}