/* Minimal, clean layout */
:root{ --bg:#0f172a; --card:#111827; --muted:#9ca3af; --text:#e5e7eb; --brand:#60a5fa; --ok:#10b981; --warn:#f59e0b; --danger:#ef4444;}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,Segoe UI,Roboto}
a{color:var(--brand);text-decoration:none}
.wrap{max-width:960px;margin:0 auto;padding:24px}
.card{background:var(--card);border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.row{display:flex;gap:16px;flex-wrap:wrap}
.col{flex:1;min-width:280px}
input,select,textarea{width:100%;padding:10px;border:1px solid #222;border-radius:10px;background:#0b1220;color:var(--text)}
button{padding:10px 14px;border:0;border-radius:10px;background:var(--brand);color:#051525;font-weight:700;cursor:pointer}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid #222;text-align:left}
.badge{padding:4px 8px;border-radius:999px;font-size:12px}
.badge.open{background:rgba(96,165,250,.2);color:#93c5fd}
.badge.pending{background:rgba(245,158,11,.2);color:#fbbf24}
.badge.closed{background:rgba(239,68,68,.2);color:#fca5a5}
.flash{margin-bottom:12px;padding:10px;border-left:4px solid var(--brand);background:#0b1220;border-radius:8px}
nav{display:flex;gap:12px;margin-bottom:16px}
nav a{padding:8px 12px;background:#0b1220;border-radius:10px}
h1,h2{margin:0 0 12px}
small.muted{color:var(--muted)}