:root { --bg:#0b1220; --fg:#e6edf3; --card:#111a2b; --muted:#9aa7b4; --accent:#7aa2f7; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
header{padding:16px;background:#0d1526;border-bottom:1px solid #1b2741} header h1,header a{margin:0;color:var(--fg);text-decoration:none}
main{padding:24px;max-width:900px;margin:0 auto} .tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{background:var(--card);border:1px solid #1b2741;padding:16px;border-radius:14px;display:block;color:var(--fg);text-decoration:none;transition:transform .12s ease,border-color .12s ease}
.card:hover{transform:translateY(-2px);border-color:#2a3a64} .container{background:var(--card);border:1px solid #1b2741;padding:16px;border-radius:14px}
.field{margin:12px 0;display:flex;flex-direction:column;gap:6px} label{color:var(--muted);font-size:14px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
input,select,button{padding:10px 12px;border-radius:10px;border:1px solid #2a3a64;background:#0c1730;color:#e6edf3} 
input[type=datetime-local]{appearance:auto;-webkit-appearance:auto}
button,.btn{background:linear-gradient(180deg,#3b82f6,#2563eb);border:none;color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
.actions{margin-top:16px}
.muted{color:#9aa7b4;font-size:12px}