:root{--bg: #0b1020;--panel: #111a33;--panel2: #0f1730;--text: #eef2ff;--muted: #a6b0d4;--border: rgba(255, 255, 255, .08);--shadow: rgba(0, 0, 0, .35);--ok: #31d0aa;--warn: #f6c177;--danger: #ff5c7a}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:radial-gradient(1200px 800px at 20% 0%,#141a38,var(--bg));color:var(--text)}code{color:#c7d2fe}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);background:#111a33b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.header__left{display:flex;align-items:center;gap:12px}.title{font-weight:700;letter-spacing:.2px}.header__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.main{flex:1;padding:14px}.footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--border);color:var(--muted);background:#0b1020cc}.footer__hint{opacity:.9}.btn{background:#243057;border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:10px;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn--ghost{background:transparent}.btn--danger{background:#ff5c7a26;border-color:#ff5c7a59}.pill{font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);background:#ffffff08}.pill--ok{border-color:#31d0aa73;color:#aef2e2}.pill--warn{border-color:#f6c17773;color:#ffe1b7}.seg{display:flex;border:1px solid var(--border);border-radius:12px;overflow:hidden}.seg__btn{background:transparent;border:0;color:var(--muted);padding:8px 10px;cursor:pointer}.seg__btn--active{background:#ffffff0f;color:var(--text)}.board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px}@media(max-width:1000px){.board{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media(max-width:640px){.board{grid-template-columns:1fr}}.column{border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#111a33e6,#0f1730e6);box-shadow:0 12px 26px var(--shadow);display:flex;flex-direction:column;min-height:240px;position:relative}.column__header{padding:10px 10px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.column__title{font-weight:650}.column__body{padding:10px;flex:1}.dropzone{display:flex;flex-direction:column;gap:10px;min-height:140px}.column__droppable{position:absolute;inset:38px 0 0;border-radius:14px;pointer-events:none}.column__droppable--over{outline:2px dashed rgba(199,210,254,.6);outline-offset:-8px}.card{background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:10px;cursor:pointer;position:relative}.card:hover{background:#ffffff0d}.card__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.card__title{font-weight:600;line-height:1.25}.card__meta{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.meta{font-size:12px;color:var(--muted)}.card__due{margin-top:8px;font-size:12px;color:#c7d2fe}.priority{font-size:11px;padding:2px 7px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.priority--high{color:#ffd1d9;border-color:#ff5c7a66}.priority--medium{color:#d6e0ff;border-color:#c7d2fe40}.priority--low{color:#b7ffec;border-color:#31d0aa59}.dragHandle{position:absolute;right:8px;bottom:8px;font-size:12px;padding:3px 6px;border-radius:8px;background:#ffffff0a;border:1px solid var(--border);color:var(--muted);cursor:grab}.dragHandle:active{cursor:grabbing}.empty{padding:22px;color:var(--muted)}.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:50}.modal__backdrop{position:absolute;inset:0;background:#0000008c}.modal__card{position:relative;width:min(860px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;border:1px solid var(--border);border-radius:14px;background:#111a33f2;box-shadow:0 18px 44px #00000080}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.modal__headerActions{display:flex;gap:8px;align-items:center}.modal__title{font-weight:700}.form{padding:14px;display:grid;gap:12px}label{display:grid;gap:6px;color:var(--muted);font-size:13px}input,select,textarea{font:inherit;color:var(--text);background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:10px}textarea{min-height:90px;resize:vertical}.form__row{display:grid;gap:12px;grid-template-columns:1fr 1fr}@media(max-width:720px){.form__row{grid-template-columns:1fr}}.form__actions{display:flex;gap:10px;justify-content:flex-end}.list{max-width:1100px;margin:0 auto}.list__controls{display:flex;gap:10px;align-items:center;margin-bottom:10px}.checkbox{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px}.table{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#111a33d9}.table__head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:0;padding:10px 12px;border-bottom:1px solid var(--border);color:var(--muted);font-size:12px}.table__row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:0;padding:10px 12px;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text);text-align:left;cursor:pointer}.table__row:hover{background:#ffffff0d}.table__cell--title{font-weight:600}.toast{position:fixed;left:16px;bottom:16px;background:#111a33f2;border:1px solid var(--border);border-radius:12px;padding:10px 12px;box-shadow:0 12px 30px #00000073;z-index:80}