:root,[data-theme=light]{--bg-primary:#f9fafb;--bg-secondary:#f3f4f6;--surface:#fff;--card-bg:#fff;--muted:#6b7280;--text:#111827;--text-secondary:#6b7280;--border:#e5e7eb;--border-hover:#d1d5db;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--success:#059669;--danger:#dc2626;--warning:#d97706;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--gradient-start:#4f46e5;--gradient-end:#7c3aed;--modal-backdrop:rgba(17,24,39,.75);--column-bg:#f9fafb;--hover-bg:#f3f4f6}[data-theme=dark]{--bg-primary:#111827;--bg-secondary:#1f2937;--surface:#1f2937;--card-bg:#1f2937;--muted:#9ca3af;--text:#f9fafb;--text-secondary:#9ca3af;--border:#374151;--border-hover:#4b5563;--primary:#6366f1;--primary-hover:#818cf8;--primary-light:#312e81;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.5);--shadow-md:0 4px 6px -1px rgba(0,0,0,.6),0 2px 4px -2px rgba(0,0,0,.6);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.7),0 4px 6px -4px rgba(0,0,0,.7);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.8),0 8px 10px -6px rgba(0,0,0,.8);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.9);--gradient-start:#6366f1;--gradient-end:#8b5cf6;--modal-backdrop:rgba(0,0,0,.8);--column-bg:#1f2937;--hover-bg:#374151}*{box-sizing:border-box}body,html{overflow-x:hidden;width:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga","kern";line-height:1.6;transition:background-color .3s ease,color .3s ease;position:relative}input,select,textarea{padding:11px 16px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;background:var(--surface);color:var(--text);line-height:1.5}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light),0 1px 2px 0 rgba(0,0,0,.05)}input:hover,select:hover,textarea:hover{border-color:var(--border-hover)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.6}button{padding:11px 20px;border-radius:10px;background:var(--primary);color:#fff;border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;line-height:1.5;letter-spacing:.01em}button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.kanban{display:flex;gap:20px;padding:4px}.kanban-column{flex:1 1;min-width:300px;background:var(--column-bg);border-radius:12px;padding:16px;box-shadow:var(--shadow-sm)}@media (max-width:800px){.kanban{flex-direction:column;gap:12px}.kanban-column{min-width:auto}.task-modal{width:calc(100% - 24px)!important;max-width:none!important;height:auto;max-height:calc(100vh - 24px);margin:12px;border-radius:12px}}.task-card{transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--card-bg);border:1px solid var(--border);border-radius:10px;cursor:pointer}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.task-card{position:relative}.card-edit-icon{position:absolute;top:10px;right:10px;background:var(--primary);color:#fff;border:none;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .2s ease,background .2s ease;pointer-events:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}.task-card:hover .card-edit-icon{opacity:1;transform:scale(1);pointer-events:auto}.card-edit-icon:hover{background:var(--primary-dark);box-shadow:0 3px 6px rgba(0,0,0,.15)}.card-edit-icon:active{transform:scale(.95)}.label-chip{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;transition:all .2s}.kanban-column h3{color:var(--text);font-weight:700;font-size:15px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-hover) var(--bg-secondary)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.feature-gate-overlay{position:relative;border:2px dashed var(--border);border-radius:8px;background:var(--bg-secondary);min-height:200px;display:flex;align-items:center;justify-content:center;margin:16px 0}.feature-gate-content{text-align:center;padding:24px;max-width:300px}.feature-gate-icon{font-size:48px;margin-bottom:16px;opacity:.6}.feature-gate-title{font-size:18px;font-weight:600;color:var(--text);margin:0 0 8px}.feature-gate-description{font-size:14px;color:var(--text-secondary);margin:0 0 20px;line-height:1.5}.feature-gate-button{display:inline-block;padding:10px 20px;background:var(--primary);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;font-size:14px;transition:background-color .2s}.feature-gate-button:hover{background:var(--primary-hover);color:#fff;text-decoration:none}.feature-gate-inline{gap:8px;padding:4px 8px;border-radius:8px;background:var(--primary-light);font-weight:600;font-size:13px}.feature-gate-inline,.feature-gate-inline .lock-badge{display:inline-flex;align-items:center;color:var(--text)}.feature-gate-inline .lock-badge{justify-content:center;width:20px;height:20px;border-radius:6px;background:rgba(0,0,0,.06);font-size:12px}@media (max-width:768px){.project-main,body,html,main{max-width:100vw;overflow-x:hidden}.project-main{padding:8px!important;height:calc(100vh - 60px)!important}.kanban{gap:12px!important;padding-bottom:12px!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.kanban section{flex:0 0 85vw!important;min-width:85vw!important}.toolbar{margin-bottom:8px!important;gap:6px!important}.toolbar input[type=text]{font-size:13px!important;padding:8px 12px 8px 32px!important}.toolbar button{padding:8px 12px!important;font-size:13px!important}.filters-dropdown{padding:12px!important;margin-bottom:8px!important}.filters-dropdown button,.filters-dropdown select{padding:6px 10px!important;font-size:12px!important}.filters-row{gap:6px!important}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.task-card:active{cursor:-webkit-grabbing!important;cursor:grabbing!important}