:root{--ink: #1c2740;--ink-soft: #5d6b86;--paper: #eef4ff;--panel: #ffffff;--line: rgba(28, 39, 64, .1);--teal: #0f9f8f;--teal-deep: #0a7268;--coral: #ff6b57;--coral-deep: #e24f3c;--sky: #4c8dff;--sky-deep: #2f6fe0;--gold: #f0b429;--violet: #7b6cff;--ok: #0f9f5a;--danger: #e24f3c;--font: "Noto Sans Myanmar", "Outfit", system-ui, sans-serif;--display: "Fraunces", "Noto Sans Myanmar", Georgia, serif;--ui: "Outfit", "Noto Sans Myanmar", system-ui, sans-serif;--shadow-soft: 0 10px 24px rgba(28, 39, 64, .1)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font);font-size:14px;background:radial-gradient(700px 320px at 0% 0%,rgba(76,141,255,.22),transparent 55%),radial-gradient(620px 300px at 100% 0%,rgba(255,107,87,.18),transparent 50%),radial-gradient(500px 280px at 50% 100%,rgba(15,159,143,.14),transparent 55%),linear-gradient(180deg,#f5f8ff,#eaf1ff 45%,#f7f9ff)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.top{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,#5b8cff,#3f74f0);box-shadow:inset 0 1px #ffffff59,0 8px #2a56c5,0 14px 22px #2a56c547}.top-inner{max-width:980px;margin:0 auto;padding:.6rem .75rem .65rem;display:grid;grid-template-columns:1fr auto;gap:.5rem .75rem;align-items:center}.logo em{display:block;font-style:normal;font-family:var(--ui);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffffd9;font-weight:600}.logo strong{font-family:var(--display);font-size:1.15rem;font-weight:700;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.18);letter-spacing:-.02em}.user-chip{display:flex;align-items:center;gap:.4rem;color:#fff;font-size:.75rem;justify-self:end}.nav{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.35rem;padding:.35rem;border-radius:1rem;background:#0a23642e;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000014}.nav a{position:relative;font-family:var(--ui);font-size:.76rem;font-weight:650;color:#1f3f9a;padding:.42rem .78rem;border-radius:999px;background:linear-gradient(180deg,#fff,#e8efff);box-shadow:inset 0 1px #fff,0 3px #9bb6f5,0 6px 10px #1428642e;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),filter .18s ease,color .15s ease;will-change:transform}@media(hover:hover)and (pointer:fine){.nav a:hover{transform:translateY(-5px);filter:brightness(1.04);box-shadow:inset 0 1px #fff,0 8px #8aa8ef,0 14px 18px #14286447}.nav a.active:hover{box-shadow:inset 0 1px #ffffff73,0 8px #c94736,0 14px 18px #c9473659}.btn:hover:not(:disabled){transform:translateY(-4px);filter:brightness(1.05);box-shadow:inset 0 1px #ffffff73,0 7px 0 var(--teal-deep),0 12px 16px #0a726847}.btn.ghost:hover:not(:disabled){box-shadow:inset 0 1px #fff,0 6px #b7c4e4,0 12px 14px #1c274024}.btn.coral:hover:not(:disabled){box-shadow:inset 0 1px #fff6,0 7px 0 var(--coral-deep),0 12px 16px #e24f3c47}.btn.sky:hover:not(:disabled){box-shadow:inset 0 1px #fff6,0 7px 0 var(--sky-deep),0 12px 16px #2f6fe047}.btn.danger:hover:not(:disabled){box-shadow:inset 0 1px #ffffff59,0 7px #b5362a,0 12px 16px #e24f3c4d}.quick:hover{transform:translateY(-5px);filter:brightness(1.05)}.quick:nth-child(1):hover{box-shadow:inset 0 1px #ffffff59,0 8px #1a4bb8,0 14px 18px #1a4bb84d}.quick:nth-child(2):hover{box-shadow:inset 0 1px #ffffff59,0 8px #0a7468,0 14px 18px #0a74684d}.quick:nth-child(3):hover{box-shadow:inset 0 1px #ffffff59,0 8px #c44a22,0 14px 18px #c44a224d}.quick:nth-child(4):hover{box-shadow:inset 0 1px #ffffff59,0 8px #5a3fd0,0 14px 18px #5a3fd04d}.seg button:hover:not(.active){transform:translateY(-2px);color:var(--ink)}}.nav a:active{transform:translateY(2px);filter:none;box-shadow:inset 0 1px #fff,0 1px #9bb6f5}.nav a.active{color:#fff;background:linear-gradient(180deg,#ff8d7c,#ff6b57);box-shadow:inset 0 1px #fff6,0 3px #c94736,0 6px 10px #c9473647}.nav a.active:active{box-shadow:inset 0 1px #ffffff59,0 1px #c94736}@media(max-width:640px){.top-inner{grid-template-columns:1fr}.user-chip{justify-self:start}.nav{gap:.28rem}.nav a{flex:1 1 calc(33.33% - .28rem);text-align:center;min-width:4.8rem}}.main{max-width:980px;width:100%;margin:0 auto;padding:.65rem .7rem 1.2rem}.hero{margin-bottom:.5rem;animation:rise .35s ease both}.hero h1{margin:0;font-family:var(--display);font-size:clamp(1.05rem,3vw,1.35rem);letter-spacing:-.02em;line-height:1.15;text-shadow:0 1px 0 rgba(255,255,255,.8)}.hero p{margin:.15rem 0 0;color:var(--ink-soft);font-size:.75rem;line-height:1.35}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.32rem;margin-bottom:.5rem}@media(max-width:640px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.28rem}.metric strong{font-size:.82rem!important}.metric span,.metric small{font-size:.58rem!important}}.metric{padding:.35rem .42rem;border-radius:.55rem;background:linear-gradient(180deg,#fff,#f3f6ff);border:1px solid #fff;box-shadow:inset 0 1px #fff,0 2px #c9d4ef,0 4px 8px #1c27400f;min-height:0}.metric span{display:block;font-family:var(--ui);font-size:.62rem;color:var(--ink-soft);margin-bottom:.04rem;line-height:1.2}.metric strong{font-family:var(--display);font-size:.92rem;font-weight:700;line-height:1.15}.metric small{display:block;margin-top:.08rem;font-size:.62rem;color:var(--ink-soft);font-weight:600;line-height:1.2}.panel{background:linear-gradient(180deg,#fff,#f7f9ff);border:1px solid #fff;border-radius:.7rem;padding:.55rem .6rem;box-shadow:inset 0 1px #fff,0 3px #cfd8ef,0 8px 14px #1c27400f;animation:rise .4s ease both}.panel+.panel{margin-top:.45rem}.panel h2{margin:0 0 .4rem;font-family:var(--display);font-size:.9rem}.sell-search input[type=search],.field input,.field select,.field textarea{width:100%;border:1px solid rgba(28,39,64,.12);background:#fff;color:var(--ink);border-radius:.55rem;padding:.4rem .55rem;outline:none;box-shadow:inset 0 1px 3px #1c27400a}.sell-search input[type=search]{font-size:.85rem;padding:.45rem .55rem}.sell-search input:focus,.field input:focus,.field select:focus{border-color:#4c8dff8c;box-shadow:0 0 0 3px #4c8dff26}.phone-list{display:grid;gap:.4rem;margin-top:.55rem}.phone-row{display:grid;grid-template-columns:52px 1fr auto;gap:.55rem;align-items:center;padding:.5rem .55rem;border-radius:.85rem;border:1px solid #fff;background:linear-gradient(180deg,#fff,#f4f7ff);cursor:pointer;text-align:left;box-shadow:inset 0 1px #fff,0 3px #d5ddf3,0 7px 12px #1c274012;transition:transform .1s ease,box-shadow .1s ease}@media(hover:hover)and (pointer:fine){.phone-row:hover{transform:translateY(-4px);box-shadow:inset 0 1px #fff,0 7px #c5d0ef,0 14px 16px #1c27401f}}.phone-row:active{transform:translateY(2px);box-shadow:inset 0 1px #fff,0 1px #d5ddf3}.phone-row.selected{background:linear-gradient(180deg,#e8fff9,#d4f7ef);box-shadow:inset 0 1px #fff,0 3px #8fd8cb,0 7px 12px #0f9f8f29}.phone-thumb{width:52px;height:52px;border-radius:.65rem;object-fit:cover;background:linear-gradient(145deg,#e8eeff,#f7f9ff);box-shadow:inset 0 1px 3px #1c27401f}.phone-thumb.placeholder{display:grid;place-items:center;font-size:.65rem;color:var(--ink-soft);font-family:var(--ui)}.phone-row b{font-family:var(--ui);font-size:.86rem}.phone-row small{display:block;margin-top:.12rem;color:var(--ink-soft);font-size:.72rem;line-height:1.3}.phone-row .price{font-family:var(--display);font-size:.9rem;white-space:nowrap}.checkout{display:grid;gap:.55rem;margin-top:.7rem;padding-top:.7rem;border-top:1px dashed rgba(28,39,64,.14)}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media(max-width:640px){.fields{grid-template-columns:1fr}.phone-row{grid-template-columns:44px 1fr auto}.phone-thumb{width:44px;height:44px}}.field{display:grid;gap:.22rem}.field label{font-family:var(--ui);font-size:.7rem;color:var(--ink-soft);font-weight:600}.field.full{grid-column:1 / -1}.check-row{display:flex;flex-wrap:wrap;gap:.55rem 1rem;padding:.45rem .55rem;border-radius:12px;background:linear-gradient(180deg,#fff,#f0f7ff);border:1px solid rgba(30,80,160,.12);box-shadow:inset 0 1px #ffffffe6,0 2px #1e50a00f}.check{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--ui);font-size:.78rem;font-weight:600;color:var(--ink);cursor:pointer}.check input{width:1rem;height:1rem;accent-color:#1a7aef}.actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.5rem .9rem;font-family:var(--ui);font-size:.8rem;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(180deg,#34d0be,#0f9f8f);box-shadow:inset 0 1px #fff6,0 4px #0a7268,0 8px 12px #0f9f8f40;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),filter .18s ease;will-change:transform}.btn:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff40,0 1px #0a7268}.btn.ghost{color:var(--ink);background:linear-gradient(180deg,#fff,#eef2ff);box-shadow:inset 0 1px #fff,0 4px #c9d3ef,0 8px 12px #1c27401a}.btn.coral{background:linear-gradient(180deg,#ff8f7e,#ff6b57);box-shadow:inset 0 1px #fff6,0 4px #c94736,0 8px 12px #c9473640}.btn.sky{background:linear-gradient(180deg,#79a8ff,#4c8dff);box-shadow:inset 0 1px #fff6,0 4px #2f6fe0,0 8px 12px #2f6fe040}.btn.danger{background:linear-gradient(180deg,#ff8a7a,#e24f3c);box-shadow:inset 0 1px #ffffff59,0 4px #b33a2b,0 8px 12px #b33a2b38}.btn:disabled{opacity:.55;cursor:not-allowed}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.8rem}th,td{text-align:left;padding:.5rem .35rem;border-bottom:1px solid rgba(28,39,64,.08);vertical-align:top}th{font-family:var(--ui);font-size:.68rem;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:.12rem .45rem;font-size:.68rem;font-family:var(--ui);font-weight:700}.pill.ok{color:var(--ok);background:#0f9f5a1f}.pill.warn{color:#9a6700;background:#f0b4292e}.pill.mute{color:var(--ink-soft);background:#1c274014}.muted{color:var(--ink-soft)}.empty{padding:.9rem .4rem;text-align:center;color:var(--ink-soft);font-size:.84rem}.toast{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);background:linear-gradient(180deg,#31405f,#1c2740);color:#fff;padding:.55rem .9rem;border-radius:999px;font-family:var(--ui);font-size:.8rem;font-weight:600;box-shadow:0 8px #0f1524,0 14px 20px #0f15244d;z-index:50}.foot{padding:.65rem .75rem .9rem;text-align:center;color:var(--ink-soft);font-size:.72rem}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(100%,380px);padding:1.1rem;border-radius:1.15rem;background:linear-gradient(180deg,#fff,#f3f7ff);border:1px solid #fff;box-shadow:inset 0 1px #fff,0 8px #b8c7ef,0 18px 28px #1c274024}.login-card h1{margin:.15rem 0 .35rem;font-family:var(--display);font-size:1.45rem}.login-card .hint{margin:0 0 .85rem;color:var(--ink-soft);font-size:.8rem}.login-card .error{margin:0 0 .55rem;color:var(--danger);font-size:.8rem;font-weight:600}.thumb-sm{width:40px;height:40px;border-radius:.55rem;object-fit:cover;background:#eef2ff;display:inline-flex;align-items:center;justify-content:center}.thumb-sm.placeholder{font-size:.65rem;color:var(--ink-soft);border:1px dashed rgba(30,80,160,.2)}.stock-pick{display:grid;grid-template-columns:72px 1fr;gap:.65rem;align-items:center;padding:.55rem;border-radius:14px;background:linear-gradient(180deg,#fff,#f3f8ff);border:1px solid rgba(30,80,160,.12);box-shadow:inset 0 1px #fffffff2,0 3px #1e50a014}.stock-pick-img{width:72px;height:72px;border-radius:12px;object-fit:cover;background:#e8eefc;box-shadow:0 2px #14285a1f}.stock-pick-img.placeholder{display:grid;place-items:center;font-size:.7rem;color:var(--ink-soft);border:1px dashed rgba(30,80,160,.25)}.stock-pick strong{font-size:.92rem}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.invoice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:1rem;background:#0c18308c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:auto}.invoice-sheet{width:min(440px,100%);background:linear-gradient(180deg,#fff,#f4f8ff);border-radius:1.1rem;padding:1.1rem 1.15rem 1rem;box-shadow:0 18px 40px #0a1e4647,0 4px #ffffffb3 inset;border:1px solid rgba(40,90,180,.15);color:var(--ink)}.invoice-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;margin-bottom:.85rem;padding-bottom:.7rem;border-bottom:2px solid rgba(30,90,200,.15)}.invoice-head em{display:block;font-style:normal;font-size:.68rem;letter-spacing:.12em;color:var(--sky);font-weight:800}.invoice-head strong{display:block;font-family:var(--display);font-size:1.25rem;margin-top:.1rem}.invoice-meta{text-align:right;font-size:.75rem}.invoice-meta span{display:block;color:var(--ink-soft);font-size:.65rem}.invoice-meta b{font-size:.8rem}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:.85rem}.invoice-parties span{display:block;font-size:.65rem;color:var(--ink-soft);font-weight:600}.invoice-parties strong{display:block;font-size:.88rem}.invoice-parties small{color:var(--ink-soft);font-size:.72rem}.invoice-item{display:grid;grid-template-columns:64px 1fr auto;gap:.65rem;align-items:start;padding:.65rem;border-radius:.85rem;background:#fff;border:1px solid rgba(30,80,160,.12);box-shadow:0 2px #1e50a00f;margin-bottom:.75rem}.invoice-thumb{width:64px;height:64px;border-radius:.7rem;object-fit:cover;background:#e8eefc}.invoice-thumb.placeholder{display:grid;place-items:center;font-size:.65rem;color:var(--ink-soft);border:1px dashed rgba(30,80,160,.25)}.invoice-item strong{font-size:.9rem}.invoice-item p{margin:.2rem 0 .35rem;font-size:.7rem;color:var(--ink-soft);line-height:1.35}.invoice-item ul{margin:0;padding-left:1rem;font-size:.72rem;color:var(--ink-soft)}.invoice-amount{font-weight:800;font-size:.85rem;white-space:nowrap;color:var(--coral)}.invoice-total{display:flex;justify-content:space-between;align-items:center;padding:.65rem .75rem;border-radius:.85rem;background:linear-gradient(180deg,#2b6ef5,#1a4fd0);color:#fff;box-shadow:0 4px #123a9a;margin-bottom:.65rem}.invoice-total strong{font-size:1.05rem}.invoice-note{margin:0 0 .85rem;font-size:.72rem;color:var(--ink-soft);line-height:1.4}.invoice-actions{display:flex;flex-wrap:wrap;gap:.45rem}@media print{body *{visibility:hidden!important}.invoice-overlay,.invoice-overlay *{visibility:visible!important}.invoice-overlay{position:static;background:none;padding:0;display:block}.invoice-sheet{box-shadow:none;border:none;width:100%;max-width:none;background:#fff}.no-print{display:none!important}}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.35rem}.dash-head h2{margin:0}.seg{display:inline-flex;padding:.12rem;border-radius:999px;background:linear-gradient(180deg,#eef3ff,#e2e9fb);box-shadow:inset 0 1px #fffc,0 1px #b8c6e8}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:.22rem .55rem;border-radius:999px;font-family:var(--ui);font-size:.68rem;font-weight:700;color:var(--ink-soft);cursor:pointer;transition:transform .16s cubic-bezier(.22,1,.36,1),background .16s ease,color .16s ease,box-shadow .16s ease}.seg button.active{background:linear-gradient(180deg,#4f8cff,#2b6ef5);color:#fff;box-shadow:0 1px #1a4bb8}.bar-chart{display:grid;gap:.28rem}.bar-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr) auto;gap:.3rem;align-items:center}.bar-label{font-size:.68rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:8px;border-radius:999px;background:#e8eefc;overflow:hidden;box-shadow:inset 0 1px 2px #14285a1a}.bar-fill{height:100%;border-radius:999px;box-shadow:inset 0 1px #ffffff59;min-width:3px;transition:width .35s ease}.bar-val{font-size:.68rem;font-weight:800;text-align:right;white-space:nowrap}.bar-val small{display:block;font-weight:600;color:var(--ink-soft);font-size:.58rem}.pie-wrap{display:grid;grid-template-columns:120px 1fr;gap:.55rem;align-items:center}@media(max-width:640px){.bar-row{grid-template-columns:1fr;gap:.12rem}.pie-wrap{grid-template-columns:1fr;justify-items:center}}.pie-svg{width:120px;height:120px;filter:drop-shadow(0 2px 0 rgba(30,70,160,.1))}.pie-legend{list-style:none;margin:0;padding:0;display:grid;gap:.22rem;width:100%}.pie-legend li{display:flex;gap:.35rem;align-items:flex-start;font-size:.7rem;font-weight:600}.pie-legend i{width:.6rem;height:.6rem;border-radius:.2rem;margin-top:.12rem;flex:none;box-shadow:0 1px #00000026}.pie-legend small{display:block;color:var(--ink-soft);font-weight:600;font-size:.6rem}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.32rem}@media(max-width:640px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.quick{display:grid;place-items:center;min-height:0;padding:.4rem .45rem;border-radius:.55rem;text-decoration:none;font-family:var(--ui);font-weight:700;font-size:.74rem;color:#fff;background:linear-gradient(180deg,#4f8cff,#2b6ef5);box-shadow:inset 0 1px #ffffff59,0 2px #1a4bb8;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),filter .18s ease;will-change:transform}.quick:nth-child(2){background:linear-gradient(180deg,#34d0be,#0f9f8f);box-shadow:inset 0 1px #ffffff59,0 2px #0a7468}.quick:nth-child(3){background:linear-gradient(180deg,#ff8a5b,#f06a3d);box-shadow:inset 0 1px #ffffff59,0 2px #c44a22}.quick:nth-child(4){background:linear-gradient(180deg,#9b87ff,#7c5cff);box-shadow:inset 0 1px #ffffff59,0 2px #5a3fd0}.quick:active{transform:translateY(1px);box-shadow:inset 0 1px #fff3,0 1px #0003}@media(max-width:900px){.main{padding:.45rem .5rem 1rem}.hero{margin-bottom:.35rem}.hero h1{font-size:1.05rem}.hero p{font-size:.7rem}.panel{padding:.4rem .45rem;border-radius:.55rem;box-shadow:inset 0 1px #fff,0 2px #cfd8ef,0 5px 10px #1c27400d}.panel+.panel{margin-top:.35rem}.panel h2{font-size:.82rem;margin-bottom:.3rem}.metrics{gap:.25rem;margin-bottom:.35rem}.metric{padding:.28rem .32rem;border-radius:.45rem;box-shadow:inset 0 1px #fff,0 1px #c9d4ef,0 3px 6px #1c27400d}.phone-row{padding:.35rem .4rem;border-radius:.55rem;gap:.4rem}.phone-thumb{width:40px;height:40px}.checkout{margin-top:.45rem;padding-top:.45rem}.fields{gap:.35rem}.btn{padding:.38rem .7rem;font-size:.74rem}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem}.quick{padding:.35rem .4rem;font-size:.7rem;border-radius:.45rem}}.license-card textarea{width:100%;margin-top:.25rem;border-radius:.55rem;border:1px solid rgba(28,39,64,.12);padding:.45rem;resize:vertical;font-family:ui-monospace,monospace;font-size:.75rem}.license-card .tiny{font-size:.68rem;margin:.4rem 0 0}.license-badge{display:inline-block;margin:.2rem 0 .35rem;padding:.25rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700}.license-badge.ok{background:#d8f8e8;color:#0b7a45}.license-badge.warn{background:#ffe3dc;color:#b33a2b}.license-badge.mute{background:#eef2ff;color:var(--ink-soft)}.key-box{display:grid;gap:.35rem;margin-top:.5rem;padding:.45rem;border-radius:.55rem;background:#f3f6ff;border:1px solid rgba(30,80,160,.12)}.key-box code{font-size:.68rem;word-break:break-all;line-height:1.35}.key-mini{font-size:.65rem}.error-banner{color:var(--danger);font-weight:700;font-size:.8rem;margin:.4rem .5rem}.renew-banner .renew-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.renew-banner.warn{border-color:#f06a3d59;background:linear-gradient(180deg,#fff8f4,#ffefe6)}.login-card.renew-card{margin:0 auto;max-width:420px}