:root{--card:#111319;--text:#e8ecf1;--ring:rgba(255,54,94,.35)}*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#0b0c10;color:var(--text);font:16px/1.5 system-ui,Segoe UI,Roboto}
a{color:#ff365e;text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1000px;margin:90px auto 40px;padding:0 16px}
.topbar{position:fixed;left:0;right:0;top:0;display:flex;justify-content:space-between;padding:14px 16px;background:#151821}
.topbar nav a{margin-left:12px;padding:8px 10px;border-radius:10px;background:#171a22;border:1px solid #23283a}
.card{background:#111319;border:1px solid #202535;border-radius:14px;padding:16px;margin-bottom:12px}
.form-row{display:flex;gap:12px;flex-wrap:wrap}.input{display:flex;flex-direction:column;flex:1 1 260px}
.input input,.input select,.input textarea{padding:10px;border:1px solid #2a3146;background:#0f121b;color:#e8ecf1;border-radius:10px}
.actions{display:flex;gap:8px}.btn{border:1px solid #2a3146;background:#171a22;color:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}
.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{background:#0f121b;border:1px solid #1b2131;border-radius:10px;min-height:100px;padding:8px}
.badge{display:inline-block;border-radius:999px;padding:2px 8px;border:1px solid #28314a;background:#131827;font-size:12px;margin-right:4px}
.event{padding:6px 8px;border-radius:10px;background:#171a22;border:1px solid #26324a;margin-bottom:6px}.t{font-weight:600}
.kpi{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:6px 10px;border:1px solid #243049;border-radius:999px;background:#111826}
.timeline .row{display:flex;gap:10px;align-items:center;margin-bottom:6px}.timeline .time{min-width:70px;opacity:.9}
.tag{font-size:12px;border:1px solid #2a3146;border-radius:999px;padding:2px 6px;opacity:.85;display:inline-block;margin-top:4px}