:root{--bg: #f4f6fb;--panel: #ffffff;--line: #dfe4ef;--text: #1b2438;--muted: #6d7890;--brand: #2f6bff;--danger: #d44545}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,sans-serif;color:var(--text);background:radial-gradient(circle at top left,#ebf0ff,#f9fbff 40%,#f3f6fb)}button,input,textarea,select{font:inherit}.auth-layout{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(430px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;display:grid;gap:10px}.auth-card h1{margin:0}.app{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);background:var(--panel)}.top-right{display:flex;gap:12px;align-items:center}.role-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;margin-left:6px;border:1px solid transparent}.role-normal{background:#e8f0ff;color:#1f56c2;border-color:#c9dafd}.role-tsar{background:#2f6bff;color:#fff;border-color:#2f6bff}.tabs{padding:12px 24px 0;display:flex;gap:8px}.tab{background:#eaf0ff;color:#224893}.tab.active{background:var(--brand);color:#fff}.create-panel{margin:12px 24px;padding:16px;background:var(--panel);border-radius:12px;border:1px solid var(--line)}.task-form{display:grid;gap:8px}input,textarea,select{border:1px solid var(--line);border-radius:8px;padding:10px}textarea{min-height:72px;resize:vertical}select[multiple]{min-height:80px}button{border:none;border-radius:8px;padding:9px 12px;background:var(--brand);color:#fff;cursor:pointer}button.ghost{background:#eef3ff;color:#2e4a8f}button.danger{background:#ffeaea;color:var(--danger)}.row{display:flex;gap:8px;align-items:center}.board{padding:0 24px 24px;display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px}.column{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-height:300px;display:flex;flex-direction:column}.column-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.column-body{padding:10px;display:grid;gap:10px}.task-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}.task-top{display:flex;justify-content:space-between;gap:8px}.task-top h4{margin:0 0 8px}.author{color:var(--muted);font-size:12px}.desc,.due{margin:6px 0;color:#32405e;font-size:14px}.card-footer{margin-top:10px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.actions{display:flex;gap:6px}.manage-list{display:grid;gap:8px}.manage-item{border:1px solid var(--line);border-radius:8px;padding:8px;display:flex;justify-content:space-between;align-items:center}.error{margin-top:8px;background:#fff0f0;border:1px solid #f1c8c8;color:#8b2a2a;border-radius:8px;padding:8px 10px}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#14182373;display:grid;place-items:center;padding:16px}.modal{width:min(760px,95vw);max-height:86vh;overflow:auto;background:#fff;border-radius:12px;border:1px solid var(--line);padding:16px}.link-btn{background:transparent;border:none;color:#2453bf;padding:0;cursor:pointer;text-decoration:underline}.link-btn:hover{color:#163b91}.compact-picker{display:grid;gap:6px}.compact-input{height:38px}.compact-dropdown{border:1px solid var(--line);border-radius:10px;background:#fff;max-height:170px;overflow:auto;padding:6px;display:grid;gap:4px}.compact-option{background:#f8faff;color:#20365e;text-align:left;border:1px solid #e1e8f7;border-radius:8px;padding:7px 9px}.compact-option.active{background:#eaf0ff;border-color:#bfd2ff;color:#1f4fb0}.compact-empty{color:#7f8aa3;padding:8px;font-size:14px}.picked-row{min-height:28px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.picked-empty{color:#758099;font-size:13px}.picked-chip{background:#eef3ff;color:#1f4fb0;border:1px solid #c9dafd;border-radius:999px;padding:3px 10px;font-size:12px}@media (max-width: 980px){.topbar{padding:14px;flex-direction:column;align-items:flex-start;gap:10px}.topbar h2{margin:0;font-size:22px}.top-right{width:100%;justify-content:space-between}.tabs{padding:10px 14px 0}.create-panel{margin:10px 14px;padding:12px}.board{padding:0 14px 14px;grid-template-columns:1fr}.manage-item{flex-direction:column;gap:8px;align-items:flex-start}.row{flex-wrap:wrap}.row>*{flex:1 1 100%}input,textarea,select,button{min-height:40px}.task-top{flex-direction:column;align-items:flex-start;gap:4px}.card-footer{flex-direction:column;align-items:flex-start;gap:8px}.actions{width:100%}.actions button{flex:1}}@media (max-width: 640px){.auth-card{width:calc(100vw - 20px);padding:14px;border-radius:12px}.tab{min-height:38px;padding:8px 10px}.modal-wrap{padding:8px}.modal{width:100%;max-height:90vh;border-radius:10px;padding:12px}.compact-dropdown{max-height:210px}.picked-chip{font-size:11px;padding:3px 8px}}