@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap");
:root{--navy:#07111f;--ink:#101c2d;--muted:#718096;--line:#e3eaf2;--orange:#ff6b00;--paper:#fff;--bg:#f4f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.account-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1320px)/2));background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand img{width:44px;height:44px;object-fit:contain}.brand b,.brand small{display:block}.brand small{margin-top:4px;color:#8492a5;font-size:9px;letter-spacing:1.2px}.store-link{color:#53657b;font-size:12px;font-weight:700;text-decoration:none}.account-shell{max-width:1320px;min-height:calc(100vh - 76px);display:grid;grid-template-columns:250px 1fr;gap:25px;margin:auto;padding:30px 24px}.account-side{align-self:start;position:sticky;top:24px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--navy);color:#fff}.account-identity{display:flex;align-items:center;gap:11px;padding:9px 5px 20px;border-bottom:1px solid #1c2b3e}.account-identity>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#ff8d3e,var(--orange));font-weight:800}.account-identity b,.account-identity small{display:block}.account-identity b{font-size:12px}.account-identity small{max-width:140px;margin-top:4px;overflow:hidden;color:#8496ad;font-size:9px;text-overflow:ellipsis}.account-side nav{display:grid;gap:5px;padding:18px 0}.account-side nav button{display:flex;gap:11px;padding:13px;border:0;border-radius:10px;background:transparent;color:#8da0b8;font-size:11px;font-weight:700;text-align:left}.account-side nav button.active,.account-side nav button:hover{background:#172639;color:#fff}.account-side nav button.active{box-shadow:inset 3px 0 var(--orange)}.logout{width:100%;padding:11px;border:1px solid #29394d;border-radius:9px;background:transparent;color:#a6b5c8;font-size:10px;font-weight:700}.account-content{min-width:0}.account-page{display:none}.account-page.active{display:block;animation:in .2s ease}@keyframes in{from{opacity:.5;transform:translateY(4px)}}.eyebrow{margin:0 0 7px;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:1.5px}.account-page h1{margin:0;font:700 clamp(25px,4vw,36px) "Space Grotesk"}.lead{margin:8px 0 25px;color:var(--muted);font-size:12px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.summary-grid button{padding:21px;border:1px solid var(--line);border-radius:15px;background:#fff;text-align:left}.summary-grid b,.summary-grid span,.summary-grid small{display:block}.summary-grid b{font:700 28px "Space Grotesk"}.summary-grid span{margin:5px 0 14px;color:#58687d;font-size:11px;font-weight:700}.summary-grid small{color:var(--orange);font-size:9px;font-weight:800}.panel,.form-card{border:1px solid var(--line);border-radius:16px;background:#fff}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font:700 15px "Space Grotesk"}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:9px}.text-button{border:0;background:none;color:#147dff;font-size:9px;font-weight:800}.order-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:17px 20px;border-bottom:1px solid #edf1f6}.order-row:last-child{border:0}.order-row b,.order-row small{display:block}.order-row small{margin-top:4px;color:var(--muted);font-size:9px}.order-row strong{font-size:11px}.status{padding:6px 9px;border-radius:20px;background:#eaf3ff;color:#2072d0;font-size:8px;font-weight:800}.stack{display:grid;gap:13px}.order-card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}.order-card-head{display:flex;justify-content:space-between;gap:15px;padding:18px 20px;background:#fafbfd}.order-items{padding:8px 20px}.order-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf1f6;font-size:10px}.order-meta{display:flex;justify-content:space-between;gap:15px;padding:14px 20px;color:#617188;font-size:9px}.page-title{display:flex;align-items:start;justify-content:space-between;gap:20px}.primary{padding:12px 16px;border:0;border-radius:10px;background:linear-gradient(135deg,#ff7e22,#f05800);color:#fff;font-size:10px;font-weight:800}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.data-card{position:relative;padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff}.data-card.default{border-color:#ffb37d;box-shadow:0 0 0 2px #fff2e8}.data-card h3{margin:0 0 9px;font-size:13px}.data-card p{margin:4px 0;color:#66768a;font-size:10px;line-height:1.6}.data-card .badge{position:absolute;top:16px;right:16px;padding:5px 7px;border-radius:20px;background:#fff0e5;color:#d65800;font-size:7px;font-weight:800}.data-actions{display:flex;gap:8px;margin-top:14px}.data-actions button{padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#526278;font-size:8px;font-weight:800}.data-actions .danger{color:#c93d50}.security-note{margin:-8px 0 18px;padding:13px 15px;border:1px solid #bfe6d9;border-radius:11px;background:#effbf7;color:#276856;font-size:9px;line-height:1.6}.form-card{max-width:650px;display:grid;gap:15px;padding:24px}.form-card label,.form-grid label{display:grid;gap:7px;color:#526176;font-size:9px;font-weight:800}.form-card input,.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:11px 12px;border:1px solid #dce4ee;border-radius:9px;outline:0;background:#fff;color:var(--ink);font-size:10px}.notice{margin-bottom:15px;padding:12px;border-radius:10px;background:#eaf8f3;color:#087554;font-size:10px;font-weight:700}.notice.error{background:#fff0f2;color:#b52f43}.empty{padding:45px 20px;border:1px dashed #d3deea;border-radius:14px;background:#fff;color:var(--muted);font-size:11px;text-align:center}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.shade{position:absolute;inset:0;background:#07111fc7}.modal-card{width:min(590px,100%);max-height:calc(100vh - 40px);overflow:auto;position:relative;z-index:1;padding:25px;border-radius:17px;background:#fff}.modal-card h2{margin:0 0 20px;font:700 22px "Space Grotesk"}.close{position:absolute;top:15px;right:15px;border:0;background:none;font-size:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:19px}.form-grid .full{grid-column:1/-1}.form-grid .check{display:flex;align-items:center;gap:8px}.form-grid .check input{width:16px}.card-face{min-height:130px;background:linear-gradient(140deg,#101f32,#07111f);color:#fff}.card-face h3{font:700 18px "Space Grotesk"}.card-face p{color:#a9b8ca}.card-face .card-number{margin:23px 0 10px;color:#fff;font:600 17px "Space Grotesk";letter-spacing:3px}@media(max-width:800px){.account-shell{grid-template-columns:1fr;padding:15px}.account-side{position:static}.account-side nav{grid-template-columns:repeat(2,1fr)}.summary-grid,.card-grid{grid-template-columns:1fr}.page-title{display:block}.page-title .primary{margin-bottom:18px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.account-header{padding:0 16px}.store-link{font-size:10px}}