:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--bg-main: #f8fafc;--bg-card: #ffffff;--bg-column: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--primary: #6366f1;--primary-hover: #4f46e5;--border: #e2e8f0;--low-bg: #f0fdf4;--low-border: #bbf7d0;--low-accent: #16a34a;--medium-bg: #fffbeb;--medium-border: #fef3c7;--medium-accent: #d97706;--high-bg: #fff7ed;--high-border: #ffedd5;--high-accent: #ea580c;--critical-bg: #fef2f2;--critical-border: #fee2e2;--critical-accent: #dc2626;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.board-page{padding:24px;max-width:1700px;margin:0 auto}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.top-bar h1{font-size:1.75rem;font-weight:800;letter-spacing:-.025em;color:#0f172a}.stats{display:flex;gap:12px}.stats div{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 20px;box-shadow:var(--shadow-sm)}.stats span{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);display:block;margin-bottom:2px}.stats strong{font-size:1.5rem;font-weight:800}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border)}.filters select,.filters button{font-family:inherit;font-size:.875rem;padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:pointer;transition:all .2s;font-weight:500}.filters button{background:#f1f5f9;border:none}.filters button:hover{background:#e2e8f0}.board-layout{display:grid;grid-template-columns:1fr 400px;gap:24px;align-items:start}.columns{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.column{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px;min-height:85vh}.column h2{font-size:.875rem;font-weight:700;color:#475569;text-transform:uppercase;margin-bottom:20px;display:flex;justify-content:space-between}.column h2 small{background:#e2e8f0;color:#1e293b;padding:2px 10px;border-radius:20px}.cards{display:flex;flex-direction:column;gap:12px}.card{padding:16px;border-radius:12px;border-width:1px;border-style:solid;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.card.selected{outline:3px solid var(--primary);outline-offset:1px}.card-low{background:var(--low-bg);border-color:var(--low-border)}.card-medium{background:var(--medium-bg);border-color:var(--medium-border)}.card-high{background:var(--high-bg);border-color:var(--high-border)}.card-critical{background:var(--critical-bg);border-color:var(--critical-border)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-category{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:#1e293b;text-transform:uppercase}.card-icon{width:18px;height:18px;opacity:.7}.card-status-badge{font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:99px;background:#ffffff80;border:1px solid rgba(0,0,0,.05)}.card h4{font-size:.9375rem;font-weight:700;line-height:1.4;margin-bottom:8px;color:#0f172a}.card-description{font-size:.8125rem;color:#475569;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;color:#64748b}.card-assignee{display:flex;align-items:center;gap:6px}.avatar-circle{width:20px;height:20px;border-radius:50%;background:#cbd5e1;display:grid;place-items:center;font-size:10px;color:#fff;font-weight:700}.details{background:#fff;border-radius:20px;border:1px solid var(--border);padding:32px;position:sticky;top:24px;box-shadow:var(--shadow-lg);max-height:calc(100vh - 48px);overflow-y:auto}.details h3{font-size:1.5rem;font-weight:800;margin-bottom:24px}.details-image{width:100%;border-radius:16px;margin-bottom:24px;box-shadow:var(--shadow-md)}.detail-item{margin-bottom:20px}.detail-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px;display:block}.detail-content{font-size:1rem;color:#1e293b;font-weight:500}.details pre{background:#f1f5f9;padding:16px;border-radius:12px;font-size:.8125rem;margin-top:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.875rem;font-weight:700;margin-bottom:8px}.form-group select,.form-group input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:12px;font-size:.9375rem}.details-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.btn{padding:12px 20px;border-radius:12px;font-weight:700;cursor:pointer;border:1px solid var(--border);transition:all .2s}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover{background:var(--primary-hover)}.empty-state{text-align:center;padding:60px 20px;color:#94a3b8}@media (max-width: 1400px){.board-layout{grid-template-columns:1fr}.columns{grid-template-columns:repeat(2,1fr)}.details{position:static;margin-top:32px}}@media (max-width: 768px){.columns{grid-template-columns:1fr}}