*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:#030712;color:#f9fafb;min-height:100vh;overflow-x:hidden}
.card{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:16px}
.input{width:100%;background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:12px 14px;color:#f9fafb;font-size:15px;outline:none}
.input:focus{border-color:#3b82f6}
.input::placeholder{color:#6b7280}
.btn-primary{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;font-weight:600;font-size:15px;padding:13px 20px;border-radius:12px;border:none;cursor:pointer}
.btn-primary:active{opacity:.85;transform:scale(.98)}
.btn-primary:disabled{opacity:.4;cursor:not-allowed}
.btn-danger{background:rgba(239,68,68,.15);color:#f87171;font-weight:600;font-size:13px;padding:10px 14px;border-radius:10px;border:1px solid rgba(239,68,68,.25);cursor:pointer}
.btn-success{background:rgba(16,185,129,.15);color:#34d399;font-weight:600;font-size:13px;padding:10px 14px;border-radius:10px;border:1px solid rgba(16,185,129,.25);cursor:pointer}
.btn-ghost{background:#1f2937;color:#d1d5db;font-weight:500;font-size:13px;padding:10px 14px;border-radius:10px;border:1px solid #374151;cursor:pointer}
.btn-warn{background:rgba(245,158,11,.15);color:#fbbf24;font-weight:600;font-size:13px;padding:10px 14px;border-radius:10px;border:1px solid rgba(245,158,11,.25);cursor:pointer}
.sell-btn{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;box-shadow:0 4px 14px rgba(59,130,246,.35)}
.nav-btn{display:flex;flex-direction:column;align-items:center;gap:3px;color:#6b7280;font-size:10px;font-weight:500;padding:6px 10px;border:none;background:none;cursor:pointer}
.nav-btn.active{color:#3b82f6}
.nav-btn.admin-nav{color:#a78bfa}
.nav-btn.admin-nav.active{color:#c4b5fd}
.chip{flex-shrink:0;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:500;background:#1f2937;color:#9ca3af;border:none;cursor:pointer}
.chip.active{background:rgba(59,130,246,.2);color:#60a5fa}
.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600}
.badge-pending{background:rgba(245,158,11,.15);color:#fbbf24}
.badge-verified{background:rgba(16,185,129,.15);color:#34d399}
.badge-rejected{background:rgba(239,68,68,.15);color:#f87171}
.badge-full{background:rgba(239,68,68,.2);color:#f87171}
.badge-ok{background:rgba(16,185,129,.15);color:#34d399}
.badge-warn{background:rgba(245,158,11,.15);color:#fbbf24}
.badge-admin{background:rgba(167,139,250,.2);color:#c4b5fd}
.badge-off{background:rgba(107,114,128,.2);color:#9ca3af}
.badge-block{background:rgba(239,68,68,.2);color:#f87171}
.step-progress{display:flex;align-items:center;justify-content:center}
.step-dot{width:10px;height:10px;border-radius:50%;background:#374151}
.step-dot.active{background:#3b82f6}
.step-dot.done{background:#10b981}
.step-line{width:40px;height:2px;background:#374151}
.step-line.done{background:#10b981}
.back-btn{width:36px;height:36px;border-radius:10px;background:#1f2937;border:1px solid #374151;color:#d1d5db;display:flex;align-items:center;justify-content:center;cursor:pointer}
.progress-track{height:6px;background:#1f2937;border-radius:99px;overflow:hidden}
.progress-fill{height:100%;border-radius:99px;transition:width .4s}
.toggle{width:44px;height:26px;background:#374151;border-radius:99px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}
.toggle.on{background:#3b82f6}
.toggle::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}
.toggle.on::after{transform:translateX(18px)}
.admin-tab-btn{flex-shrink:0;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:500;background:#1f2937;color:#9ca3af;border:none;cursor:pointer}
.admin-tab-btn.active{background:rgba(167,139,250,.2);color:#c4b5fd}
.admin-section{display:none}
.admin-section.active{display:block}
.page{animation:fadeIn .2s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.hide-scroll::-webkit-scrollbar{display:none}
.hide-scroll{-ms-overflow-style:none;scrollbar-width:none}
.modal-bg{position:fixed;inset:0;z-index:50;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.65);backdrop-filter:blur(8px)}
.modal-bg.show{display:flex}
.modal-sheet{background:#111827;width:100%;max-width:32rem;border-radius:20px 20px 0 0;padding:20px 20px 36px;border-top:1px solid #1f2937;max-height:92vh;overflow-y:auto;animation:slideUp .25s ease}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:12px}
.setting-row+.setting-row{border-top:1px solid #1f2937}
.sec-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:16px 0 8px}
.flag{font-size:20px;line-height:1}
.notif-item{background:#111827;border:1px solid #1f2937;border-radius:14px;padding:14px;margin-bottom:8px}
.notif-item.unread{border-color:rgba(59,130,246,.4);background:rgba(59,130,246,.06)}
.search-box{position:relative}
.search-box input{padding-left:40px}
.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#6b7280}
@supports(padding-bottom:env(safe-area-inset-bottom)){nav{padding-bottom:env(safe-area-inset-bottom)}}

.long-msg button{background:none;border:none;padding:0;cursor:pointer}