:root{--cn-navy:#10082f;--cn-coral:#ff5b41;--cn-ink:#17142a;--cn-muted:#6f6b7d;--cn-bg:#f6f6fa;--cn-line:#e8e6ee;--cn-mint:#e7f8f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cn-bg);color:var(--cn-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.account-app{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:270px 1fr;min-height:calc(100vh - 114px)}.account-sidebar{background:#fff;border-right:1px solid var(--cn-line);padding:30px 22px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.account-user{display:flex;gap:12px;align-items:center;padding:0 8px 25px;border-bottom:1px solid var(--cn-line)}.account-user>span{width:44px;height:44px;border-radius:14px;background:var(--cn-navy);color:#fff;display:grid;place-items:center;font-weight:900}.account-user div{display:grid;min-width:0}.account-user strong,.account-user small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-user small{color:var(--cn-muted);font-size:11px;margin-top:3px}.account-sidebar nav{display:grid;gap:5px;margin-top:22px}.account-sidebar nav a{display:flex;gap:12px;align-items:center;text-decoration:none;color:#5f5a6d;padding:11px 13px;border-radius:10px;font-size:14px;font-weight:700}.account-sidebar nav a:hover,.account-sidebar nav a.active{color:var(--cn-navy);background:#f0eef7}.account-sidebar nav a.active{box-shadow:inset 3px 0 var(--cn-coral)}.account-sidebar>form{margin-top:auto}.account-sidebar>form button{border:0;background:none;color:#8d4050;font-weight:700;cursor:pointer;padding:12px}.account-main{padding:38px clamp(22px,4vw,60px) 80px;min-width:0}.account-welcome{background:linear-gradient(125deg,var(--cn-navy),#302068);color:#fff;border-radius:22px;padding:34px 38px;display:flex;align-items:end;justify-content:space-between;gap:20px;box-shadow:0 18px 45px rgba(16,8,47,.17)}.account-welcome h1{font-size:clamp(30px,4vw,48px);margin:7px 0}.account-welcome p{margin:0;color:#d8d3e8}.account-welcome>a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:12px 16px;border-radius:10px;font-weight:800;font-size:13px}.account-kicker{color:var(--cn-coral);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:900}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 42px}.account-stats article{background:#fff;border:1px solid var(--cn-line);border-radius:16px;padding:20px;display:grid;gap:5px}.account-stats span,.account-stats small{color:var(--cn-muted);font-size:12px}.account-stats strong{font-size:26px}.account-section{scroll-margin-top:24px;margin:0 0 52px}.account-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.account-section-head h2{font-size:27px;margin:5px 0 0}.account-section-head p{color:var(--cn-muted);font-size:13px;margin:0}.account-section-head>a{color:var(--cn-coral);font-weight:800;text-decoration:none}.account-order-list{background:#fff;border:1px solid var(--cn-line);border-radius:16px;overflow:hidden}.account-order-list article{display:grid;grid-template-columns:1.4fr .8fr .6fr .8fr;align-items:center;gap:18px;padding:19px 22px;border-bottom:1px solid var(--cn-line)}.account-order-list article:last-child{border:0}.account-order-list article>div{display:grid;gap:3px}.account-order-list small,.muted{color:var(--cn-muted)}.account-order-list a{font-size:13px;font-weight:800;color:var(--cn-coral);text-decoration:none;text-align:right}.account-status{justify-self:start;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;background:#f0eef7}.account-status.completed,.account-status.shipped,.account-status.paid{background:var(--cn-mint);color:#15724e}.account-status.cancelled,.account-status.refunded{background:#fff0f0;color:#a83838}.document-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.document-grid>a{background:#fff;border:1px solid var(--cn-line);border-radius:14px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;text-decoration:none;color:var(--cn-ink)}.document-grid>a>span{width:42px;height:42px;border-radius:12px;background:#f0eef7;display:grid;place-items:center;color:var(--cn-navy)}.document-grid div{display:grid;gap:4px}.document-grid small,.document-note{color:var(--cn-muted)}.document-grid b{color:var(--cn-coral);font-size:12px}.document-note{display:block;margin-top:13px;font-size:11px}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.device-grid article{background:#fff;border:1px solid var(--cn-line);border-radius:18px;padding:20px;display:flex;gap:20px;align-items:center}.device-grid img,.device-placeholder{width:112px;height:112px;object-fit:contain;background:#f5f4f8;border-radius:16px}.device-placeholder{display:grid;place-items:center;font-size:38px}.device-grid h3{margin:3px 0;font-size:20px}.device-grid p,.device-grid small{color:var(--cn-muted);font-size:12px}.device-grid a{color:var(--cn-coral);font-weight:800;text-decoration:none;font-size:12px}.advice-section{background:#eeeaf8;padding:28px;border-radius:22px}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tips-grid article{background:#fff;border-radius:16px;padding:20px}.tips-grid article>span{font-size:24px}.tips-grid small{display:block;color:#766b9b;font-weight:800;margin:13px 0 5px}.tips-grid h3{margin:0 0 8px}.tips-grid p{margin:0;color:var(--cn-muted);font-size:13px;line-height:1.55}.address-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:20px}.address-list{display:grid;gap:12px;align-content:start}.address-list article,.address-form,.profile-form{background:#fff;border:1px solid var(--cn-line);border-radius:16px;padding:20px}.address-list article>div:first-child{display:flex;justify-content:space-between}.address-list article span{background:var(--cn-mint);color:#15724e;padding:4px 8px;border-radius:99px;font-size:10px;font-weight:900}.address-list p{font-size:13px;color:var(--cn-muted);line-height:1.55}.address-list article>div:last-child{display:flex;gap:8px}.address-list form{display:inline}.address-list button{border:0;background:#f0eef7;color:var(--cn-navy);border-radius:7px;padding:7px 9px;font-weight:800;cursor:pointer}.address-list button.danger{background:#fff0f0;color:#a83838}.address-form h3{margin-top:0}.form-2,.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.address-form label,.profile-form label,.account-login-form label{display:grid;gap:6px;font-size:12px;font-weight:800}.address-form .wide{grid-column:1/-1}.address-form input,.address-form select,.profile-form input,.account-login-form input{width:100%;border:1px solid #dcd9e3;background:#fafafd;border-radius:9px;padding:12px;color:var(--cn-ink)}.address-form input:focus,.profile-form input:focus,.account-login-form input:focus{outline:3px solid rgba(255,91,65,.13);border-color:var(--cn-coral)}.address-form .check{display:flex;grid-template-columns:auto 1fr;align-items:center;margin:15px 0}.address-form .check input{width:auto}.account-primary{border:0;background:var(--cn-coral);color:#fff;border-radius:10px;padding:13px 18px;font-weight:900;cursor:pointer}.profile-form{max-width:760px}.profile-form button{align-self:end}.profile-form small{color:var(--cn-muted);font-weight:400}.account-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.account-news-grid>a{background:#fff;border:1px solid var(--cn-line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--cn-ink)}.account-news-grid img{width:100%;height:150px;object-fit:cover}.account-news-grid div{padding:17px}.account-news-grid small{color:var(--cn-coral);font-weight:800}.account-news-grid h3{font-size:16px;margin:7px 0}.account-news-grid p{font-size:12px;color:var(--cn-muted);line-height:1.5}.account-empty{background:#fff;border:1px dashed #cbc7d6;border-radius:15px;padding:25px;color:var(--cn-muted)}.account-empty a{display:inline-block;margin-left:10px;color:var(--cn-coral)}.account-alert{padding:13px 16px;border-radius:10px;margin:0 0 16px;background:var(--cn-mint);color:#126344;font-weight:700}.account-alert.error{background:#fff0f0;color:#9c3030}.account-login-shell{min-height:calc(100vh - 110px);display:grid;place-items:center;padding:45px 20px;background:radial-gradient(circle at 15% 20%,#e9e4f6,transparent 34%),var(--cn-bg)}.account-login-card{width:min(980px,100%);background:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;box-shadow:0 24px 70px rgba(16,8,47,.14)}.account-login-copy{padding:60px;color:#fff;background:linear-gradient(140deg,var(--cn-navy),#382678)}.account-login-copy h1{font-size:43px;margin:12px 0}.account-login-copy p{color:#d9d4e8;line-height:1.6}.login-benefits{display:grid;gap:11px;margin-top:34px;font-size:13px}.account-login-form{padding:50px 42px;display:grid;gap:17px;align-content:center}.account-login-form h2{font-size:30px;margin:0}.account-login-form p,.account-login-form small{color:var(--cn-muted);margin:0}.account-login-form button{font-size:15px}.document-body{background:#ecebf1;padding:35px}.receipt{max-width:900px;margin:auto;background:#fff;padding:48px;box-shadow:0 15px 50px rgba(0,0,0,.1)}.receipt-actions{display:flex;justify-content:space-between;margin-bottom:35px}.receipt-actions a{color:var(--cn-navy);text-decoration:none;font-weight:800}.receipt-actions button{background:var(--cn-coral);color:#fff;border:0;border-radius:8px;padding:10px 15px;font-weight:800}.receipt header{display:flex;justify-content:space-between;border-bottom:3px solid var(--cn-navy);padding-bottom:22px}.receipt header>div{display:grid}.receipt header>div:first-child strong{font-size:28px;color:var(--cn-navy)}.receipt header small{color:var(--cn-muted)}.receipt header h1{margin:4px 0}.receipt-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:32px 0}.receipt-meta div{display:grid;align-content:start}.receipt-meta small{color:var(--cn-coral);font-weight:900}.receipt-meta strong{margin:8px 0}.receipt-meta p{color:var(--cn-muted);font-size:13px;line-height:1.5}.receipt table{width:100%;border-collapse:collapse}.receipt th,.receipt td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--cn-line)}.receipt td small{display:block;color:var(--cn-muted);margin-top:3px}.receipt-total{display:flex;justify-content:flex-end;align-items:center;gap:35px;padding:25px 10px}.receipt-total strong{font-size:24px}.receipt footer{border-top:1px solid var(--cn-line);padding-top:20px;color:var(--cn-muted);font-size:11px}
@media(max-width:1050px){.account-app{grid-template-columns:84px 1fr}.account-sidebar{padding:25px 12px}.account-user div,.account-sidebar nav span,.account-sidebar>form{display:none}.account-user{justify-content:center;padding:0 0 20px}.account-sidebar nav a{justify-content:center;font-size:18px}.account-stats{grid-template-columns:repeat(2,1fr)}.tips-grid,.account-news-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.account-app{display:block}.account-sidebar{position:sticky;top:0;z-index:20;height:auto;padding:8px;border:0;box-shadow:0 4px 18px rgba(0,0,0,.08)}.account-user,.account-sidebar>form{display:none}.account-sidebar nav{display:flex;overflow:auto;margin:0}.account-sidebar nav a{min-width:47px;padding:10px}.account-main{padding:20px 15px 60px}.account-welcome{padding:26px;align-items:start;flex-direction:column}.account-welcome h1{font-size:32px}.account-stats{grid-template-columns:1fr 1fr}.account-stats article{padding:15px}.account-order-list article{grid-template-columns:1fr auto}.account-order-list article>strong{display:none}.account-order-list a{grid-column:1/-1;text-align:left}.document-grid,.device-grid,.tips-grid,.address-layout,.account-news-grid,.form-2,.profile-form{grid-template-columns:1fr}.address-form .wide{grid-column:auto}.account-section-head{align-items:start;flex-direction:column}.account-login-card{grid-template-columns:1fr}.account-login-copy{padding:35px}.account-login-copy h1{font-size:33px}.account-login-form{padding:35px 28px}.document-body{padding:0}.receipt{padding:24px}.receipt-meta{grid-template-columns:1fr}.receipt header{gap:15px}.receipt table{font-size:12px}}@media print{.document-body{padding:0;background:#fff}.receipt{box-shadow:none;max-width:none}.receipt-actions{display:none}}