: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:.55rem .75rem .5rem;display:flex;flex-wrap:wrap;gap:.45rem .7rem;align-items:center;justify-content:space-between}.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}.nav{display:flex;gap:.3rem;flex-wrap:wrap}.nav a{font-family:var(--ui);font-size:.78rem;font-weight:650;color:#1f3f9a;padding:.38rem .7rem;border-radius:999px;background:linear-gradient(180deg,#fff,#e8efff);box-shadow:inset 0 1px #fff,0 3px #9bb6f5,0 6px 10px #1428642e;transition:transform .1s ease,box-shadow .1s ease}.nav a:active{transform:translateY(2px);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}.main{max-width:980px;width:100%;margin:0 auto;padding:.85rem .75rem 1.6rem}.hero{margin-bottom:.75rem;animation:rise .35s ease both}.hero h1{margin:0;font-family:var(--display);font-size:clamp(1.25rem,3.6vw,1.65rem);letter-spacing:-.02em;line-height:1.2;text-shadow:0 1px 0 rgba(255,255,255,.8)}.hero p{margin:.25rem 0 0;color:var(--ink-soft);font-size:.84rem;line-height:1.4}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-bottom:.7rem}@media(max-width:640px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.metric strong{font-size:.95rem!important}.metric span{font-size:.62rem!important}}.metric{padding:.55rem .6rem;border-radius:.85rem;background:linear-gradient(180deg,#fff,#f3f6ff);border:1px solid #fff;box-shadow:inset 0 1px #fff,0 4px #c9d4ef,0 8px 14px #1c274014}.metric span{display:block;font-family:var(--ui);font-size:.68rem;color:var(--ink-soft);margin-bottom:.12rem}.metric strong{font-family:var(--display);font-size:1.05rem;font-weight:700}.panel{background:linear-gradient(180deg,#fff,#f7f9ff);border:1px solid #fff;border-radius:1rem;padding:.75rem;box-shadow:inset 0 1px #fff,0 5px #cfd8ef,0 12px 20px #1c274014;animation:rise .4s ease both}.panel+.panel{margin-top:.65rem}.panel h2{margin:0 0 .55rem;font-family:var(--display);font-size:1rem}.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:.7rem;padding:.55rem .7rem;outline:none;box-shadow:inset 0 2px 4px #1c27400a}.sell-search input[type=search]{font-size:.92rem;padding:.65rem .75rem}.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}.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 .1s ease,box-shadow .1s ease}.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}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}