*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-heading:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", Consolas, monospace;--header-bg:#0f172af2;--board-bg:#f0f2f5;--col-bg:#f0f1f4;--card-bg:#fff;--surface:#f5f6f8;--shadow-card:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-hover:0 8px 20px #0000001f, 0 2px 4px #00000014;--txt:#172b4d;--txt2:#5e6c84;--txt3:#8993a4;--border:#dfe1e6;--blue:#0d9488;--accent:#f59e0b;--green:#15803d;--red:#dc2626;--orange:#d97706;--purple:#7c3aed;--gray:#6b7280;--radius:8px;--modal-bg:#fff;--input-bg:#fff;--tag-client-bg:#ccfbf1;--tag-client-txt:#0f766e;--tag-cat-bg:#ede9fe;--tag-cat-txt:#5b21b6;--date-bg:#f4f5f7;--import-bg:#f4f5f7;--admin-bg:#fff;--admin-head-bg:#fff;--stat-card-bg:#f8fafc;--transition:.18s ease}[data-theme=dark]{--board-bg:#0c1222;--col-bg:#1a2035;--card-bg:#1e2a3e;--surface:#1a2035;--shadow-card:0 1px 3px #00000080, 0 1px 2px #0006;--shadow-hover:0 8px 20px #00000080, 0 2px 4px #0000004d;--txt:#e2e8f0;--txt2:#94a3b8;--txt3:#64748b;--border:#2d3a4e;--blue:#2dd4bf;--accent:#fbbf24;--modal-bg:#1a2035;--input-bg:#0c1222;--tag-client-bg:#042f2e;--tag-client-txt:#5eead4;--tag-cat-bg:#2e1065;--tag-cat-txt:#c4b5fd;--date-bg:#2d3a4e;--import-bg:#2d3a4e;--admin-bg:#1a2035;--admin-head-bg:#1a2035;--stat-card-bg:#0c1222}.sticky-table-wrap{max-height:72vh;overflow:auto}.sticky-table-wrap thead{z-index:10;position:sticky;top:0}.sticky-table-wrap thead th{background:#f8fafc}[data-theme=dark] .sticky-table-wrap thead th{color:#94a3b8!important;background:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] body{color:var(--txt)}[data-theme=dark] .modal{background:var(--modal-bg)}[data-theme=dark] .modal-head,[data-theme=dark] .modal-foot{background:var(--modal-bg);border-color:var(--border)}[data-theme=dark] .modal-title{color:var(--txt)}[data-theme=dark] .modal-close:hover{color:var(--txt);background:#334155}[data-theme=dark] input[type=text],[data-theme=dark] input[type=date],[data-theme=dark] select,[data-theme=dark] textarea{background:var(--input-bg);color:var(--txt);border-color:var(--border)}[data-theme=dark] select option{color:var(--txt);background:#1e293b}[data-theme=dark] label{color:var(--txt2)}[data-theme=dark] .tag-client{background:var(--tag-client-bg);color:var(--tag-client-txt)}[data-theme=dark] .tag-category{background:var(--tag-cat-bg);color:var(--tag-cat-txt)}[data-theme=dark] .card-date{background:var(--date-bg);color:var(--txt2)}[data-theme=dark] .card-date.overdue{color:#fca5a5;background:#450a0a}[data-theme=dark] .card-date.today{color:#fde68a;background:#451a03}[data-theme=dark] .card-date.due-soon{color:#fed7aa;background:#431407}[data-theme=dark] .card-desc{color:var(--txt)}[data-theme=dark] .card-desc:hover{color:#60a5fa}[data-theme=dark] .col-title h3{color:var(--txt)}[data-theme=dark] .col-count{background:#475569}[data-theme=dark] .col-add-btn{color:var(--txt2)}[data-theme=dark] .col-add-btn:hover{color:var(--txt);background:#ffffff0f}[data-theme=dark] .import-note{background:var(--import-bg);color:var(--txt2)}[data-theme=dark] .import-note code{color:var(--txt);background:#475569}[data-theme=dark] .btn-secondary{color:var(--txt);background:#334155}[data-theme=dark] .btn-secondary:hover{background:#475569}[data-theme=dark] .admin-panel{background:var(--admin-bg)}[data-theme=dark] .admin-panel-head{background:var(--admin-head-bg);border-color:var(--border)}[data-theme=dark] .admin-panel-title{color:var(--txt)}[data-theme=dark] .admin-stat-card{background:var(--stat-card-bg);border-color:var(--border)}[data-theme=dark] .admin-stat-val{color:var(--txt)}[data-theme=dark] .admin-stat-lbl{color:var(--txt2)}[data-theme=dark] .admin-table th{color:var(--txt2);border-color:var(--border)}[data-theme=dark] .admin-table td{border-color:#1e293b}[data-theme=dark] .admin-table tbody tr:hover{background:#334155}[data-theme=dark] .admin-table tbody tr.active-row{background:#172554}[data-theme=dark] .login-card{background:0 0}[data-theme=dark] .login-form-panel{background:var(--card-bg)}[data-theme=dark] .login-brand-panel{background:linear-gradient(135deg,#0c1222 0%,#1a2035 40%,#0d9488 100%)}[data-theme=dark] .login-tabs{border-color:var(--border)}[data-theme=dark] .login-tab{color:var(--txt2)}[data-theme=dark] .login-tab:not(.active):hover{background:#334155}[data-theme=dark] .admin-dropdown-menu{background:var(--card-bg);border-color:var(--border)}[data-theme=dark] .admin-dropdown-item{color:var(--txt)}[data-theme=dark] .admin-dropdown-item:hover{background:#ffffff0f}[data-theme=dark] .admin-dropdown-sep{background:var(--border)}[data-theme=dark] .stat-card{background:#ffffff0d;border-color:#ffffff0d}[data-theme=dark] .task-card.card-overdue{background:color-mix(in srgb, var(--card-bg) 92%, #dc2626)}[data-theme=dark] .login-hint{color:var(--txt2)}[data-theme=dark] .admin-filter-banner{color:#fde68a;background:#451a03;border-color:#78350f}[data-theme=dark] .card-btn{color:var(--txt3)}[data-theme=dark] .card-btn:hover{color:var(--txt);background:#ffffff14}[data-theme=dark] .card-btn.del:hover{color:#fca5a5;background:#450a0a}[data-theme=dark] .dm-box{color:#e2e8f0!important;background:#1e293b!important}[data-theme=dark] .dm-stat-card{color:#e2e8f0!important;background:#273549!important}[data-theme=dark] .dm-stat-lbl{color:#94a3b8!important}[data-theme=dark] .dm-filter-bar{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .wl-subtab-bar{background:#0f172a!important}[data-theme=dark] .wl-filter-bar{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .wl-filter-label{color:#94a3b8!important}[data-theme=dark] .dm-item-card{color:#e2e8f0!important;background:#273549!important;border-color:#334155!important}[data-theme=dark] .dm-modal-card{color:#e2e8f0!important;background:#1e293b!important}[data-theme=dark] .dm-modal-card label{color:#94a3b8!important}[data-theme=dark] .dm-modal-card span{color:#e2e8f0!important}[data-theme=dark] .dm-inv-tabbar{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .dm-inv-tabbar button{color:#94a3b8!important}[data-theme=dark] .dm-inv-tabbar button[style*="rgb(55, 65, 81)"]{color:#e2e8f0!important}[data-theme=dark] .wl-subtab-bar button{color:#94a3b8!important}[data-theme=dark] .wl-subtab-bar button[style*="rgb(255, 255, 255)"],[data-theme=dark] .wl-subtab-bar button[style*=\#fff]{color:#e2e8f0!important;background:#273549!important}[data-theme=dark] .wl-filter-bar>div>div:first-child,[data-theme=dark] .dm-filter-bar span{color:#94a3b8!important}[data-theme=dark] .dm-box [style*="rgb(229, 231, 235)"],[data-theme=dark] .dm-box [style*="rgb(228, 228, 231)"],[data-theme=dark] .dm-box [style*="rgb(226, 232, 240)"]{background:#334155!important}[data-theme=dark] .dm-box>div>div:first-child{color:#e2e8f0!important}[data-theme=dark] table{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] thead,[data-theme=dark] thead tr{background:#0f172a!important}[data-theme=dark] th{color:#94a3b8!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] td{color:#e2e8f0!important;border-color:#2d3f55!important}[data-theme=dark] tbody tr{background:#1e293b!important}[data-theme=dark] tbody tr:nth-child(2n){background:#192638!important}[data-theme=dark] tbody tr:hover{background:#273549!important}[data-theme=dark] td :not(button):not(a):not([class*=badge]):not([class*=tag]):not([class*=pill]):not([class*=status]):not(svg){color:inherit}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] [style*="rgb(55, 65, 81)"],[data-theme=dark] [style*="rgb(17, 24, 39)"],[data-theme=dark] [style*="rgb(30, 41, 59)"],[data-theme=dark] [style*="rgb(15, 23, 42)"]{color:#e2e8f0!important}[data-theme=dark] [style*="rgb(71, 85, 105)"],[data-theme=dark] [style*="rgb(100, 116, 139)"],[data-theme=dark] [style*="rgb(107, 114, 128)"]{color:#94a3b8!important}[data-theme=dark] [style*="rgb(148, 163, 184)"]{color:#cbd5e1!important}[data-theme=dark] [style*="rgb(226, 232, 240)"]{border-color:#334155!important}[data-theme=dark] [style*="rgb(241, 245, 249)"]{border-color:#2d3f55!important}[data-theme=dark] input[type=text],[data-theme=dark] input[type=date],[data-theme=dark] input[type=number],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] select,[data-theme=dark] textarea{color:#e2e8f0!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#64748b!important}[data-theme=dark] button[style*="rgb(248, 250, 252)"],[data-theme=dark] button[style*="rgb(241, 245, 249)"],[data-theme=dark] button[style*="rgb(255, 255, 255)"]{color:#e2e8f0!important;background:#334155!important;border-color:#475569!important}[data-theme=dark] [style*="background:#fff1f2"],[data-theme=dark] [style*="background: #fff1f2"]{background:#3b0a0a!important}[data-theme=dark] [style*="background:#fff7ed"],[data-theme=dark] [style*="background: #fff7ed"]{background:#3b1a07!important}[data-theme=dark] [style*="background:#dcfce7"],[data-theme=dark] [style*="background: #dcfce7"]{background:#052e16!important}[data-theme=dark] [style*="background:#dbeafe"],[data-theme=dark] [style*="background: #dbeafe"]{background:#172554!important}[data-theme=dark] [style*="background:#fee2e2"],[data-theme=dark] [style*="background: #fee2e2"]{background:#450a0a!important}[data-theme=dark] [style*="background:#ede9fe"],[data-theme=dark] [style*="background: #ede9fe"]{background:#2e1065!important}[data-theme=dark] [style*="background:#fef3c7"],[data-theme=dark] [style*="background: #fef3c7"]{background:#451a03!important}[data-theme=dark] [style*="background:#fce7f3"],[data-theme=dark] [style*="background: #fce7f3"]{background:#500724!important}[data-theme=dark] [style*="background:#ffedd5"],[data-theme=dark] [style*="background: #ffedd5"]{background:#431407!important}[data-theme=dark] [style*="background:#cffafe"],[data-theme=dark] [style*="background: #cffafe"]{background:#0c4a6e!important}[data-theme=dark] [style*="background:#f3e8ff"],[data-theme=dark] [style*="background: #f3e8ff"]{background:#2e1065!important}[data-theme=dark] [style*="background:#d1fae5"],[data-theme=dark] [style*="background: #d1fae5"]{background:#052e16!important}[data-theme=dark] [style*="background:#e0f2fe"],[data-theme=dark] [style*="background: #e0f2fe"]{background:#0c4a6e!important}[data-theme=dark] [style*="background:#fdf4ff"],[data-theme=dark] [style*="background: #fdf4ff"]{background:#3b0764!important}[data-theme=dark] [style*="background: rgb(255, 255, 255)"],[data-theme=dark] [style*="background:rgb(255, 255, 255)"],[data-theme=dark] [style*="background: rgb(248, 250, 252)"],[data-theme=dark] [style*="background:rgb(248, 250, 252)"]{background:#1e293b!important}[data-theme=dark] [style*="background: rgb(241, 245, 249)"],[data-theme=dark] [style*="background:rgb(241, 245, 249)"]{background:#0f172a!important}[data-theme=dark] [style*="background: rgb(250, 250, 250)"],[data-theme=dark] [style*="background:rgb(250, 250, 250)"]{background:#273549!important}[data-theme=dark] tfoot tr{background:#0f172a!important}[data-theme=dark] tfoot td{color:#e2e8f0!important;border-color:#334155!important}[data-theme=dark] ::-webkit-scrollbar-track{background:#0c1222}body{font-family:var(--font-body);background:var(--board-bg);color:var(--txt);height:100vh;font-size:14px;line-height:1.5;overflow:hidden}code,.font-mono{font-family:var(--font-mono)}.page-title{letter-spacing:-.3px;font-family:var(--font-heading)!important;color:#0f172a!important;font-size:22px!important;font-weight:800!important}[data-theme=dark] .page-title{color:#fff!important}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000059}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff40}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff6}.header-top,.header{background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:14px;padding:10px 18px;display:flex}.header-logo{color:#fff;font-family:var(--font-heading);white-space:nowrap;letter-spacing:-.4px;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.header-logo-icon{background:linear-gradient(135deg, var(--blue), #14b8a6);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex;box-shadow:0 2px 8px #0d94884d}.header-toolbar{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;align-items:center;gap:10px;padding:8px 18px;display:flex}[data-theme=dark] .header-toolbar{background:#00000026;border-bottom-color:#ffffff0f}.header-search{flex:1;max-width:240px;position:relative}.header-search svg{color:var(--txt3);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}[data-theme=dark] .header-search svg{color:#ffffff80}.header-search input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--txt);font-size:13px;font-family:var(--font-body);transition:background var(--transition), border-color var(--transition);padding:8px 12px 8px 34px}.header-search input::placeholder{color:var(--txt3)}.header-search input:focus{color:var(--txt);border-color:var(--blue);background:#fff;outline:none;box-shadow:0 0 0 3px #0d94881a}[data-theme=dark] .header-search input{color:#fff;background:#ffffff14;border-color:#ffffff1a}[data-theme=dark] .header-search input::placeholder{color:#fff6}[data-theme=dark] .header-search input:focus{border-color:var(--blue);background:#ffffff1f}.header-filters{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.header-filters select{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--txt);font-size:12px;font-family:var(--font-body);cursor:pointer;min-width:0;max-width:140px;transition:background var(--transition);padding:7px 10px}.header-filters select:hover{background:var(--col-bg)}.header-filters select option{background:var(--card-bg);color:var(--txt)}[data-theme=dark] .header-filters select{color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff26!important}[data-theme=dark] .header-filters select option{color:#e2e8f0!important;background:#1a2035!important}.header-org-filter{align-items:center;gap:4px;margin-left:auto;padding:2px 4px;display:flex}.header-org-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700;font-family:var(--font-heading);margin-right:2px}.org-chip{color:#ffffffb3;cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-body);transition:all var(--transition);background:0 0;border:1px solid #fff3;border-radius:12px;padding:3px 10px}.org-chip:hover{color:#fff;background:#ffffff1f}.org-chip.active{background:var(--accent);border-color:var(--accent);color:#1a1d23;font-weight:700}.header-actions{align-items:center;gap:8px;display:flex}.btn-header{color:#fff;border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body);white-space:nowrap;transition:background var(--transition), transform .1s;background:#ffffff1f;border:none;align-items:center;gap:5px;padding:7px 14px;display:flex}.btn-header:hover{background:#ffffff38}.btn-header:active{transform:scale(.97)}.header-toolbar .btn-header{background:var(--surface);color:var(--txt2);border:1px solid var(--border)}.header-toolbar .btn-header:hover{background:var(--col-bg);color:var(--txt)}[data-theme=dark] .header-toolbar .btn-header{color:#fffc;background:#ffffff14;border-color:#ffffff1a}[data-theme=dark] .header-toolbar .btn-header:hover{color:#fff;background:#ffffff26}.btn-header.primary{background:var(--accent);color:#1a1d23;padding:8px 18px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #f59e0b40}.btn-header.primary:hover{background:#fbbf24}.admin-dropdown{position:relative}.admin-dropdown-menu{background:var(--card-bg);border:1px solid var(--border);z-index:200;border-radius:10px;min-width:190px;padding:6px;animation:.15s dropIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 30px #0000002e}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.admin-dropdown-item{cursor:pointer;width:100%;font-size:13px;font-family:var(--font-body);color:var(--txt);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:9px 12px;transition:background .12s;display:flex}.admin-dropdown-item:hover{background:var(--surface)}.admin-dropdown-sep{background:var(--border);height:1px;margin:4px 0}.stats-bar-compact{border-bottom:1px solid var(--border);background:#fff;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:6px 18px;display:flex;overflow-x:auto}[data-theme=dark] .stats-bar-compact{background:#00000038;border-bottom-color:#ffffff0f}.stat-chip{font-size:12px;font-weight:600;font-family:var(--font-body);color:#fff;white-space:nowrap;border-radius:14px;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.stat-chip strong{font-family:var(--font-heading);font-size:14px;font-weight:800}.stat-progress{background:var(--border);border-radius:2px;flex-basis:100%;height:3px;overflow:hidden}[data-theme=dark] .stat-progress{background:#ffffff14}.stat-progress-fill{background:linear-gradient(90deg, var(--blue), #34d399);border-radius:2px;height:100%;transition:width .5s}.stat-mini-counts{align-items:center;gap:5px;margin-left:auto;display:flex}.month-filter-bar{border-bottom:1px solid var(--border);background:#fff;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:5px 18px;display:flex}[data-theme=dark] .month-filter-bar{background:#0000001f;border-bottom-color:#ffffff0f}.month-filter-label{color:var(--txt3);font-size:11px;font-weight:600;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;margin-right:4px}[data-theme=dark] .month-filter-label{color:#fff9}.month-pill{border:1.5px solid var(--border);color:var(--txt2);font-size:12px;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:20px;padding:4px 12px}[data-theme=dark] .month-pill{color:#ffffffb3;border-color:#ffffff26}.month-pill:hover{background:var(--surface);border-color:var(--txt3);color:var(--txt)}[data-theme=dark] .month-pill:hover{color:#fff;background:#ffffff1a;border-color:#ffffff59}.month-pill.active{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}.board{background:var(--board-bg);flex:1;align-items:flex-start;gap:14px;padding:14px 18px 18px;display:flex;overflow-x:auto}.column{background:var(--col-bg);border-top:4px solid #0000;border-radius:10px;flex-direction:column;flex-shrink:0;width:280px;min-width:280px;max-height:calc(100vh - 160px);transition:box-shadow .2s;display:flex}.column.drop-over{box-shadow:0 0 0 2px var(--blue), 0 4px 16px #0000001f}.col-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 12px 8px;display:flex}.col-title{align-items:center;gap:8px;min-width:0;display:flex}.col-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.col-title h3{font-family:var(--font-heading);color:var(--txt);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.col-count{background:var(--txt3);color:#fff;border-radius:10px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.col-cards{flex:1;min-height:60px;padding:4px 10px 6px;overflow-y:auto}.col-empty{text-align:center;color:var(--txt3);-webkit-user-select:none;user-select:none;padding:20px 8px;font-size:12px;font-style:italic}.col-add-btn{width:100%;color:var(--txt2);font-size:12px;font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0 0 10px 10px;flex-shrink:0;padding:9px 12px;transition:background .12s}.col-add-btn:hover{color:var(--txt);background:#0000000f}.task-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-card);cursor:grab;-webkit-user-select:none;user-select:none;border-left:none;margin-bottom:8px;padding:11px 12px;transition:box-shadow .2s,transform .2s;animation:.25s backwards cardEnter;position:relative}.task-card:before{content:"";border-radius:var(--radius) 0 0 var(--radius);background:var(--card-accent,transparent);width:3px;position:absolute;top:0;bottom:0;left:0}.task-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.task-card.dragging{cursor:grabbing;opacity:.85;transform:rotate(2deg)scale(1.02);box-shadow:0 12px 32px #00000040}.task-card.overlay{cursor:grabbing;transform:rotate(2deg)scale(1.02);box-shadow:0 14px 36px #0000004d}.task-card.card-overdue{background:color-mix(in srgb, var(--card-bg) 92%, var(--red));--card-accent:var(--red)}.task-card.card-today{--card-accent:var(--orange)}.task-card.card-due-soon{--card-accent:#f59e0b}.task-card.card-ontime{background:color-mix(in srgb, var(--card-bg) 92%, #22c55e);--card-accent:#15803d}@keyframes cardEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.col-cards .task-card:first-child{animation-delay:20ms}.col-cards .task-card:nth-child(2){animation-delay:40ms}.col-cards .task-card:nth-child(3){animation-delay:60ms}.col-cards .task-card:nth-child(4){animation-delay:80ms}.col-cards .task-card:nth-child(5){animation-delay:.1s}.col-cards .task-card:nth-child(6){animation-delay:.12s}.col-cards .task-card:nth-child(7){animation-delay:.14s}.col-cards .task-card:nth-child(8){animation-delay:.16s}.col-cards .task-card:nth-child(9){animation-delay:.18s}.col-cards .task-card:nth-child(10){animation-delay:.2s}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.card-tags{flex-wrap:wrap;gap:4px;display:flex}.tag{letter-spacing:.2px;white-space:nowrap;border:1px solid #0000;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.tag-client{background:var(--tag-client-bg);color:var(--tag-client-txt);border-color:#0d948826}.tag-category{background:var(--tag-cat-bg);color:var(--tag-cat-txt);border-color:#7c3aed1a}.card-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex}.task-card:hover .card-actions{opacity:1}.card-btn{cursor:pointer;color:var(--txt3);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:2px 4px;font-size:14px;line-height:1;transition:background .12s;display:flex}.card-btn:hover{color:var(--txt);background:#00000017}.card-btn.del:hover{color:var(--red);background:#fee2e2}.card-desc{color:var(--txt);cursor:pointer;margin-bottom:8px;font-size:13.5px;line-height:1.5}.card-desc:hover{color:var(--blue)}.card-footer{justify-content:space-between;align-items:center;display:flex}.card-date{color:var(--txt3);background:var(--date-bg);border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;display:inline-flex}.card-date.overdue{color:var(--red);background:#fee2e2;font-weight:600}.card-date.today{color:#92400e;background:#fef3c7;font-weight:600}.card-date.due-soon{color:var(--orange);background:#fff7ed}.card-assignee{align-items:center;gap:5px;display:flex}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.avatar-name{color:var(--txt2);font-size:10px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;animation:.15s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--modal-bg);border-radius:14px;width:580px;max-width:96vw;max-height:92vh;animation:.2s modalIn;overflow-y:auto;box-shadow:0 24px 70px #00000059}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-head{border-bottom:1px solid var(--border);background:var(--modal-bg);z-index:1;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:sticky;top:0}.modal-title{font-family:var(--font-heading);color:var(--txt);font-size:18px;font-weight:700}.modal-close{cursor:pointer;color:var(--txt3);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;line-height:1;transition:background .12s;display:flex}.modal-close:hover{background:var(--surface);color:var(--txt)}.modal-body{padding:22px 24px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full{grid-column:1/-1}label{color:var(--txt2);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600;font-family:var(--font-heading)}input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],input[type=search],input[type=url],input[type=date],input[type=time],input[type=datetime-local],input[type=month],select,textarea{border:2px solid var(--border);border-radius:var(--radius);color:var(--txt);box-sizing:border-box;width:100%;transition:border-color var(--transition), box-shadow var(--transition);font-size:13px;font-family:var(--font-body);padding:10px 13px}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #0d94881a}textarea{resize:vertical;min-height:72px}select{cursor:pointer}.modal-foot{border-top:1px solid var(--border);background:var(--modal-bg);border-radius:0 0 14px 14px;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex;position:sticky;bottom:0}.modal-foot-left{margin-right:auto}.btn{border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body);border:none;align-items:center;gap:5px;padding:9px 20px;transition:background .14s,color .14s,transform .1s;display:flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#0f766e}.btn-secondary{background:var(--surface);color:var(--txt2)}.btn-secondary:hover{background:#ebecf0}.btn-danger{color:var(--red);background:#fee2e2}.btn-danger:hover{background:var(--red);color:#fff}.import-note{color:var(--txt2);background:#f4f5f7;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:12px;line-height:1.55}.import-note code{background:#e2e8f0;border-radius:3px;padding:1px 4px;font-size:11px}.user-info{background:#ffffff26;border-radius:20px;align-items:center;gap:7px;padding:3px 3px 3px 8px;display:flex}.user-name{color:#fff;white-space:nowrap;font-size:13px;font-weight:600}.user-role-badge{color:#78350f;white-space:nowrap;background:#fbbf24;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:700}.admin-filter-banner{color:#92400e;text-align:center;background:#fef3c7;border-bottom:1px solid #fde68a;flex-shrink:0;padding:6px 18px;font-size:13px}.nav-tabs{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;gap:2px;padding:0 18px;display:flex;overflow-x:auto}[data-theme=dark] .nav-tabs{background:#0000002e;border-bottom-color:#ffffff0f}.nav-tab{cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-body);color:var(--txt3);transition:all var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:10px 16px;display:flex}[data-theme=dark] .nav-tab{color:#fff9}.nav-tab:hover:not(.active){color:var(--txt);background:var(--surface)}[data-theme=dark] .nav-tab:hover:not(.active){color:#ffffffd9;background:#ffffff0d}.nav-tab.active{color:var(--blue);border-bottom-color:var(--blue);background:var(--surface)}[data-theme=dark] .nav-tab.active{color:#fff;border-bottom-color:var(--accent);background:#ffffff14}.nav-tab:active{transform:scale(.98)}.nav-tab.dragging-tab{opacity:.5;z-index:10;cursor:grabbing;box-shadow:0 4px 12px #00000026}.nav-tab svg{opacity:.7;flex-shrink:0;width:16px;height:16px}.nav-tab.active svg{opacity:1}.nav-tab-reset{cursor:pointer;color:var(--txt3);background:0 0;border:none;border-radius:4px;align-items:center;margin-left:4px;padding:4px 8px;font-size:15px;line-height:1;transition:color .15s,background .15s;display:flex}.nav-tab-reset:hover{color:var(--txt);background:var(--surface)}[data-theme=dark] .nav-tab-reset:hover{color:#fff;background:#ffffff14}.loading-screen{background:var(--board-bg);color:#fff;height:100vh;font-family:var(--font-heading);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.loading-screen span{opacity:.5;font-size:15px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{border:3px solid #ffffff26;border-top-color:var(--accent,#f59e0b);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.login-page{background:var(--board-bg);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-brand-panel{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1a2035 40%,#0d9488 100%);flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";background:radial-gradient(circle at 30% 70%,#0d948833 0%,#0000 60%),radial-gradient(circle at 70% 30%,#f59e0b1a 0%,#0000 50%);position:absolute;inset:0}.login-brand-panel h2{font-family:var(--font-heading);letter-spacing:-.5px;margin-bottom:12px;font-size:36px;font-weight:800;position:relative}.login-brand-panel p{opacity:.6;text-align:center;max-width:320px;font-size:16px;line-height:1.6;position:relative}.login-form-panel{background:var(--card-bg);justify-content:center;align-items:center;padding:48px;display:flex}.login-card{width:100%;max-width:380px;box-shadow:none;background:0 0;border-radius:0;padding:0;animation:.25s slideUp}.login-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:28px;display:flex}.login-tabs{border:2px solid var(--border);border-radius:var(--radius);gap:0;margin-bottom:24px;display:flex;overflow:hidden}.login-tab{cursor:pointer;color:var(--txt2);background:0 0;border:none;flex:1;padding:9px;font-size:14px;font-weight:500;transition:background .12s,color .12s}.login-tab.active{background:var(--blue);color:#fff;font-weight:600}.login-tab:not(.active):hover{background:#f4f5f7}.login-form{flex-direction:column;gap:18px;display:flex}.login-submit{border-radius:var(--radius);transition:background var(--transition), transform .1s;justify-content:center;padding:12px;font-size:15px;font-weight:700}.login-submit:active{transform:scale(.98)}.login-error{color:var(--red);border-radius:var(--radius);background:#fee2e2;margin:0;padding:8px 12px;font-size:13px}.login-info{color:#166534;border-radius:var(--radius);background:#dcfce7;margin:0;padding:8px 12px;font-size:13px}.login-hint{text-align:center;color:var(--txt2);margin-top:18px;font-size:13px}.login-link{color:var(--blue);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.admin-overlay{z-index:1100;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.12s fadeIn;display:flex;position:fixed;inset:0}.admin-panel{background:#fff;border-radius:14px;width:100%;max-width:900px;max-height:90vh;animation:.15s slideUp;overflow-y:auto;box-shadow:0 24px 70px #00000061}.admin-panel-head{border-bottom:1px solid var(--border);z-index:1;background:#fff;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 24px 14px;display:flex;position:sticky;top:0}.admin-panel-title{color:var(--txt);font-size:18px;font-weight:800}.admin-summary{flex-wrap:wrap;gap:14px;padding:20px 24px;display:flex}.admin-stat-card{border:1px solid var(--border);text-align:center;background:#f8fafc;border-radius:10px;flex:1;min-width:100px;padding:14px 16px}.admin-stat-val{color:var(--txt);margin-bottom:4px;font-size:28px;font-weight:800;line-height:1}.admin-stat-lbl{color:var(--txt2);font-size:12px;font-weight:500}.admin-table-wrap{padding:0 24px 16px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;color:var(--txt2);text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--border);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600}.admin-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.admin-table tbody tr:hover{background:#f8fafc}.admin-table tbody tr.active-row{background:#eff6ff}.admin-filter-note{color:var(--txt2);padding:10px 24px 18px;font-size:13px}@media (width<=768px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{padding:32px 20px}}.tt-user-row:hover{transition:background .12s;background:#f0f7ff!important}@media (width<=640px){.header-filters{display:none}.header-toolbar{padding:6px 12px}.form-grid{grid-template-columns:1fr}.user-name,.user-role-badge{display:none}.nav-tabs{padding:0 10px}.nav-tab{padding:8px 10px;font-size:12px}}