:root{--bg:#f6f7fb;--surface:#fff;--sidebar:#182235;--accent:#6d28d9;--text:#111827;--muted:#687386;--border:#dfe3ea;--danger:#b91c1c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,sans-serif}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--sidebar);color:#cbd5e1;padding-bottom:20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:20px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent);color:#fff;font-size:20px;font-weight:800}.brand strong,.brand span{display:block}.brand strong{color:#fff}.brand div span{font-size:12px}.sidebar nav{padding:8px 14px;flex:1}.sidebar nav p{margin:20px 10px 6px;font-size:11px;text-transform:uppercase;color:#728097}.sidebar nav a{display:block;color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:8px}.sidebar nav a.active,.sidebar nav a:hover{background:#29364c;color:#fff}.logout{margin:0 20px}main{flex:1;padding:32px 40px;max-width:1400px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1,h2,p{margin-top:0}header p,.muted{color:var(--muted)}button{border:0;border-radius:8px;background:var(--accent);color:#fff;padding:10px 16px;font-weight:700;cursor:pointer}.secondary,.link{background:transparent;border:1px solid #536076}.workspace{display:grid;grid-template-columns:minmax(360px,1fr) minmax(380px,520px);gap:24px}.cards{display:grid;gap:12px}.card,.editor,.login-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 18px #1822350d}.card{padding:18px;cursor:pointer}.card:hover{border-color:#a78bfa}.card-head{display:flex;justify-content:space-between}.pill{background:#ecfdf5;color:#047857;padding:3px 8px;border-radius:999px;font-size:12px}.settings{display:flex;gap:18px;color:var(--muted);margin-top:12px}.editor{padding:22px;position:sticky;top:24px}.editor-head{display:flex;justify-content:space-between}.editor .link{color:var(--muted);border:0;padding:0}label{display:grid;gap:6px;margin-bottom:14px;font-weight:600}input{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px;background:#fff;font:inherit}.columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}fieldset{border:1px solid var(--border);border-radius:10px;margin:18px 0;padding:14px}legend{font-weight:800}.check{display:flex;grid-template-columns:18px 1fr;align-items:center}.check input{width:auto}.notice{padding:12px 16px;border-radius:8px;background:#ede9fe;margin-bottom:18px}.notice.error{background:#fee2e2;color:var(--danger)}.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,calc(100% - 32px));padding:28px}.login-card .brand{padding:0 0 24px}.login-card .brand strong{color:var(--text)}#message{margin-top:14px;color:var(--danger)}@media(max-width:900px){.sidebar{width:190px}.workspace{grid-template-columns:1fr}main{padding:24px}.editor{position:static}}
.brand-logo{width:36px;height:36px;display:block;flex:0 0 auto}
.platform-admin-controls{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ede9fe;border:1px solid #c4b5fd;border-radius:10px}.platform-admin-controls span{color:#5b21b6;font-size:12px;font-weight:800;text-transform:uppercase}.platform-admin-controls select{width:auto;min-width:180px}.platform-admin-controls a{color:#5b21b6;font-weight:700;text-decoration:none;white-space:nowrap}

.filter-bar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:18px}.filter-bar label{min-width:180px;flex:1}.filter-bar button{width:auto;min-height:40px}.filter-bar .secondary{color:var(--muted);border-color:var(--border)}select{width:100%;border:1px solid var(--border);border-radius:8px;padding:9px;background:#fff;font:inherit}.activity-list{display:grid;gap:12px}.activity-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.activity-card h2{margin:0;font-size:17px}.activity-card p{margin:14px 0}.changes{display:grid;gap:6px;margin:12px 0}.changes div{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:12px;padding:8px 10px;background:#f8fafc;border-radius:8px}.changes dt{font-weight:700}.changes dd{margin:0;overflow-wrap:anywhere}.activity-card small{display:block;margin-top:14px}

.task-editor{position:fixed;right:32px;top:32px;z-index:10;width:min(520px,calc(100vw - 64px));max-height:calc(100vh - 64px);overflow:auto}.task-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.task-actions span{margin-right:auto;font-weight:700}.task-actions select{width:auto;min-width:180px}.task-actions button{padding:7px 12px}.priority-urgent{background:#fee2e2;color:#b91c1c}.priority-high{background:#ffedd5;color:#c2410c}.notification.unread{border-left:4px solid var(--accent);cursor:pointer}.toasts{position:fixed;right:24px;bottom:24px;display:grid;gap:10px;z-index:20}.toast{display:grid;gap:4px;width:min(360px,calc(100vw - 48px));padding:14px 16px;border-radius:10px;background:#182235;color:white;box-shadow:0 8px 30px #0004}.toast span{color:#cbd5e1}