:root { --bg:#10151c; --card:#1d2430; --ink:#eaf0f7; --muted:#9cb0c3; --line:#2f3d4d; --accent:#72d19d; }
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#10151c,#121b24);color:var(--ink);font-family:"Segoe UI",sans-serif}
.app{max-width:860px;margin:0 auto;padding:1rem}
.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem;margin-bottom:1rem}
.grid{display:grid;grid-template-columns:1fr;gap:.65rem}
label{display:grid;gap:.3rem}
input,select,textarea,button{font:inherit;border-radius:8px}
input,select,textarea{background:#111821;color:var(--ink);border:1px solid var(--line);padding:.7rem}
button{border:0;background:var(--accent);color:#092114;padding:.75rem .85rem;font-weight:700}
.row{display:flex;flex-wrap:wrap;gap:.5rem}.row button{flex:1}
.danger{background:#e27b7b}
.tabs{display:flex;gap:.5rem;margin-bottom:.7rem}.tab{background:#324255;color:#d7e5f3}.tab.active{background:#72d19d;color:#092114}
ul{list-style:none;padding:0;margin:.7rem 0 0}li{border:1px solid var(--line);border-radius:8px;padding:.6rem;margin-bottom:.5rem}
small{color:var(--muted)}
.hidden{display:none}
@media(min-width:720px){.grid{grid-template-columns:1fr 1fr}label:has(textarea){grid-column:span 2}}