*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg2:#0d0d14;--bg3:#13131a;--border:#1a1a2a;--border2:#1f1f2e;--text:#f9fafb;--text2:#9ca3af;--text3:#6b7280;--primary:#6366f1;--primary2:#8b5cf6;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--surface:#13131a;--surface2:#181823;--muted:#101018;--shadow:0 18px 60px #00000038}.theme-light{--bg:#eef2f7;--bg2:#f8fafc;--bg3:#fff;--surface:#fff;--surface2:#f8fafc;--muted:#f3f4f6;--border:#dbe2ea;--border2:#c4cfdd;--text:#111827;--text2:#667085;--text3:#98a2b3;--primary:#2563eb;--primary2:#1d4ed8;--shadow:0 14px 42px #0f172a1a}.theme-dark{--bg:#0a0a0f;--bg2:#0d0d14;--bg3:#13131a;--surface:#13131a;--surface2:#181823;--muted:#101018;--border:#1a1a2a;--border2:#1f1f2e;--text:#f9fafb;--text2:#9ca3af;--text3:#6b7280;--primary:#6366f1;--primary2:#8b5cf6;--shadow:0 18px 60px #00000057}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;font-family:Outfit,system-ui,sans-serif}body{padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}input,textarea,select,button{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Outfit,sans-serif}.theme-light input,.theme-light textarea,.theme-light select,.theme-light button{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fu{animation:.35s ease-out both fadeUp}.su{animation:.3s ease-out both slideUp}.fi{animation:.25s ease-out both fadeIn}.app-layout{background:var(--bg);min-height:100dvh;color:var(--text);flex-direction:column;transition:background .2s,color .2s;display:flex}.app-header{background:color-mix(in srgb, var(--bg2) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 22px;display:flex;position:sticky;top:0}.app-content{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:18px 22px 80px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:16px}.card-lg{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:20px}.logo-box{background:linear-gradient(135deg, var(--primary), var(--primary2));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.78rem;font-weight:800;display:flex}.logo-title{letter-spacing:-.5px;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800}.logo-sub{color:var(--text3);margin-top:1px;font-size:.72rem;line-height:1;display:block}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;font-family:Outfit,sans-serif;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary2));color:#fff;padding:8px 16px;font-size:.82rem}.btn-ghost{border:1px solid var(--border);color:var(--text3);background:0 0;border-radius:14px;width:100%;padding:11px 16px;font-size:.88rem}.btn-green{background:linear-gradient(135deg, #059669, var(--success));color:#fff;border-radius:14px;width:100%;padding:12px;font-size:.9rem}.btn-red{color:var(--danger);background:0 0;border:1px solid #7f1d1d44;border-radius:14px;width:100%;padding:12px;font-size:.9rem}.btn-yellow{background:var(--border);border:1px solid var(--border2);color:#fde68a;border-radius:14px;width:100%;padding:12px;font-size:.9rem}.tabs{background:var(--bg3);border:1px solid var(--border);border-radius:14px;gap:4px;padding:4px;display:flex}.tab{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:9px 0;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:500;transition:all .2s}.tab.active{background:color-mix(in srgb, var(--primary) 16%, var(--surface));color:var(--primary)}.pills{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.pills::-webkit-scrollbar{display:none}.pill{border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:7px 14px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:500;transition:all .2s}.pill.active{background:linear-gradient(135deg, var(--primary), var(--primary2));color:#fff;border-color:#0000}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 0 8px;display:grid}.stat-card{background:var(--bg3);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:14px 10px;transition:transform .15s,border-color .2s;display:flex}.stat-card:hover{transform:scale(1.03)}.stat-pct{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800;line-height:1}.stat-val{margin-top:2px;font-family:Syne,sans-serif;font-size:1.4rem;font-weight:700;line-height:1}.stat-val-big{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;line-height:1}.stat-lbl{color:var(--text3);margin-top:4px;font-size:.68rem}.stat-bar{background:var(--border2);border-radius:2px;width:100%;height:3px;margin-top:5px;overflow:hidden}.stat-bar-fill{border-radius:2px;height:100%;transition:width .6s}.task-card{background:var(--surface);cursor:pointer;border:1px solid var(--border);border-radius:14px;margin-bottom:10px;transition:transform .15s,border-color .2s,box-shadow .2s;box-shadow:0 8px 24px #00000014}.task-card:active{transform:scale(.98)}.task-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.task-card-modern{border-color:color-mix(in srgb, var(--status) 30%, var(--border));grid-template-columns:5px minmax(0,1fr);padding:0;display:grid;overflow:hidden}.task-status-rail{background:var(--status);min-height:100%}.task-card-body{min-width:0;padding:12px}.task-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.task-title{color:var(--text);overflow-wrap:anywhere;margin-bottom:9px;font-size:.95rem;font-weight:800;line-height:1.28}.task-title.is-completed{color:var(--text3);text-decoration:line-through}.task-tag-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.task-meta-pill{background:var(--muted);border:1px solid var(--border);color:var(--text2);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:100%;padding:5px 8px;font-size:.7rem;font-weight:800;line-height:1;display:inline-flex;overflow:hidden}.task-meta-unit{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 28%, var(--border));background:color-mix(in srgb, var(--primary) 10%, var(--surface))}.task-meta-priority{color:var(--priority-color);border-color:color-mix(in srgb, var(--priority-color) 34%, var(--border));background:color-mix(in srgb, var(--priority-color) 12%, var(--surface))}.task-meta-late{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 34%, var(--border));background:color-mix(in srgb, var(--danger) 12%, var(--surface))}.task-card-footer{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.task-assignee{color:var(--text2);flex:none;align-items:center;gap:6px;min-width:0;font-size:.75rem;font-weight:800;display:inline-flex}.task-footer-meta{color:var(--text3);text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;min-width:0;font-size:.72rem;font-weight:800;display:flex}.task-footer-meta .is-overdue{color:var(--danger)}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.tag{background:var(--border);color:var(--text2);border-radius:6px;padding:2px 8px;font-size:.72rem}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.overlay{z-index:100;background:#000000d9;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.overlay-center{z-index:110;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--bg2);border:1px solid var(--border);border-radius:24px 24px 0 0;width:100%;max-width:480px;max-height:92vh;padding:24px 20px 40px;overflow-y:auto}.modal-card{background:var(--bg2);border:1px solid var(--border);border-radius:24px;width:100%;max-width:420px;max-height:90vh;padding:28px;overflow-y:auto}.modal-handle{background:var(--border2);border-radius:2px;width:40px;height:4px;margin:0 auto 20px}.inp{border:1px solid var(--border2);background:var(--bg3);width:100%;color:var(--text);border-radius:12px;outline:none;padding:11px 14px;font-family:Outfit,sans-serif;font-size:.88rem}.inp:focus{border-color:var(--primary)}textarea.inp{resize:none}.file-zone{border:2px dashed var(--border2);background:var(--bg3);border-radius:12px;margin-bottom:12px;transition:border-color .2s;position:relative;overflow:hidden}.file-zone:focus-within{border-color:var(--primary)}.file-zone input[type=file]{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;inset:0}.file-zone-label{pointer-events:none;justify-content:center;align-items:center;gap:8px;padding:14px 16px;display:flex}.people-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.people-cell{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.file-item{background:var(--bg3);cursor:pointer;border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;margin-bottom:6px;padding:10px 12px;transition:background .2s;display:flex}.file-item:hover{background:var(--border)}.preview-screen{z-index:200;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.preview-toolbar{background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.preview-body{flex:1;justify-content:center;align-items:center;padding:16px;display:flex;overflow:auto}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.upload-progress{background:var(--border2);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.upload-progress-fill{background:linear-gradient(90deg, var(--primary), var(--primary2));border-radius:2px;height:100%;transition:width .3s}.user-manage-row{background:var(--bg3);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:12px;display:flex}.user-menu-wrap{position:relative}.user-menu{background:var(--bg3);border:1px solid var(--border2);z-index:200;border-radius:16px;min-width:220px;padding:10px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 60px #0009}.umenu-item{cursor:pointer;color:#d1d5db;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:Outfit,sans-serif;font-size:.85rem;transition:background .15s;display:flex}.umenu-item:hover{background:var(--border)}.umenu-item.danger{color:var(--danger)}.umenu-sep{background:var(--border);height:1px;margin:5px 0}.search-wrap{margin-bottom:12px;position:relative}.search-icon{pointer-events:none;font-size:1rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-inp{border-color:var(--border)!important;border-radius:12px!important;padding-left:38px!important}.search-label{color:var(--text3);text-transform:uppercase;font-size:.7rem;font-weight:900}.task-filter-shell{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;margin-bottom:16px;padding:14px}.task-filter-toolbar{grid-template-columns:minmax(260px,1fr) auto;align-items:stretch;gap:12px;display:grid}.task-search{margin-bottom:0}.filter-toggle-btn{color:var(--text2);width:auto;min-width:150px}.filter-clear-btn{color:var(--text2);width:auto;min-height:42px}.task-status-tabs{margin-top:12px}.task-filter-panel{box-shadow:none;grid-template-columns:minmax(180px,1fr) minmax(160px,.8fr) minmax(160px,.8fr) auto;margin:12px 0 0;padding:12px}.theme-toggle{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:3px;padding:3px;display:inline-flex}.theme-toggle button{color:var(--text2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 12px;font-size:.76rem;font-weight:800}.theme-toggle button.active{background:var(--primary);color:#fff}.page-hero{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;justify-content:space-between;gap:18px;margin-bottom:18px;padding:20px;display:flex}.page-eyebrow{background:color-mix(in srgb, var(--primary) 14%, transparent);border:1px solid color-mix(in srgb, var(--primary) 34%, transparent);color:var(--primary);text-transform:uppercase;border-radius:999px;margin-bottom:10px;padding:5px 10px;font-size:.72rem;font-weight:900;display:inline-flex}.page-title{color:var(--text);font-family:Syne,sans-serif;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:900;line-height:1.05}.page-subtitle{color:var(--text2);margin-top:7px;font-size:.95rem}.filter-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(160px,1fr));gap:12px;margin-bottom:18px;padding:14px;display:grid}.kanban-board{grid-template-columns:repeat(4,minmax(240px,1fr));align-items:start;gap:14px;padding-bottom:10px;display:grid;overflow-x:auto}.kanban-column{background:color-mix(in srgb, var(--surface2) 88%, var(--bg));border:1px solid var(--border);border-radius:18px;min-height:360px;padding:12px}.kanban-column-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kanban-column-title{color:var(--text);align-items:center;gap:8px;font-size:.9rem;font-weight:900;display:flex}.kanban-count{background:var(--muted);border:1px solid var(--border);color:var(--text2);border-radius:999px;padding:3px 8px;font-size:.75rem;font-weight:900}.status-rail{border-radius:999px;width:7px;height:24px;display:inline-block}.status-overdue{--status:#ef4444;--status-bg:#fee2e2}.status-pending{--status:#f59e0b;--status-bg:#fff7df}.status-in_progress{--status:#6366f1;--status-bg:#e8f0ff}.status-completed{--status:#10b981;--status-bg:#ddfbea}.theme-dark .status-overdue{--status-bg:#451a1a}.theme-dark .status-pending{--status-bg:#3f2d08}.theme-dark .status-in_progress{--status-bg:#10284f}.theme-dark .status-completed{--status-bg:#0b3328}.status-badge{background:var(--status-bg);border:1px solid color-mix(in srgb, var(--status) 45%, transparent);color:var(--status);border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:900;display:inline-flex}.empty-column{border:1px dashed var(--border2);color:var(--text3);text-align:center;border-radius:14px;padding:22px 12px;font-size:.82rem}.report-grid{grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-web{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:16px}.metric-web span{color:var(--text2);text-transform:uppercase;margin-bottom:6px;font-size:.76rem;font-weight:900;display:block}.metric-web strong{color:var(--metric-color,var(--primary));font-family:Syne,sans-serif;font-size:2rem;line-height:1;display:block}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:18px}.dashboard-card h3{color:var(--text);margin-bottom:4px;font-size:1rem;font-weight:900}.dashboard-card p{color:var(--text2);margin-bottom:14px;font-size:.82rem}.bar-row{margin-bottom:13px}.bar-row-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.bar-row-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:800;overflow:hidden}.bar-row-value{color:var(--text2);font-size:.78rem;font-weight:900}.bar-track{background:var(--muted);border-radius:999px;height:10px;overflow:hidden}.bar-fill{background:var(--bar-color,var(--primary));border-radius:999px;min-width:4%;height:100%}.insight-list{gap:10px;display:grid}.insight-card-web{background:var(--muted);border:1px solid var(--border);border-left:4px solid var(--status,var(--primary));border-radius:16px;padding:13px}.insight-card-web strong{color:var(--text);margin-bottom:4px;font-size:.88rem;display:block}.insight-card-web span{color:var(--text2);font-size:.8rem}@media (width<=1100px){.kanban-board{grid-template-columns:repeat(4,minmax(260px,1fr))}.filter-panel,.task-filter-panel{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=760px){.app-content{padding:14px 14px 80px}.page-hero{flex-direction:column}.filter-panel,.task-filter-toolbar{grid-template-columns:1fr}.filter-toggle-btn,.filter-clear-btn{width:100%}.task-filter-panel{grid-template-columns:1fr}.task-card-footer{flex-direction:column;align-items:flex-start}.task-footer-meta{text-align:left;justify-content:flex-start}.report-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}