/* WebMarket Classic – minimal ren UI */
:root { --bg:#0b0d10; --card:#161a20; --muted:#8b96a7; --text:#e6edf3; --accent:#3b82f6; --danger:#ef4444; --ok:#10b981; --line:#242a32; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:16px}
.topbar{background:#0f1319;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.topbar .brand{font-weight:700}
.topbar nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.user{opacity:.8}
main .notice{padding:12px 14px;border-radius:10px;margin:12px 0;background:#142;display:block}
.notice.ok{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.4)}
.notice.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.4)}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin:14px 0;box-shadow:0 1px 0 rgba(0,0,0,.2)}
h1,h2,h3{margin:0 0 12px}
.small{font-size:.9rem} .muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.card.link{display:block} .card.link:hover{outline:2px solid var(--line)}
.cover{width:100%;max-height:320px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.thumb{width:100%;height:140px;object-fit:cover;border-radius:10px;margin:6px 0;border:1px solid var(--line)}
form label{display:block;margin:10px 0 4px;font-weight:600}
input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],select,textarea{
  width:100%;padding:10px 12px;border-radius:10px;background:#0f1319;border:1px solid #2a3441;color:var(--text)
}
textarea{resize:vertical}
button{appearance:none;border:none;background:var(--accent);color:#fff;font-weight:700;padding:10px 14px;border-radius:10px;cursor:pointer}
button:hover{filter:brightness(1.05)}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left}
.checkbox{display:flex;align-items:center;gap:8px;font-weight:600}
footer{opacity:.7;margin:18px auto}