:root { --bg:#0f172a; --card:#111827; --accent:#22d3ee; --good:#22c55e; --warn:#f59e0b; --bad:#ef4444; --text:#e5e7eb; }
*{box-sizing:border-box}
body { margin:0; font-family: ui-rounded, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; background:var(--bg); color:var(--text); }
a{color:var(--accent);text-decoration:none}
.container { max-width: 1100px; margin: 0 auto; padding: 24px; }
.card { background: var(--card); border:1px solid #1f2937; border-radius: 18px; padding: 18px; box-shadow: 0 6px 24px rgba(0,0,0,.35); }
.row { display:flex; gap:16px; flex-wrap:wrap }
.col { flex:1 1 300px }
h1,h2,h3{margin:0 0 12px}
h1 { font-size: 28px }
h2 { font-size: 22px }
.big { font-size: 40px; font-weight: 800; letter-spacing: .5px }
.btn { display:inline-block; background: var(--accent); color:#001018; padding: 14px 18px; border-radius: 14px; font-weight:700; border:none; cursor:pointer; }
.btn.secondary { background:#334155; color:#e5e7eb }
.btn.warn { background:var(--warn); color:#1f1600 }
.btn.danger { background:var(--bad); color:#2b0a0a }
input,select { width: 100%; padding: 12px 14px; border-radius: 12px; border:1px solid #334155; background:#0b1220; color:var(--text); }
label{font-size:12px; opacity:.8}
.form-row{display:grid; grid-template-columns: 1fr 1fr; gap:12px}
nav { display:flex; gap:8px; flex-wrap: wrap; }
.icon { width: 40px; height: 40px; border-radius: 12px; display:grid; place-items:center; font-size:22px; background:#0b1220; border:1px solid #334155 }
.store { display:flex; align-items:center; gap:10px; padding:8px; border-radius:12px; border:1px dashed #334155 }
.badge { padding:6px 10px; border-radius:999px; background:#0b1220; border:1px solid #334155; font-weight:700 }
.table { width:100%; border-collapse: collapse; }
.table th,.table td { border-bottom: 1px solid #1f2937; padding: 10px; text-align:left }
.center{text-align:center}
.right{text-align:right}
.small{font-size:12px; opacity:.8}
.success{color:var(--good)}