/* MoldedMedia Development Platform v1.0 */
:root{--bg:#08131f;--panel:#10263d;--panel2:#173653;--border:#2c5778;--accent:#28c8ff;--ok:#39d353;--warn:#ffd24d;--text:#eaf4ff;--muted:#9fb8cb;}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:16px/1.4 Segoe UI,Arial,sans-serif}body{display:flex;flex-direction:column}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#0c1c2d;border-bottom:2px solid var(--accent)}
.logo{font-size:1.4rem;font-weight:700;color:var(--accent)}.title{font-size:1.2rem;font-weight:600}.status{display:flex;align-items:center;gap:.5rem}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}.version{color:var(--warn)}
main{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px}
.panel{background:linear-gradient(var(--panel),var(--panel2));border:1px solid var(--border);border-radius:10px;padding:16px}
.panel h2{margin:0 0 14px;color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:8px}
.actions{display:grid;gap:12px}
button{padding:12px;background:#143754;color:var(--text);border:1px solid var(--accent);border-radius:6px;cursor:pointer}
button:hover{background:#1c4d73}
.card,.activity-item{background:rgba(255,255,255,.03);border-left:4px solid var(--accent);margin-bottom:10px;padding:10px;border-radius:4px}
.activity{grid-column:1/-1}
footer{text-align:center;color:var(--muted);padding:10px;border-top:1px solid var(--border)}
.modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.65)}.hidden{display:none}
.modal-window{width:min(92vw,560px);background:#10263d;border:2px solid var(--accent);border-radius:10px;padding:20px}
label{display:block;margin:12px 0}input,select,textarea{width:100%;margin-top:6px;padding:10px;background:#08131f;color:var(--text);border:1px solid var(--border);border-radius:6px}
.modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
@media(max-width:900px){header{flex-direction:column;gap:8px;text-align:center}main{grid-template-columns:1fr;padding:12px;gap:12px}.activity{grid-column:auto}button{padding:14px}}
