:root{--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", monospace;--azure-blue:#0078d4;--azure-blue-hover:#106ebe;--azure-blue-light:#2b88d8;--azure-blue-subtle:#0078d41f;--azure-blue-glow:#0078d459;--epic-color:#ff7b00;--epic-bg:#ff7b0026;--feature-color:#773adc;--feature-bg:#773adc26;--story-color:#0078d4;--story-bg:#0078d426;--task-color:#f2c80f;--task-bg:#f2c80f26;--bug-color:#cc293d;--bug-bg:#cc293d26;--issue-color:#b146c2;--issue-bg:#b146c226;--priority-critical:#e81123;--priority-high:#ff8c00;--priority-medium:#f2c80f;--priority-low:#107c41;--status-new:#0078d4;--status-active:#0099bc;--status-resolved:#107c41;--status-closed:#5c626b;--success:#107c41;--warning:#d83b01;--danger:#a80000;--info:#0078d4;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1)}body.theme-dark{--bg-app:#12161f;--bg-sidebar:#181d28;--bg-header:#1b212e;--bg-surface:#202636;--bg-surface-elevated:#283044;--bg-card:#252c3d;--bg-card-hover:#2e364b;--bg-input:#1a202d;--bg-column:#191f2b;--bg-column-header:#1e2534;--bg-modal-overlay:#080a0fbf;--border-subtle:#293245;--border-normal:#354058;--border-focus:#0078d4;--text-primary:#f0f4fc;--text-secondary:#9da8be;--text-muted:#6b778e;--text-inverse:#0f131a;--card-shadow:0 4px 14px #00000059;--card-shadow-hover:0 8px 24px #00000080, 0 0 0 1px #0078d466;--dropdown-shadow:0 12px 32px #0000008c, 0 0 0 1px #354058;--glass-bg:#202636d9;--glass-border:#ffffff14}body.theme-light{--bg-app:#f3f5f9;--bg-sidebar:#fff;--bg-header:#fff;--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-card:#fff;--bg-card-hover:#f8faff;--bg-input:#f0f3f8;--bg-column:#eef2f7;--bg-column-header:#e6ecf4;--bg-modal-overlay:#0f172a80;--border-subtle:#e2e8f0;--border-normal:#cbd5e1;--border-focus:#0078d4;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--card-shadow:0 2px 8px #0000000f;--card-shadow-hover:0 8px 20px #0078d426, 0 0 0 1px #0078d44d;--dropdown-shadow:0 10px 25px #0000001f, 0 0 0 1px #cbd5e1;--glass-bg:#ffffffe6;--glass-border:#0000000f}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-normal);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{background-color:var(--bg-app);width:100vw;height:100vh;display:flex;overflow:hidden}.main-content-area{flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow:hidden}.view-viewport{flex-direction:column;flex:1;padding:18px 24px;display:flex;position:relative;overflow:hidden auto}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}button{cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;outline:none;justify-content:center;align-items:center;gap:6px;font-family:inherit;display:inline-flex}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--azure-blue);color:#fff;border-radius:var(--radius-sm);box-shadow:0 2px 6px var(--azure-blue-glow);padding:7px 14px;font-size:13px;font-weight:500}.btn-primary:hover:not(:disabled){background:var(--azure-blue-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-normal);border-radius:var(--radius-sm);padding:7px 14px;font-size:13px;font-weight:500}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-elevated);border-color:var(--azure-blue);color:var(--azure-blue-light)}.btn-subtle{color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;padding:6px 10px;font-size:13px}.btn-subtle:hover:not(:disabled){background:var(--bg-surface-elevated);color:var(--text-primary)}.btn-danger{background:var(--bug-bg);color:#f56;border-radius:var(--radius-sm);border:1px solid #cc293d66;padding:7px 14px;font-size:13px;font-weight:500}.btn-danger:hover:not(:disabled){background:#cc293d40;border-color:#f56}input,select,textarea{background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:7px 12px;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--azure-blue-subtle)}.badge{border-radius:var(--radius-xs);align-items:center;gap:5px;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.3;display:inline-flex}.badge-epic{background:var(--epic-bg);color:var(--epic-color);border:1px solid #ff7b004d}.badge-feature{background:var(--feature-bg);color:var(--feature-color);border:1px solid #773adc4d}.badge-story{background:var(--story-bg);color:var(--story-color);border:1px solid #0078d44d}.badge-task{background:var(--task-bg);color:var(--task-color);border:1px solid #f2c80f4d}.badge-bug{background:var(--bug-bg);color:var(--bug-color);border:1px solid #cc293d4d}.badge-issue{background:var(--issue-bg);color:var(--issue-color);border:1px solid #b146c24d}.prio-1{color:var(--priority-critical);font-weight:700}.prio-2{color:var(--priority-high);font-weight:600}.prio-3{color:var(--priority-medium);font-weight:500}.prio-4{color:var(--priority-low);font-weight:500}.status-pill{border-radius:var(--radius-full);align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-new{color:#2b88d8;background:#0078d426;border:1px solid #0078d44d}.status-active{color:#00b4db;background:#0099bc26;border:1px solid #0099bc4d}.status-resolved{color:#2ecc71;background:#107c4126;border:1px solid #107c414d}.status-closed{color:#a0aec0;background:#6b778e2e;border:1px solid #6b778e4d}.avatar{border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:inline-flex;position:relative;box-shadow:0 1px 3px #0003}.avatar-lg{width:38px;height:38px;font-size:14px}.avatar-xl{width:52px;height:52px;font-size:18px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #0078d466}50%{box-shadow:0 0 0 8px #0078d400}}.animate-fade-in{animation:.25s ease-out forwards fadeIn}.animate-slide-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight}.drag-ghost{opacity:.4;transform:scale(.98)}.drag-over-lane{border:2px dashed var(--azure-blue)!important;background-color:#0078d414!important}.modal-overlay{background-color:var(--bg-modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:960px;max-height:90vh;animation:.2s ease-out fadeIn;display:flex;overflow:hidden;box-shadow:0 20px 45px #00000080}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast-item{pointer-events:auto;background:var(--bg-surface-elevated);border:1px solid var(--border-normal);min-width:280px;color:var(--text-primary);border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 16px;font-size:13px;animation:.25s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;box-shadow:0 8px 24px #00000059}
