:root{--bg:#090909;--panel:#121212;--line:#2a2a2a;--txt:#f4f4f4;--muted:#929292;--orange:#ff6a00;--green:#21c063}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font-family:Inter,system-ui,Arial,sans-serif}button,input,select,textarea{font:inherit}.wrap{max-width:1200px;margin:auto;padding:28px}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.logo{width:190px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:18px}.login{max-width:430px;margin:80px auto}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field label{font-size:12px;color:#aaa;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.field input,.field select,.field textarea{width:100%;border:1px solid #303030;border-radius:10px;background:#0b0b0b;color:#fff;padding:12px}.field textarea{min-height:110px;resize:vertical}.btn{border:0;border-radius:10px;padding:12px 15px;font-weight:900;cursor:pointer}.orange{background:var(--orange);color:#090909}.dark{background:#222;color:#fff}.danger{background:#4b1717;color:#ffb0b0}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.boards{display:grid;gap:10px}.item{display:grid;grid-template-columns:80px 1fr auto;gap:15px;align-items:center;border:1px solid #262626;border-radius:14px;padding:12px}.item img{width:80px;height:80px;object-fit:contain;background:#0a0a0a;border-radius:10px}.item h3{margin:0 0 4px;text-transform:uppercase}.sub{color:var(--muted);font-size:13px}.tag{display:inline-block;padding:4px 7px;border-radius:999px;background:#222;font-size:10px;margin-top:6px}.modal{position:fixed;inset:0;background:#000c;z-index:50;display:none;overflow:auto;padding:30px}.modal.open{display:block}.modal-box{max-width:820px;margin:auto;background:#111;border:1px solid #333;border-radius:20px;padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:center}.previews{display:flex;gap:10px;flex-wrap:wrap}.preview{position:relative;width:110px}.preview img{width:110px;height:110px;object-fit:cover;border-radius:10px;background:#000}.preview button{position:absolute;top:4px;right:4px;border:0;border-radius:999px;background:#000c;color:#fff;width:27px;height:27px;cursor:pointer}.hint{border:1px dashed #3b3b3b;padding:14px;border-radius:10px;color:#999;font-size:12px;line-height:1.5}.toast{position:fixed;right:20px;bottom:20px;background:#222;border:1px solid #444;padding:13px 16px;border-radius:10px;display:none}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{background:#0e0e0e;border:1px solid #282828;border-radius:14px;padding:18px}.stat b{display:block;font-size:28px;color:var(--orange)}@media(max-width:700px){.wrap{padding:14px}.row,.stats{grid-template-columns:1fr}.item{grid-template-columns:64px 1fr}.item img{width:64px;height:64px}.item .toolbar{grid-column:1/-1}.top{align-items:flex-start;flex-direction:column}.modal{padding:10px}.modal-box{padding:16px}}

/* Hidro Force visual refresh */
:root{--bg:#eef7ff;--panel:#fff;--line:#d8e8f4;--txt:#082b60;--muted:#6c8198;--orange:#ffc400;--green:#12bf55;--blue:#075aaa}
body{background:linear-gradient(180deg,#edf8ff,#f9fdff);color:var(--txt)}
.wrap{max-width:1180px}.logo{width:170px;height:74px;object-fit:contain}.panel{background:#fff;border-color:var(--line);box-shadow:0 12px 30px rgba(3,43,92,.08)}
.field label{color:#587089}.field input,.field select,.field textarea{background:#f8fcff;color:#082b60;border-color:#cfe2f1}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #8ac7f6;border-color:#48a4ea}.orange{background:var(--orange);color:#082b60}.dark{background:#075aaa;color:#fff}.danger{background:#ffe8e8;color:#9e2020}.item{border-color:#dbeaf6;background:#fbfdff}.item img{background:#edf7ff}.tag{background:#e8f4fd;color:#3d6487}.modal{background:#052b67cc}.modal-box{background:#fff;border-color:#cfe2f1}.hint{border-color:#b8d5e9;color:#607b92;background:#f7fbfe}.toast{background:#063d80;color:#fff;border-color:#0a62bd}.stat{background:#fff;border-color:#dbeaf6}.stat b{color:#075aaa}
@media(max-width:700px){.login{margin:30px auto}.logo{width:145px;height:64px}.panel{border-radius:15px}.btn{min-height:44px}.modal{padding:7px}.modal-box{border-radius:15px}.previews{gap:8px}.preview,.preview img{width:92px;height:92px}}