:root{color-scheme:dark;--navy:#101C2C;--slate:#1E3552;--accent:#2788D8;--card:#16273f;--line:#27415f;--txt:#E8EEF6;--mut:#8FA3BC;--green:#34C78C;--amber:#F2B84B;--red:#F26D6D;--violet:#9B8AFB}[data-theme=light]{color-scheme:light;--navy:#F5F7FA;--slate:#FFFFFF;--card:#FFFFFF;--line:#DCE4EE;--txt:#142238;--mut:#5A6B82}html,body,#root{height:100%}body{background:var(--navy);color:var(--txt);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}*{box-sizing:border-box;margin:0;padding:0}.app{display:flex;min-height:92vh;background:var(--navy)}.side{width:218px;background:var(--slate);padding:20px 14px;display:flex;flex-direction:column;gap:3px;flex-shrink:0;position:sticky;top:0;height:100vh;overflow:auto}.logo{font-size:19px;font-weight:800;letter-spacing:.4px;padding:4px 10px 18px;color:var(--txt)}.logo b{color:var(--accent)}.logo span{display:block;font-size:10px;color:var(--mut);letter-spacing:2.4px;font-weight:600}.nav{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:var(--mut);font-size:13.5px;text-decoration:none;cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav:hover{background:#2788d81f;color:var(--txt)}.nav.on{background:var(--accent);color:#fff;font-weight:600}.nav .dot{width:7px;height:7px;border-radius:3px;background:currentColor;opacity:.65}.userbox{margin-top:auto;display:flex;gap:10px;align-items:center;padding:10px;border-top:1px solid var(--line)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;color:#fff;flex-shrink:0}.userbox small{display:block;color:var(--mut);font-size:11px}.main{flex:1;padding:24px 28px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;flex-wrap:wrap}.topbar h1{font-size:21px;font-weight:700;color:var(--txt)}.topbar p{color:var(--mut);font-size:12.5px;margin-top:3px}.btn{background:var(--accent);color:#fff;border:none;padding:9px 16px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--mut)}.btn.danger{background:#f26d6d24;color:var(--red);border:1px solid rgba(242,109,109,.3)}.btn.sm{padding:5px 11px;font-size:12px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}.grid{display:grid;gap:14px}.cards4{grid-template-columns:repeat(4,1fr)}.cards2{grid-template-columns:1fr 1fr}.cards3{grid-template-columns:1fr 1fr 1fr}.stat .num{font-size:26px;font-weight:800;margin:5px 0 2px;color:var(--txt)}.stat .lbl{color:var(--mut);font-size:12px}.trend{font-size:11px}.bar{height:7px;background:var(--line);border-radius:4px;overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;border-radius:4px;background:var(--accent)}table{width:100%;border-collapse:collapse;font-size:12.5px}th{text-align:left;color:var(--mut);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line);font-size:10.5px;text-transform:uppercase;letter-spacing:.6px}td{padding:9px 10px;border-bottom:1px solid rgba(39,65,95,.4);color:var(--txt);vertical-align:top}.pill{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;display:inline-block;white-space:nowrap}.p-to_do{background:#2b3f5c;color:#9fc1e8}.p-in_progress{background:#31476b;color:#c9bffc}.p-completed{background:#34c78c26;color:var(--green)}.p-on_hold{background:#f2b84b26;color:var(--amber)}.p-low{background:#34c78c1f;color:var(--green)}.p-medium{background:#f2b84b26;color:var(--amber)}.p-high,.p-urgent{background:#f26d6d26;color:var(--red)}.p-not_started{background:#2b3f5c;color:#9fc1e8}.p-learning{background:#31476b;color:#c9bffc}.p-draft{background:#f2b84b26;color:var(--amber)}.p-active{background:#34c78c26;color:var(--green)}.p-archived{background:#2b3f5c;color:var(--mut)}.p-proposed{background:#2b3f5c;color:#9fc1e8}.p-in_development{background:#31476b;color:#c9bffc}.p-review{background:#f2b84b26;color:var(--amber)}.p-launched,.p-decided{background:#34c78c26;color:var(--green)}.p-implemented{background:#2788d82e;color:var(--accent)}.p-done{background:#34c78c26;color:var(--green)}.p-restricted{background:#f26d6d21;color:var(--red)}.p-shared{background:#2788d821;color:var(--accent)}.search,input,select,textarea{background:var(--navy);border:1px solid var(--line);border-radius:9px;padding:9px 13px;color:var(--txt);font-size:13px;width:100%;font-family:inherit}textarea{min-height:74px;resize:vertical}label{display:block;font-size:11.5px;color:var(--mut);margin:12px 0 5px;font-weight:600}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{padding:5px 12px;border:1px solid var(--line);border-radius:18px;font-size:12px;color:var(--mut);background:none;cursor:pointer}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#060c14a8;display:flex;align-items:center;justify-content:center;z-index:50;padding:18px}.modal{background:var(--slate);border:1px solid var(--line);border-radius:16px;padding:24px;width:560px;max-width:100%;max-height:88vh;overflow:auto}.modal h2{font-size:16px;margin-bottom:4px;color:var(--txt)}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}.kcol{background:#16273f8c;border:1px solid var(--line);border-radius:12px;padding:11px;min-height:120px}[data-theme=light] .kcol{background:#f5f7fab3}.kcol h4{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.8px;margin-bottom:9px}.kcard{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:11px;margin-bottom:9px;font-size:12.5px;cursor:pointer}.kcard:hover{border-color:var(--accent)}.mut{color:var(--mut)}.small{font-size:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.empty{color:var(--mut);text-align:center;padding:28px 10px;font-size:13px;border:1px dashed var(--line);border-radius:12px}.login-wrap{min-height:92vh;display:flex;align-items:center;justify-content:center;background:var(--navy)}.login-card{width:380px;max-width:94vw;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:36px}.err{background:#f26d6d1f;border:1px solid rgba(242,109,109,.35);color:var(--red);padding:9px 13px;border-radius:9px;font-size:12.5px;margin-top:12px}.note{background:#2788d81a;border:1px solid rgba(39,136,216,.3);color:var(--txt);padding:9px 13px;border-radius:9px;font-size:12.5px;margin-top:12px}.mob-top{display:none}@media (max-width:760px){.side{position:fixed;left:0;top:0;bottom:0;z-index:40;transform:translate(-100%);transition:transform .2s}.side.open{transform:none}.mob-top{display:flex;position:sticky;top:0;background:var(--slate);padding:10px 14px;align-items:center;gap:12px;z-index:30}.main{padding:16px}.cards4{grid-template-columns:1fr 1fr}.cards2,.cards3{grid-template-columns:1fr}.kanban{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr}.app{flex-direction:column}}.nav.active,.nav[aria-current],.nav[aria-current=page]{background:var(--accent);color:#fff;font-weight:600}.brandbox{display:inline-block;background:#fff;border-radius:10px;padding:7px 12px;margin:4px 10px 18px}.brandimg{display:block;height:34px;width:auto}.mob-top .brandimg{height:22px}.muted{color:var(--mut)}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;background:#2788d824;color:var(--accent)}.badge.danger{background:#d8505026;color:#e06c6c}.card.hover{cursor:pointer;transition:border-color .15s}.card.hover:hover{border-color:var(--accent)}.dot-on{display:inline-block;width:8px;height:8px;border-radius:4px;background:var(--accent);margin-top:5px;flex:none}.notif{cursor:pointer}.notif.unread{border-color:var(--accent)}.p-backlog{background:#8c98aa26;color:#9aa8bd}.p-under_review{background:#f2b84b26;color:var(--amber)}.kanban{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-dow{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.6px;text-align:center;padding:4px 0}.cal-day{background:#16273f8c;border:1px solid var(--line);border-radius:10px;min-height:96px;padding:6px;font-size:11px}[data-theme=light] .cal-day{background:#f5f7fab3}.cal-day.off{background:none;border-style:dashed;opacity:.4}.cal-day.today{border-color:var(--accent)}.cal-num{font-weight:600;color:var(--mut);margin-bottom:4px}.cal-task{background:#2788d829;border:1px solid rgba(39,136,216,.35);border-radius:6px;padding:2px 6px;margin-bottom:3px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-task.late{background:#f26d6d24;border-color:#f26d6d66;color:var(--red)}@media (max-width:700px){.cal-day{min-height:64px}.cal-task{font-size:10px}}.cal-day{min-width:0;overflow:hidden}@media (max-width:700px){.cal{gap:3px}.cal-day{padding:4px;border-radius:7px}}.p-not_started{background:#8c98aa26;color:#9aa8bd}.p-draft{background:#2b3f5c;color:#9fc1e8}.p-approved{background:#34c78c26;color:var(--green)}.p-published{background:#34c78c38;color:var(--green)}.p-archived{background:#8c98aa26;color:#9aa8bd}.mentor{--accent:#8b7ff0}.mentor .nav.on,.mentor .nav:hover{border-left-color:var(--accent)}.mentor-tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-top:4px;font-weight:600}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:6px;flex:none}.notif-dot.read{background:var(--line)}.ok{background:#34c77b1f;border:1px solid rgba(52,199,123,.35);color:var(--green);padding:9px 12px;border-radius:8px;font-size:13px;margin-bottom:12px}