:root{color:#151c27;background:#f9f9ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f9f9ff;--surface: #ffffff;--surface-soft: #f0f3ff;--surface-strong: #e7eefe;--line: #e5e7eb;--line-strong: #c4c5d5;--text: #151c27;--muted: #5c5f60;--primary: #1e40af;--primary-dark: #00288e;--primary-soft: #dbeafe;--success: #047857;--warning: #b45309;--danger: #ba1a1a;--shadow: 0 10px 24px rgba(21, 28, 39, .08);--radius: 8px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(30,64,175,.1),transparent 34rem),var(--bg)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh;background:linear-gradient(90deg,#fff 0,#fff 224px,#f6fbff 224px);color:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:20px 14px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 22px;font-weight:800;letter-spacing:-.02em}.brand-mark{display:block;width:34px;height:34px;border-radius:var(--radius);object-fit:cover;box-shadow:0 8px 18px #1e40af47}.brand-lion-mark{overflow:hidden;border-radius:999px}.nav-stack{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;min-height:38px;border-radius:var(--radius);padding:0 10px;color:#374151;font-size:14px;font-weight:600}.nav-item.active,.nav-item:hover{background:var(--surface-strong);color:var(--primary-dark);text-decoration:none}.content{min-width:0;padding:0 28px 32px}.topbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;min-height:64px;border-bottom:1px solid var(--line);background:#f9f9ffd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar h1{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.02em}.topbar p{margin:4px 0 0;color:var(--muted);font-size:13px}.topbar-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.metric-card{border:1px solid #bfdbfe;border-radius:var(--radius);background:linear-gradient(135deg,#dff3ff,#bfdbfe);padding:16px}.metric-label{margin:0 0 8px;color:#1f2937;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.metric-value{margin:0;color:#0f172a;font-size:30px;font-weight:800;letter-spacing:-.03em}.workspace-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,.95fr);gap:20px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px 2px #0f172a0a;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:14px 16px}.panel-header h2{margin:0;font-size:16px;letter-spacing:-.01em}.panel-header-meta{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.panel-body{padding:16px}.note-list{display:grid;gap:10px;padding:12px}.note-card{position:relative;display:grid;gap:8px;width:100%;border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:var(--radius);background:#fff;padding:14px 14px 14px 16px;text-align:left;transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}.note-card:hover,.note-card.selected{border-color:#bfdbfe;box-shadow:var(--shadow);transform:translateY(-1px)}.note-card-title{color:var(--text);font-weight:800;letter-spacing:-.01em}.note-card-meta,.meta-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:12px}.trash-note-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.trash-note-card-actions{display:flex;justify-content:flex-start}.chip{display:inline-flex;align-items:center;min-height:22px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);padding:2px 8px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.chip.success{background:#dcfce7;color:var(--success)}.chip.warning{background:#fef3c7;color:var(--warning)}.chip.danger{background:#fee2e2;color:var(--danger)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1 / -1}.field label,.fieldset-title{color:#374151;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;min-height:40px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;color:var(--text);padding:9px 10px;outline:none;transition:border-color .14s ease,box-shadow .14s ease}.field textarea{min-height:104px;resize:vertical}.field select[multiple]{min-height:96px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1e40af26}.subtask-list{display:grid;gap:10px;margin-top:8px}.subtask-row{display:grid;grid-template-columns:1fr 150px 110px auto;gap:8px;align-items:start}.subtask-row textarea{min-height:72px;resize:vertical}.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:var(--radius);padding:0 14px;font-weight:800}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{border:1px solid var(--line-strong);background:#fff;color:var(--primary-dark)}.btn-danger{background:#fee2e2;color:var(--danger)}.status-text{color:var(--muted);font-size:13px}.status-text.success{color:var(--success);font-weight:700}.status-text.danger{color:var(--danger);font-weight:700}.status-text.warning{color:var(--warning);font-weight:700}.credential-save-options{display:grid;gap:9px;margin:0;border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;padding:12px}.credential-save-options legend{padding:0 4px;color:#374151;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.credential-save-options label{display:flex;align-items:center;gap:9px;color:#374151;font-size:13px;font-weight:700}.credential-save-options input{width:16px;height:16px;accent-color:var(--primary)}.stack-top{margin-top:24px}.empty-state{color:var(--muted);padding:20px 12px;text-align:center}.management-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:20px;margin-top:24px}.row-list{display:grid;gap:2px;padding:8px}.row-button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:42px;border-radius:var(--radius);background:transparent;color:var(--text);padding:0 10px;text-align:left}.row-button-main{display:flex;flex:1 1 auto;align-items:center;justify-content:space-between;min-width:0;min-height:42px;border:0;border-radius:var(--radius);background:transparent;color:inherit;padding:0;font-family:inherit;text-align:left}.row-button:hover{background:#f3f4f6}.row-button.active{background:#eaf3ff;color:#0f172a}.row-button-copy{display:grid;gap:2px;min-width:0}.row-button-copy strong{color:inherit;font-size:14px;font-weight:700}.row-button-copy span{color:#64748b;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-delete-button,.card-delete-button{flex:0 0 auto;min-height:30px;border:1px solid #fecdd3;border-radius:999px;background:#fff1f2;color:#be123c;padding:0 11px;font-size:12px;font-weight:900}.row-delete-button:hover,.card-delete-button:hover{border-color:#fb7185;background:#ffe4e6;color:#9f1239}.task-title-cell{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(135deg,#1e40af24,#3b82f608),var(--bg)}.login-card{display:grid;grid-template-columns:.9fr 1fr;width:min(920px,100%);overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.login-hero{display:grid;align-content:center;min-height:480px;background:linear-gradient(180deg,#00288e26,#00288ecc),linear-gradient(135deg,#e7eefe,#bfdbfe);padding:32px;color:#fff}.login-lion-brand{display:grid;justify-items:center;gap:18px;padding:0;text-align:center}.login-lion-brand .brand-lion-mark{width:168px;height:168px;box-shadow:0 26px 52px #1e40af59}.login-lion-brand span{font-size:24px;font-weight:900}.login-form{display:grid;align-content:center;gap:18px;padding:40px}.login-form h2{margin:0;font-size:24px;letter-spacing:-.02em}.dashboard-shell{grid-template-columns:228px minmax(0,1fr);background:linear-gradient(90deg,#f4f9ff 0,#f9fbff 260px,#fff 260px)}.dashboard-sidebar{border-right-color:#dfe7f1;background:linear-gradient(180deg,#f8fbff,#eef6ff);padding:72px 12px 20px}.dashboard-content{padding:0 16px 32px}.dashboard-topbar{min-height:64px;margin:0 -16px;padding:0 20px;background:#fffffff0}.topbar-title{display:flex;align-items:center;gap:16px;min-width:210px}.menu-icon{color:#4b5563;font-size:16px;letter-spacing:-.35em;transform:rotate(90deg)}.search-box{display:flex;align-items:center;gap:10px;width:min(380px,42vw);min-height:38px;border:1px solid #d1d5db;border-radius:7px;background:#fff;padding:0 12px}.search-icon{position:relative;width:14px;height:14px;border:2px solid #4b5563;border-radius:999px}.search-icon:after{position:absolute;right:-5px;bottom:-4px;width:6px;height:2px;background:#4b5563;content:"";transform:rotate(45deg)}.search-box input{width:100%;min-height:34px;border:0;outline:0;color:#111827}.search-box input::placeholder{color:#6b7280}.bell-icon{position:relative;width:18px;height:20px;border:2px solid #4b5563;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom:0}.bell-icon:before{position:absolute;left:4px;right:4px;bottom:-3px;height:2px;background:#4b5563;content:""}.bell-icon:after{position:absolute;left:6px;bottom:-7px;width:6px;height:6px;border-radius:999px;background:#4b5563;content:""}.avatar-button{display:flex;align-items:center;gap:8px;background:transparent;color:#111827}.avatar-circle{display:grid;width:34px;height:34px;place-items:center;border-radius:999px;background:linear-gradient(135deg,#d1d5db,#9ca3af);color:#374151;font-weight:800}.avatar-caret{color:#111827;font-size:12px}.nav-button{width:100%;border:0;background:transparent;text-align:left}.dashboard-sidebar .nav-stack{gap:14px}.dashboard-sidebar .nav-item{min-height:48px;border-radius:6px;padding:0 14px;color:#111827;font-size:16px;font-weight:600}.dashboard-sidebar .nav-item.active,.dashboard-sidebar .nav-item:hover{background:#dbeafe;color:#1f4f82}.nav-icon{position:relative;flex:0 0 auto;width:18px;height:18px;color:currentColor}.nav-icon-dashboard:before{position:absolute;top:4px;right:3px;bottom:2px;left:3px;border:2px solid currentColor;border-top:0;content:""}.nav-icon-dashboard:after{position:absolute;left:3px;top:1px;width:12px;height:12px;border-left:2px solid currentColor;border-top:2px solid currentColor;content:"";transform:rotate(45deg)}.nav-icon-list:before,.nav-icon-list:after{position:absolute;left:0;right:0;height:2px;background:currentColor;box-shadow:0 7px 0 currentColor;content:""}.nav-icon-list:after{top:14px;box-shadow:none}.nav-icon-folder:before{position:absolute;top:5px;right:1px;bottom:2px;left:1px;border:2px solid currentColor;border-radius:3px;content:""}.nav-icon-folder:after{position:absolute;left:2px;top:3px;width:7px;height:4px;border:2px solid currentColor;border-bottom:0;border-radius:3px 3px 0 0;content:""}.nav-icon-team:before{position:absolute;left:6px;top:1px;width:7px;height:7px;border:2px solid currentColor;border-radius:999px;content:""}.nav-icon-team:after{position:absolute;left:2px;right:2px;bottom:1px;height:8px;border:2px solid currentColor;border-top-left-radius:999px;border-top-right-radius:999px;border-bottom:0;content:""}.nav-icon-settings:before{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:2px solid currentColor;border-radius:999px;box-shadow:0 -5px 0 -3px currentColor,0 5px 0 -3px currentColor,-5px 0 0 -3px currentColor,5px 0 0 -3px currentColor;content:""}.dashboard-shell .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 22px}.dashboard-shell .metric-card{min-height:124px;border:0;border-radius:8px;background:linear-gradient(135deg,#d9f2ff,#bee5fb);box-shadow:0 10px 20px #0e264014;padding:18px 22px}.dashboard-shell .metric-label{margin:0 0 14px;color:#07182f;font-size:21px;font-weight:800;letter-spacing:-.03em;text-transform:none}.dashboard-shell .metric-value{color:#07182f;font-size:40px;line-height:1}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,360px);gap:16px;align-items:start}.recent-panel{min-height:536px}.overview-panel{min-height:344px}.dashboard-shell .panel{border-color:#d7dee8;border-radius:7px;box-shadow:0 12px 28px #0e264014}.dashboard-shell .panel-header{border-bottom:0;padding:18px 18px 8px}.dashboard-shell .panel-header h2{color:#07182f;font-size:23px;font-weight:900;letter-spacing:-.04em}.task-table{width:calc(100% - 36px);margin:12px 18px 18px;border-collapse:collapse;color:#111827;font-size:14px}.task-table th{background:#f4f7fb;color:#111827;font-weight:900;text-align:left}.task-table th,.task-table td{border-bottom:1px solid #d1d5db;padding:12px}.task-table tr:hover td,.task-table .selected-row td{background:#f8fbff}.task-name-button{background:transparent;color:#111827;font-weight:700;padding:0;text-align:left}.dashboard-shell .chip{min-height:25px;border-radius:6px;background:#cdebf7;color:#111827;font-size:13px;font-weight:700;letter-spacing:-.02em;text-transform:none}.overview-body{padding:6px 18px 18px}.chart-legend{display:flex;justify-content:center;gap:10px;margin-bottom:10px;color:#4b5563;font-size:11px}.chart-legend span{display:flex;align-items:center;gap:4px}.chart-legend i{display:inline-block;width:34px;height:10px}.legend-total,.bar-total{background:#3b8fbd}.legend-progress,.bar-progress{background:#4ea7d4}.legend-completed,.bar-completed{background:#65c5df}.chart-stage{position:relative;height:230px;border-left:1px solid #cfd8e3;border-bottom:1px solid #cfd8e3;background:repeating-linear-gradient(to top,rgba(148,163,184,.22) 0 1px,transparent 1px 27px),repeating-linear-gradient(to right,rgba(148,163,184,.22) 0 1px,transparent 1px 56px);overflow:hidden}.bar-chart{position:absolute;top:0;right:12px;bottom:0;left:14px;display:flex;align-items:end;justify-content:space-between}.bar{width:46px;height:86px;opacity:.95}.bar-progress{height:148px}.bar-completed{height:178px}.bar.tall{height:204px}.donut-chart{position:absolute;left:54px;top:24px;width:176px;height:176px;border-radius:999px;background:conic-gradient(#3b8fbd 0,#3b8fbd 58%,#65c5df 58%,#65c5df 78%,#4ea7d4 78%,#4ea7d4);box-shadow:0 10px 20px #0e264024}.donut-chart:after{position:absolute;top:56px;right:56px;bottom:56px;left:56px;border-radius:999px;background:#fff;content:""}.overview-stats{display:flex;justify-content:space-between;gap:8px;margin-top:12px;color:#4b5563;font-size:12px}.editor-panel{margin-top:18px}.taskflow-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:linear-gradient(90deg,#fff 0,#fff 280px,#f7f7ff 280px);color:#111827;font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.taskflow-sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;border-right:1px solid #d7ddeb;background:#fff;padding:38px 14px 24px}.taskflow-brand{display:flex;align-items:center;gap:12px;margin:0 16px 48px;color:#0f172a;font-size:20px;font-weight:900;letter-spacing:0;line-height:1.15}.taskflow-logo{display:block;width:38px;height:38px;flex:0 0 38px;overflow:hidden;border-radius:999px;object-fit:cover;box-shadow:0 10px 20px #b4530938}.taskflow-nav{display:grid;gap:6px}.taskflow-nav-item{display:flex;align-items:center;gap:16px;min-height:48px;border-radius:8px;background:transparent;color:#1f2937;padding:0 18px;font-size:16px;font-weight:700;text-align:left}.taskflow-nav-item.active,.taskflow-nav-item:hover{background:#0f6ff8;color:#fff;text-decoration:none;box-shadow:0 10px 18px #0f6ff833}.tf-icon{position:relative;flex:0 0 auto;width:22px;height:22px;color:#24304a}.taskflow-nav-item.active .tf-icon,.taskflow-nav-item:hover .tf-icon{color:currentColor}.taskflow-user{display:flex;align-items:center;justify-content:space-between;margin-top:auto;border-top:1px solid #d7ddeb;background:transparent;padding:20px 8px 0}.taskflow-user-avatar{display:block;width:46px;height:46px;border-radius:999px;object-fit:cover;box-shadow:0 8px 18px #1e40af2e}.taskflow-user-caret{color:#6b7280;font-size:18px}.tf-icon-check:before{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:2px solid currentColor;border-radius:5px;content:""}.tf-icon-check:after{position:absolute;left:8px;top:6px;width:8px;height:12px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;content:"";transform:rotate(45deg)}.tf-icon-folder:before{position:absolute;top:8px;right:1px;bottom:3px;left:1px;border:2px solid currentColor;border-radius:4px;content:""}.tf-icon-folder:after{position:absolute;left:2px;top:5px;width:9px;height:6px;border:2px solid currentColor;border-bottom:0;border-radius:4px 4px 0 0;content:""}.tf-icon-team:before{position:absolute;left:8px;top:2px;width:7px;height:7px;border:2px solid currentColor;border-radius:999px;content:""}.tf-icon-team:after{position:absolute;left:2px;right:2px;bottom:3px;height:9px;border:2px solid currentColor;border-top-left-radius:999px;border-top-right-radius:999px;border-bottom:0;content:""}.tf-icon-calendar:before{position:absolute;top:4px;right:2px;bottom:2px;left:2px;border:2px solid currentColor;border-radius:4px;content:""}.tf-icon-calendar:after{position:absolute;left:5px;right:5px;top:9px;height:2px;background:currentColor;content:""}.tf-icon-report:before{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:2px solid currentColor;border-radius:4px;content:""}.tf-icon-report:after{position:absolute;left:7px;bottom:6px;width:2px;height:8px;background:currentColor;box-shadow:5px -4px 0 currentColor,10px 2px 0 currentColor;content:""}.tf-icon-settings:before{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:2px solid currentColor;border-radius:999px;box-shadow:0 -7px 0 -4px currentColor,0 7px 0 -4px currentColor,-7px 0 0 -4px currentColor,7px 0 0 -4px currentColor;content:""}.tf-icon-settings:after{position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:999px;background:currentColor;content:""}.tf-icon-profile:before{position:absolute;left:7px;top:2px;width:8px;height:8px;border:2px solid currentColor;border-radius:999px;content:""}.tf-icon-profile:after{position:absolute;left:3px;right:3px;bottom:2px;height:9px;border:2px solid currentColor;border-top-left-radius:999px;border-top-right-radius:999px;border-bottom:0;content:""}.tf-icon-more:before{position:absolute;left:2px;top:9px;width:4px;height:4px;border-radius:999px;background:currentColor;box-shadow:8px 0 0 currentColor,16px 0 0 currentColor;content:""}.mobile-bottom-nav,.mobile-more-menu{display:none}.pwa-status{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;align-items:center;gap:12px;max-width:min(520px,calc(100vw - 40px));min-height:48px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#1f2937;padding:10px 12px 10px 16px;font-size:13px;font-weight:700;box-shadow:0 14px 36px #0f172a29}.pwa-status-offline{border-color:#f59e0b;background:#fffbeb;color:#92400e}.pwa-status-update{border-color:#93c5fd;background:#eff6ff;color:#1e3a8a}.pwa-status-ready{border-color:#86efac;background:#f0fdf4;color:#166534}.pwa-status button{min-height:32px;border-radius:7px;background:var(--primary);color:#fff;padding:0 12px;font-size:12px;font-weight:800}.pwa-status .pwa-status-dismiss{width:32px;min-width:32px;padding:0;background:transparent;color:currentColor;font-size:20px}.taskflow-mobile-header{display:none}.taskflow-mobile-header-main{display:contents}.taskflow-mobile-toolbar{display:none}.taskflow-main{padding:25px 28px 40px 30px}.taskflow-desktop-header{display:grid;gap:18px;margin-bottom:20px;border:1px solid #d7ddeb;border-radius:14px;background:#fff;box-shadow:0 10px 22px #0f172a0d;padding:18px 20px}.taskflow-desktop-header-main{display:grid;grid-template-columns:minmax(240px,1fr) minmax(300px,440px) auto;gap:18px;align-items:center}.taskflow-page-title{min-width:0}.taskflow-page-title span{display:block;margin-bottom:5px;color:#1553d7;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.taskflow-page-title h1{margin:0;color:#0f172a;font-size:34px;line-height:1.1;font-weight:900}.taskflow-page-title p{margin:7px 0 0;color:#64748b;font-size:14px;font-weight:700}.taskflow-new-task-button{min-height:48px;border-radius:8px;background:var(--primary);color:#fff;padding:0 18px;font-size:15px;font-weight:900;box-shadow:0 12px 20px #1e40af33;white-space:nowrap}.taskflow-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.taskflow-summary-card{display:grid;gap:8px;min-height:96px;border:1px solid #d7ddeb;border-radius:10px;background:#fff;padding:16px 18px;box-shadow:0 10px 22px #0f172a0d}.taskflow-summary-card span{color:#64748b;font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.taskflow-summary-card strong{color:#0f172a;font-size:32px;line-height:1;font-weight:900}.taskflow-desktop-project-tabs{margin:0;border-bottom-color:#d7ddeb}.taskflow-board{position:relative;min-height:560px;border:1px solid #c7d0e3;border-radius:14px;background:#fff;box-shadow:0 14px 30px #0f172a0f;padding:24px 28px 96px}.taskflow-board-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:0}.taskflow-filter-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:center;width:100%}.taskflow-search{display:flex;align-items:center;gap:14px;width:414px;min-height:47px;border:1px solid #bcc6da;border-radius:999px;background:#fff;padding:0 18px;box-shadow:inset 0 1px #ffffffb3}.taskflow-search input{width:100%;min-height:42px;border:0;outline:0;color:#111827;font-size:18px}.taskflow-search input::placeholder{color:#6b7280}.taskflow-tabs{display:grid;grid-template-columns:repeat(3,1fr);width:100%;min-height:44px;border:1px solid #cfd6de;border-radius:999px;background:#fff;padding:2px}.taskflow-tabs button{border-radius:999px;background:transparent;color:#374151;font-size:15px;font-weight:700}.taskflow-tabs button.active{border:1px solid #1553d7;background:#eef5ff;color:#1553d7}.taskflow-priority-pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:44px}.priority-filter-pill{min-height:34px;border:1px solid #d7deea;border-radius:999px;background:#fff;color:#475569;padding:0 13px;font-size:13px;font-weight:800;box-shadow:0 1px #0f172a0a}.priority-filter-pill.all{background:#f8fafc;color:#334155}.priority-filter-pill.low{border-color:#b7ead4;background:#f0fdf6;color:#047857}.priority-filter-pill.medium{border-color:#fde2a8;background:#fffbeb;color:#92400e}.priority-filter-pill.high{border-color:#fecdd3;background:#fff1f2;color:#be123c}.priority-filter-pill.critical{border-color:#fb7185;background:#ffe4e6;color:#9f1239}.priority-filter-pill.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;box-shadow:inset 0 0 0 1px #2563eb1f,0 4px 12px #2563eb1f}.priority-filter-pill.low.active{border-color:#10b981;background:#dcfce7;color:#047857;box-shadow:inset 0 0 0 1px #10b98124,0 4px 12px #10b9811f}.priority-filter-pill.medium.active{border-color:#f59e0b;background:#fef3c7;color:#92400e;box-shadow:inset 0 0 0 1px #f59e0b24,0 4px 12px #f59e0b1f}.priority-filter-pill.high.active{border-color:#f43f5e;background:#ffe4e6;color:#be123c;box-shadow:inset 0 0 0 1px #f43f5e24,0 4px 12px #f43f5e1f}.priority-filter-pill.critical.active{border-color:#e11d48;background:#fecdd3;color:#881337;box-shadow:inset 0 0 0 1px #e11d4829,0 4px 12px #e11d4824}.project-tabs{display:flex;flex-wrap:wrap;gap:10px 20px;margin:24px 0;border-bottom:1px solid #d1d5db;padding:0}.project-tabs button{min-height:36px;border:1px solid transparent;border-radius:0;background:transparent;color:#111827;padding:0 0 12px;font-size:16px;font-weight:700}.project-tabs button.active{border-color:transparent;border-bottom:3px solid #1f6df0;background:transparent;color:#1553d7;box-shadow:none}.taskflow-floating-button{position:absolute;right:28px;bottom:28px;display:grid;width:72px;height:72px;place-items:center;border-radius:999px;background:linear-gradient(135deg,#2d8cf0,#1268dd);color:#fff;font-size:42px;font-weight:300;line-height:1;box-shadow:0 18px 28px #1f7ae047}.taskflow-floating-button:hover{transform:translateY(-1px)}.taskflow-table{width:100%;overflow:hidden;border:1px solid #d6dde6;border-radius:10px;border-collapse:separate;border-spacing:0;color:#111827;background:#fff;font-size:15px;box-shadow:0 16px 36px #0f172a0f}.taskflow-table th{background:#f1f3ff;color:#2f3748;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;text-align:left}.taskflow-table th,.taskflow-table td{border-bottom:1px solid #d6dde6;padding:15px 18px}.taskflow-table th:last-child,.taskflow-table td:last-child{width:1%;white-space:nowrap;text-align:right}.taskflow-table tr:last-child td{border-bottom:0}.taskflow-table tr:hover td,.taskflow-table .selected-row td{background:#f8fbff}.taskflow-table .task-name-button{background:transparent;color:#111827;font-size:16px;font-weight:800;padding:0;text-align:left}.management-shell{background:linear-gradient(90deg,#fff 0,#fff 280px,#f7f7ff 280px)}.management-main{display:grid;align-content:start;gap:20px}.management-shell .topbar{position:static;min-height:auto;border:1px solid #d7ddeb;border-radius:14px;background:#fff;box-shadow:0 10px 22px #0f172a0d;padding:18px 20px}.management-shell .topbar h1{color:#0f172a;font-size:32px;font-weight:900}.management-shell .topbar p{color:#64748b;font-size:14px;font-weight:700}.management-shell .management-grid{grid-template-columns:minmax(320px,.8fr) minmax(440px,1.2fr);gap:20px;margin-top:0}.management-shell .panel,.management-shell .note-card{border-color:#d7ddeb;border-radius:14px;background:#fff;box-shadow:0 14px 30px #0f172a0f}.management-shell .panel-header{border-bottom-color:#eef2f7;padding:18px 20px}.management-shell .panel-header h2{color:#0f172a;font-size:20px;font-weight:900}.management-shell .panel-body{padding:20px}.management-shell .row-list{gap:10px;padding:14px}.management-shell .row-button{align-items:center;min-height:58px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:0 14px}.management-shell .row-button:hover,.management-shell .row-button.active{border-color:#b8cff5;background:#f8fbff;box-shadow:0 8px 18px #0f6ff814}.management-shell .row-button-copy strong{color:#0f172a;font-size:15px;font-weight:900}.management-shell .row-button-copy span{color:#64748b;font-size:12px;font-weight:700}.management-shell .chip{border-radius:8px;letter-spacing:.04em}.management-shell .form-grid{gap:16px}.management-shell .field label{color:#334155;letter-spacing:.04em}.management-shell .field input,.management-shell .field select,.management-shell .field textarea{min-height:44px;border-color:#cbd5e1;border-radius:10px;background:#fff}.management-shell .button-row{padding-top:4px}.management-shell .btn{min-height:44px;border-radius:8px}.management-shell .stack-top{margin-top:0}.management-shell .note-list{gap:12px;padding:14px}.management-shell .trash-note-card{border-left-color:#f59e0b}.profile-grid{align-items:start}.profile-grid input:disabled{background:#f1f5f9;color:#64748b}.priority-badge{display:inline-flex;align-items:center;gap:7px;min-height:28px;min-width:74px;border:1px solid transparent;border-radius:999px;padding:0 11px;font-size:12px;font-weight:800;line-height:1}.priority-badge:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:999px}.priority-badge.high{border-color:#fecdd3;background:#fff1f2;color:#be123c}.priority-badge.high:before{background:#f43f5e}.priority-badge.critical{border-color:#fb7185;background:#ffe4e6;color:#9f1239}.priority-badge.critical:before{background:#e11d48}.priority-badge.medium{border-color:#fde2a8;background:#fffbeb;color:#92400e}.priority-badge.medium:before{background:#f59e0b}.priority-badge.low{border-color:#b7ead4;background:#f0fdf6;color:#047857}.priority-badge.low:before{background:#10b981}.assignee-stack{display:flex;align-items:center;padding-left:1px}.task-assignee-pill-list{display:none}.assignee-avatar{display:grid;width:32px;height:32px;place-items:center;border:2px solid #ffffff;border-radius:999px;color:#24304a;font-size:13px;font-weight:800}.assignee-avatar+.assignee-avatar{margin-left:-8px}.avatar-1{background:#dfe4ff}.avatar-2{background:#e8ecff}.avatar-3{background:#c9d6ff}.progress-cell{display:flex;align-items:center;justify-content:flex-end;gap:16px}.progress-track{display:block;width:130px;height:10px;border-radius:999px;background:#dfe3f1;overflow:hidden}.progress-fill{display:block;height:100%;border-radius:inherit}.progress-fill.active{background:#2589e8}.progress-fill.warning{background:#facc15}.progress-fill.danger{background:#ef4444}.progress-fill.done{background:#10b981}.task-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:start center;background:#f6fbffb8;padding:36px 28px 28px}.task-modal{display:flex;flex-direction:column;width:min(960px,100%);max-height:min(860px,calc(100vh - 56px));overflow:hidden;border:1px solid #d6dde6;border-radius:16px;background:#fff;box-shadow:0 28px 70px #0f172a47}.task-modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e5e7eb;padding:22px 24px}.task-modal-header h2{margin:0;color:#0f172a;font-size:24px;font-weight:900;letter-spacing:-.03em}.task-modal-header p{margin:4px 0 0;color:#6b7280}.task-modal-actions{display:flex;align-items:center;gap:12px}.task-modal-close{display:grid;width:38px;height:38px;place-items:center;border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#111827;font-size:18px;font-weight:900}.task-modal-close:hover{background:#f3f4f6}.task-modal-body{flex:1 1 auto;min-height:0;max-height:calc(min(860px,100vh - 56px) - 91px);overflow-y:auto;overflow-x:hidden;padding:24px}.tag-input-box{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:46px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;padding:7px}.tag-input-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #1e40af26}.tag-input-box input{flex:1 1 180px;min-width:160px;min-height:30px;border:0;outline:0;padding:4px 6px}.tag-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;border-radius:999px;background:#e8f2ff;color:#1e40af;padding:0 8px 0 12px;font-size:13px;font-weight:800}.tag-chip button{display:grid;width:20px;height:20px;place-items:center;border-radius:999px;background:#1e40af1f;color:#1e40af;font-size:12px;font-weight:900}.create-task-modal{width:min(664px,calc(100vw - 32px));max-height:calc(100vh - 72px);border-radius:6px;box-shadow:0 10px 24px #0f172a2e}.create-task-header{position:relative;background:linear-gradient(180deg,#2f7fd9,#1f72d0);color:#fff;padding:14px 19px}.create-task-header h2{margin:0;font-size:20px;font-weight:800}.create-task-close{position:absolute;top:50%;right:14px;display:grid;width:34px;height:34px;place-items:center;border-radius:999px;background:#ffffff29;color:#fff;font-size:18px;font-weight:800;transform:translateY(-50%)}.create-task-modal .task-modal-body{max-height:none;padding:18px 18px 20px}.create-task-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.create-task-form .full{grid-column:1 / -1}.create-task-title{grid-column:1 / -1;width:100%;min-height:44px;border:1px solid #2b7aa1;border-radius:5px;color:#111827;font-size:24px;outline:0;padding:6px 10px}.create-task-title::placeholder{color:#8b949e}.create-task-field{display:grid;gap:6px}.create-task-field label,.form-label{color:#111827;font-size:14px;font-weight:700}.create-task-field select,.create-task-field input[type=date],.create-task-field input[type=text]{width:100%;min-height:34px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#111827;padding:6px 10px}.field-hint{color:#64748b;font-size:12px}.rich-editor-shell{overflow:hidden;border:1px solid #cbd5e1;border-radius:6px}.rich-toolbar{display:flex;align-items:center;gap:16px;min-height:36px;border-bottom:1px solid #e5e7eb;background:#f8fafc;color:#374151;padding:0 13px;font-size:14px}.rich-toolbar-button{min-height:28px;border-radius:8px;background:#fff;color:#374151;padding:0 10px;font-size:13px;font-weight:700}.rich-toolbar-button.active{background:#dbeafe;color:#1d4ed8;box-shadow:inset 0 0 0 1px #93c5fd}.rich-editor-input{width:100%;min-height:101px;border:0;outline:0;padding:12px}.rich-editor-input:empty:before{color:#94a3b8;content:attr(data-placeholder)}.rich-editor-input ul,.rich-editor-input ol,.rich-text-content ul,.rich-text-content ol{margin:0;padding-left:20px}.rich-text-content p,.rich-text-content div{margin:0 0 8px}.assignee-picker{position:relative;display:flex;align-items:center;min-height:34px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;padding:3px 8px}.assignee-picker select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.selected-assignee-chip{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#e9eef4;padding:3px 10px 3px 4px;color:#374151;font-size:13px}.mini-avatar{display:grid;width:22px;height:22px;place-items:center;border-radius:999px;background:#d26457;color:#fff;font-size:12px;font-weight:800}.priority-segment{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.priority-segment button{min-height:40px;border:1px solid #d5dbe4;border-radius:999px;background:#fff;color:#374151;padding:0 10px;font-weight:700}.priority-segment button:nth-child(1){background:#e7f8ec;border-color:#b8e5c6;color:#047857}.priority-segment button:nth-child(2){background:#fff5d7;border-color:#f4d68a;color:#b45309}.priority-segment button:nth-child(3){background:#ffe6c7;border-color:#f5b971;color:#c2410c}.priority-segment button:nth-child(4){background:#ffe0e3;border-color:#f2a5ad;color:#be123c}.priority-segment button.active{border-width:2px;box-shadow:0 0 0 2px #0f172a14;font-weight:800}.progress-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.progress-editor input[type=range]{width:100%;accent-color:#2589e8}.progress-editor strong{color:#111827;font-size:14px;font-weight:800}.create-tags{min-height:34px;padding:4px 7px}.create-tags input{min-height:24px}.create-subtask-list{display:grid;gap:8px}.create-subtask-empty{display:grid;justify-items:start;gap:12px;border:1px dashed #c7d2de;border-radius:14px;background:#f8fbff;padding:14px}.create-subtask-empty p{margin:0;color:#64748b;font-size:14px;font-weight:600}.create-subtask-card{display:grid;gap:10px;border:1px solid #d5dbe4;border-radius:12px;background:#fff;padding:12px}.create-subtask-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.create-subtask-card-header strong{color:#111827;font-size:15px}.create-subtask-card-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#64748b;font-size:13px;font-weight:600}.create-subtask-card-actions{display:flex;gap:8px}.create-subtask-card-actions button{min-height:32px;border:1px solid #d5dbe4;border-radius:999px;background:#f8fafc;color:#334155;padding:0 12px}.create-subtask-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:start;border:1px solid #cbd5e1;border-radius:7px;padding:6px 8px}.create-subtask-row input[type=checkbox]{width:18px;height:18px;margin-top:4px;accent-color:#2f7fd9}.create-subtask-row textarea{min-height:24px;border:0;outline:0;resize:vertical;padding:2px 0}.create-subtask-row button{width:24px;height:24px;border-radius:999px;background:#f3f4f6;color:#6b7280}.add-subtask-button{justify-self:start;min-height:40px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#4b5563;padding:0 12px}.add-subtask-button.primary{border-color:#1f7ae0;background:#1f7ae0;color:#fff;font-weight:800}.subtask-modal{width:min(680px,calc(100vw - 32px))}.subtask-modal-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 22px 22px}.subtask-status-segment{grid-template-columns:repeat(2,1fr)}.subtask-modal-footer{grid-column:1 / -1;margin:0;padding:0}.create-task-footer{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;align-items:center;margin-top:0;padding-top:2px}.cancel-task-button,.create-task-submit{min-width:84px;min-height:36px;border-radius:7px;font-weight:700}.cancel-task-button{background:#d1d5db;color:#111827}.create-task-submit{background:#2f7fd9;color:#fff}.picker-open-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:34px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#111827;padding:6px 10px;text-align:left}.picker-open-button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-open-button span:last-child{color:#1f7ae0;font-size:13px;font-weight:900}.picker-modal{position:fixed;top:98px;z-index:32;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 150px);overflow:auto;border:1px solid #cbd5e1;border-radius:12px;background:#fff;box-shadow:0 22px 60px #0f172a47;padding:14px}.picker-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.picker-modal-header h3{margin:0;color:#111827;font-size:18px;font-weight:900}.picker-modal-header button{display:grid;width:30px;height:30px;place-items:center;border-radius:999px;background:#f3f4f6;color:#4b5563;font-weight:900}.picker-create-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;margin-bottom:12px}.picker-create-row input{min-height:38px;border:1px solid #cbd5e1;border-radius:8px;outline:0;padding:0 10px}.picker-create-row button{border-radius:8px;background:#1f7ae0;color:#fff;font-size:22px;font-weight:700}.picker-option-list{display:grid;gap:7px}.picker-option-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#111827;padding:0 11px;text-align:left}.picker-option-list button.active{border-color:#1f7ae0;background:#eef6ff;box-shadow:inset 3px 0 #1f7ae0}.picker-option-list small{color:#6b7280}.picker-footer{display:flex;justify-content:flex-end;margin-top:12px}.picker-footer button{min-width:80px;min-height:36px;border-radius:8px;background:#1f7ae0;color:#fff;font-weight:900}.task-detail-backdrop{align-items:start;background:#f6fbffe0;padding-top:20px;overflow:hidden;overflow-x:hidden}.task-detail-modal{display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:18px;width:min(1140px,calc(100vw - 48px));min-height:0;height:calc(100vh - 40px);max-height:calc(100vh - 40px);overflow:hidden}.task-detail-main,.task-detail-side{min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;border:1px solid #d6dde6;border-radius:12px;background:#fff;box-shadow:0 14px 32px #0f172a14}.task-detail-main{position:relative;padding:28px 28px 34px}.task-detail-close{position:absolute;top:16px;right:16px;display:grid;width:34px;height:34px;place-items:center;border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#4b5563;font-weight:900}.task-detail-main h2{max-width:calc(100% - 52px);margin:0 0 18px;color:#050b16;font-size:32px;line-height:1.14;letter-spacing:-.04em}.task-detail-description{max-width:760px;margin:0;color:#111827;font-size:16px;line-height:1.5;white-space:pre-wrap}.detail-divider{height:1px;margin:22px 0;background:#d9dee7}.detail-subtask-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.detail-subtask-actions{display:flex;align-items:center;gap:10px}.detail-subtask-actions button{min-height:30px;border-radius:7px;background:#0f74d8;color:#fff;padding:0 12px;font-weight:900}.detail-subtask-header h3,.detail-timeline h3{margin:0;color:#111827;font-size:20px;font-weight:900;letter-spacing:-.03em}.detail-subtask-header span{color:#374151;font-size:16px}.detail-progress-track{display:block;height:9px;border-radius:999px;background:#e5e7eb;overflow:hidden}.detail-subtask-list{display:grid;gap:12px;margin-top:18px}.detail-subtask-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;color:#111827;font-size:16px}.detail-check{display:grid;width:18px;height:18px;place-items:center;border:1px solid #9ca3af;border-radius:4px;color:#fff;font-size:12px;font-weight:900;line-height:1;padding:0}.detail-check.checked{border-color:#1f7ae0;background:#1f7ae0}.detail-comment-icon{position:relative;width:18px;height:15px;border:1px solid #6b7280;border-radius:4px}.detail-comment-icon:after{position:absolute;left:3px;bottom:-5px;width:7px;height:7px;border-left:1px solid #6b7280;border-bottom:1px solid #6b7280;background:#fff;content:"";transform:skewY(-28deg)}.detail-comment-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;margin:16px 0 20px;padding-left:2px}.detail-comment-avatar,.timeline-avatar,.detail-assignee-avatar{display:grid;place-items:center;border-radius:999px;font-weight:900}.detail-comment-avatar{width:31px;height:31px;background:#bde7ef;color:#0f172a}.detail-comment-form input{min-height:36px;border:1px solid #cbd5e1;border-radius:7px;padding:0 12px;outline:0}.detail-comment-form input:focus,.detail-side-field select:focus{border-color:#1f7ae0;box-shadow:0 0 0 3px #1f7ae024}.detail-comment-form button{min-width:64px;min-height:36px;border-radius:7px;background:#e5e7eb;color:#111827;font-weight:800}.detail-timeline{display:grid;gap:13px}.timeline-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}.timeline-avatar{width:30px;height:30px;background:#c7e7ef;color:#0f172a;font-size:13px}.timeline-avatar.system{background:#eef2f7;color:#4b5563}.timeline-item p{margin:0;color:#111827;line-height:1.35}.timeline-item p+p{margin-top:2px}.timeline-item span{color:#6b7280;font-size:14px;font-weight:500}.task-detail-side{display:grid;align-content:start;gap:20px;padding:25px}.detail-side-actions{display:grid;grid-template-columns:1fr auto;gap:10px}.detail-primary-action,.detail-secondary-action{min-height:40px;border-radius:7px;padding:0 14px;font-weight:900}.detail-primary-action{background:#0f74d8;color:#fff;box-shadow:0 6px 14px #0f74d838}.detail-secondary-action{border:1px solid #cbd5e1;background:#eef2f7;color:#111827}.detail-side-field{display:grid;gap:8px}.detail-side-field label,.detail-side-field>span:first-child{color:#111827;font-size:16px;font-weight:900}.detail-side-field select{min-height:38px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#111827;padding:0 10px;outline:0}.detail-assignee-card{display:flex;align-items:center;gap:11px;border:1px solid #cbd5e1;border-radius:9px;padding:11px}.detail-assignee-list{display:grid;gap:8px}.detail-assignee-avatar{width:42px;height:42px;background:#d26457;color:#fff}.detail-assignee-card strong{display:block;color:#111827}.detail-assignee-card small,.detail-tag-list small,.detail-empty{color:#6b7280}.detail-project-name{color:#0f5c83}.detail-tag-list{display:flex;flex-wrap:wrap;gap:8px}.detail-tag{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;background:#e5e7eb;color:#111827;padding:0 10px;font-size:13px;font-weight:800}@media (max-width: 1040px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.nav-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.content{padding:0 16px 24px}.dashboard-grid,.workspace-grid,.management-grid,.dashboard-main-grid{grid-template-columns:1fr}.task-detail-modal{grid-template-columns:1fr;overflow:auto}.task-detail-main,.task-detail-side{overflow:visible}.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar{padding:14px}.dashboard-sidebar .nav-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dashboard-topbar{margin:0 -16px}.taskflow-desktop-header-main{grid-template-columns:1fr}.taskflow-search,.taskflow-new-task-button{width:100%}.taskflow-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.taskflow-board{overflow:hidden;padding:20px 20px 72px}.taskflow-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.taskflow-table{table-layout:fixed;font-size:13px}.taskflow-table th,.taskflow-table td{padding:12px 10px}.taskflow-table .task-name-button{display:block;max-width:100%;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.taskflow-table .task-assignee-pill-list{display:none}.taskflow-table .progress-cell{min-width:0}.taskflow-table .progress-track{width:82px}.taskflow-table .card-delete-button{padding:0 9px}}@media (max-width: 720px){.topbar{align-items:flex-start;flex-direction:column;padding:14px 0}.dashboard-grid,.form-grid,.dashboard-shell .dashboard-grid{grid-template-columns:1fr}.search-box{width:100%}.dashboard-sidebar .nav-stack{grid-template-columns:1fr}.task-table{display:block;overflow-x:auto}.taskflow-summary-grid,.subtask-row,.login-card{grid-template-columns:1fr}.login-hero{min-height:156px;padding:18px 24px}.login-lion-brand{gap:10px}.login-lion-brand .brand-lion-mark{width:96px;height:96px;box-shadow:0 16px 32px #1e40af47}.login-lion-brand span{font-size:18px}.login-form{gap:12px;padding:22px 24px 24px}}@media (max-width: 760px){body{background:#fff}.pwa-status{right:12px;bottom:92px;left:12px;max-width:none}.taskflow-desktop-header{display:none}.app-shell{display:block;min-height:100vh;background:#f7f7fb;padding-bottom:88px}.app-shell .sidebar{display:none}.app-shell .content{padding:0 0 112px}.app-shell .content>.taskflow-mobile-header{display:flex}.app-shell .content>.taskflow-mobile-header.taskflow-mobile-header-dashboard{display:grid}.app-shell .topbar{display:none}.app-shell .panel{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.app-shell .panel-header{align-items:flex-start;gap:10px;border-bottom:0;padding:18px 0 10px}.app-shell .panel-header h2{color:#111827;font-size:18px;font-weight:800;letter-spacing:-.02em}.app-shell .panel-header-meta{gap:8px}.app-shell .panel-body,.app-shell .note-list,.app-shell .row-list{padding-left:0;padding-right:0}.app-shell .panel-body{padding-top:4px;padding-bottom:0}.app-shell .management-grid{margin:14px 16px 0;gap:18px}.app-shell .stack-top{margin:14px 16px 0}.app-shell .row-list{gap:10px;padding-top:14px;padding-bottom:14px}.app-shell .row-button{align-items:center;min-height:52px;border:1px solid #d8e0ea;border-radius:14px;background:#f8fafc;padding:0 14px;font-size:15px;font-weight:700}.app-shell .row-button-main{min-height:50px}.app-shell .row-button:hover{background:#eef5ff}.app-shell .row-button.active{border-color:#9ec8f4;background:linear-gradient(180deg,#eef6ff,#e7f0ff);box-shadow:inset 0 0 0 1px #1f7ae014}.app-shell .row-button-copy strong{font-size:15px;letter-spacing:-.02em}.app-shell .row-button-copy span{font-size:12px;font-weight:600}.app-shell .form-grid{grid-template-columns:1fr;gap:12px}.app-shell .field label,.app-shell .fieldset-title{color:#111827;font-size:13px;letter-spacing:0;text-transform:none}.app-shell .field input,.app-shell .field select,.app-shell .field textarea{min-height:46px;border-radius:14px;background:#f8fafc;font-size:15px;padding:11px 14px}.app-shell .field textarea{min-height:120px}.app-shell .button-row{display:grid;grid-template-columns:1fr;gap:10px}.app-shell .btn{width:100%;min-height:46px;border-radius:14px;font-size:15px}.app-shell .btn-secondary{background:#eef2f7;border-color:#d6dde6;color:#334155}.app-shell .btn-danger{background:#fff1f2;color:#dc2626}.app-shell .note-list{gap:12px;padding-top:14px;padding-bottom:14px}.app-shell .note-card{border-left-width:5px;border-radius:18px;padding:16px;box-shadow:0 8px 20px #0f172a0a}.app-shell .note-card-meta{gap:6px 12px;font-size:13px}.app-shell .trash-note-card{gap:12px}.app-shell .trash-note-card-head{align-items:center}.app-shell .trash-note-card-meta{display:grid;gap:6px}.app-shell .trash-note-card-actions .btn{width:auto;min-width:120px;padding-left:18px;padding-right:18px}.app-shell .chip{min-height:24px;padding:3px 10px;font-size:10px;letter-spacing:.06em}.app-shell .panel-meta-chip{border-radius:999px;background:#e9f2ff;color:#1f4f93;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.app-shell .panel-meta-chip.warning{background:#fff4e5;color:#b45309}.app-shell .status-text{font-size:13px;font-weight:700}.app-shell .empty-state{border:1px dashed #d8e0ea;border-radius:14px;background:#f8fafc;color:#64748b;margin:14px 16px;padding:18px 14px;font-size:14px;font-weight:600}.app-mobile-shell{min-height:100vh;padding-bottom:88px}.app-mobile-shell-tasks{min-height:100svh;padding-bottom:0}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;height:78px;border-top:1px solid #d7dde5;background:#fffffffa;padding:7px 12px 8px;box-shadow:0 -8px 22px #0f172a0f}.mobile-bottom-nav-item{display:grid;justify-items:center;gap:4px;min-height:62px;border-radius:0;padding:5px 2px;color:#6b7280;font-size:11px;font-weight:600;text-decoration:none}.mobile-bottom-nav button.mobile-bottom-nav-item{border:0;background:transparent;font-family:inherit}.taskflow-mobile-profile-link{color:#111827;font-size:18px;font-weight:800;letter-spacing:-.03em;text-decoration:none}.mobile-bottom-nav-item.active,.mobile-bottom-nav-item:hover{background:transparent;color:#1f7ae0}.mobile-bottom-nav-item.active{box-shadow:none}.mobile-bottom-nav-item.active .tf-icon{color:#1f7ae0}.mobile-more-menu{position:fixed;right:12px;bottom:88px;z-index:29;display:none;min-width:184px;border:1px solid #d7dde5;border-radius:16px;background:#fffffffa;padding:8px;box-shadow:0 18px 38px #0f172a29}.mobile-more-menu.open{display:grid;gap:4px}.mobile-more-menu-item{display:flex;align-items:center;gap:12px;min-height:42px;border-radius:12px;color:#334155;padding:0 12px;font-size:14px;font-weight:800;text-decoration:none}.mobile-more-menu-item.active,.mobile-more-menu-item:hover{background:#eef5ff;color:#1f7ae0}.mobile-bottom-nav-item-create{align-self:center;place-items:center;min-height:62px;margin-top:0;background:transparent;color:#1f7ae0;box-shadow:none}.mobile-bottom-nav-item-create:hover,.mobile-bottom-nav-item-create.active{background:transparent;color:#1f7ae0;box-shadow:none}.mobile-bottom-nav-create-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:999px;background:linear-gradient(180deg,#2f7fd9,#1f72d0);color:#fff;box-shadow:0 8px 20px #1f7ae059;font-size:32px;font-weight:400;line-height:1}.taskflow-shell{display:block;min-height:100vh;background:#f7f7fb;padding-bottom:88px}.app-mobile-shell-tasks .taskflow-shell{min-height:100svh;padding-bottom:0}.taskflow-sidebar{display:none}.taskflow-mobile-header{display:flex;align-items:center;position:sticky;top:0;z-index:12;min-height:74px;border-bottom:1px solid #e2e8f0;background:#fffffff5;padding:14px 16px 8px}.taskflow-mobile-header-dashboard{display:grid;gap:12px}.taskflow-mobile-brand{display:flex;align-items:center;justify-content:space-between;gap:12px}.taskflow-mobile-brand strong{color:#111827;font-size:18px;font-weight:800;letter-spacing:-.03em}.taskflow-mobile-avatar{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;background:transparent;overflow:hidden;box-shadow:0 5px 12px #1e40af24}.taskflow-mobile-avatar img{width:100%;height:100%;object-fit:cover}.taskflow-mobile-userblock{display:flex;align-items:center;gap:8px}.taskflow-mobile-logout{display:grid;width:26px;height:26px;place-items:center;border-radius:999px;background:#fee2e2;color:#dc2626}.taskflow-mobile-logout-icon{position:relative;width:14px;height:14px}.taskflow-mobile-logout-icon:before{position:absolute;left:1px;top:1px;width:8px;height:12px;border:2px solid currentColor;border-right:0;border-radius:3px 0 0 3px;content:""}.taskflow-mobile-logout-icon:after{position:absolute;right:0;top:5px;width:8px;height:2px;background:currentColor;box-shadow:3px -3px 0 -1px currentColor,3px 3px 0 -1px currentColor;content:"";transform:none}.taskflow-mobile-search-button{display:grid;width:36px;height:36px;place-items:center;border-radius:999px;background:transparent;color:#1f7ae0}.taskflow-mobile-filter-button{display:grid;flex:0 0 auto;width:36px;height:36px;place-items:center;border-radius:999px;background:transparent;color:#1f7ae0}.taskflow-mobile-search-button .search-icon{width:18px;height:18px}.taskflow-mobile-filter-icon{position:relative;width:18px;height:18px}.taskflow-mobile-filter-icon:before{position:absolute;left:2px;right:2px;top:3px;height:2px;background:currentColor;box-shadow:0 5px 0 currentColor,0 10px 0 currentColor;content:""}.taskflow-mobile-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px 0}.taskflow-mobile-header-dashboard .taskflow-mobile-toolbar{padding:0}.taskflow-mobile-pagebar{align-items:center;justify-content:space-between;padding:0}.taskflow-mobile-pagebar-copy{display:grid;gap:2px;min-width:0}.taskflow-mobile-pagebar-copy strong{color:#111827;font-size:15px;font-weight:800;letter-spacing:-.02em}.taskflow-mobile-pagebar-copy span{color:#64748b;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taskflow-mobile-pagebar-action{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;min-height:34px;border-radius:999px;background:linear-gradient(180deg,#2689ef,#1975df);color:#fff;padding:0 12px;font-size:12px;font-weight:800;text-decoration:none;box-shadow:0 6px 14px #1f7ae033}.taskflow-mobile-pagebar-action.secondary{background:#eef2f7;color:#334155;box-shadow:none}.taskflow-mobile-pagebar-action-icon{position:relative;width:12px;height:12px;flex:0 0 auto}.taskflow-mobile-pagebar-action-icon.plus:before,.taskflow-mobile-pagebar-action-icon.plus:after{position:absolute;left:5px;top:0;width:2px;height:12px;border-radius:999px;background:currentColor;content:""}.taskflow-mobile-pagebar-action-icon.plus:after{left:0;top:5px;width:12px;height:2px}.taskflow-mobile-pagebar-action-icon.back:before,.taskflow-mobile-pagebar-action-icon.back:after{position:absolute;content:""}.taskflow-mobile-pagebar-action-icon.back:before{left:1px;top:5px;width:10px;height:2px;border-radius:999px;background:currentColor}.taskflow-mobile-pagebar-action-icon.back:after{left:1px;top:2px;width:6px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.taskflow-mobile-search-pill{display:flex;align-items:center;flex:1 1 auto;min-height:44px;border:1px solid #d6dde6;border-radius:999px;background:#f8fafc;padding:0 14px}.taskflow-mobile-search-pill .search-icon{flex:0 0 auto;width:18px;height:18px}.taskflow-mobile-search-pill input{width:100%;min-width:0;min-height:40px;border:0;outline:0;background:transparent;color:#111827;padding:0 0 0 10px;font-size:15px}.tf-icon{width:22px;height:22px}.taskflow-main{padding:0}.management-main{display:block;padding:0 0 112px}.management-shell .topbar{display:none}.management-shell .management-grid,.management-shell .stack-top{margin:14px 16px 0}.management-shell .management-grid{display:grid;grid-template-columns:1fr;gap:18px}.management-shell .panel{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.management-shell .panel-header{align-items:flex-start;gap:10px;border-bottom:0;padding:18px 0 10px}.management-shell .panel-header h2{color:#111827;font-size:18px;font-weight:800;letter-spacing:-.02em}.management-shell .panel-header-meta{gap:8px}.management-shell .panel-body,.management-shell .row-list,.management-shell .note-list{padding-left:0;padding-right:0}.management-shell .panel-body{padding-top:4px;padding-bottom:0}.management-shell .row-list{gap:10px;padding-top:14px;padding-bottom:14px}.management-shell .row-button{align-items:center;min-height:52px;border:1px solid #d8e0ea;border-radius:14px;background:#f8fafc;padding:0 14px;font-size:15px;font-weight:700}.management-shell .row-button-main{min-height:50px}.management-shell .row-button:hover{background:#eef5ff}.management-shell .row-button.active{border-color:#9ec8f4;background:linear-gradient(180deg,#eef6ff,#e7f0ff);box-shadow:inset 0 0 0 1px #1f7ae014}.management-shell .row-button-copy strong{font-size:15px;letter-spacing:-.02em}.management-shell .row-button-copy span{font-size:12px;font-weight:600}.management-shell .form-grid{grid-template-columns:1fr;gap:12px}.management-shell .field label,.management-shell .fieldset-title{color:#111827;font-size:13px;letter-spacing:0;text-transform:none}.management-shell .field input,.management-shell .field select,.management-shell .field textarea{min-height:46px;border-radius:14px;background:#f8fafc;font-size:15px;padding:11px 14px}.management-shell .field textarea{min-height:120px}.management-shell .button-row{display:grid;grid-template-columns:1fr;gap:10px}.management-shell .btn{width:100%;min-height:46px;border-radius:14px;font-size:15px}.management-shell .btn-secondary{background:#eef2f7;border-color:#d6dde6;color:#334155}.management-shell .btn-danger{background:#fff1f2;color:#dc2626}.management-shell .note-list{gap:12px;padding-top:14px;padding-bottom:14px}.management-shell .note-card{border-left-width:5px;border-radius:18px;padding:16px;box-shadow:0 8px 20px #0f172a0a}.management-shell .note-card-meta{gap:6px 12px;font-size:13px}.management-shell .trash-note-card{gap:12px}.management-shell .trash-note-card-head{align-items:center}.management-shell .trash-note-card-meta{display:grid;gap:6px}.management-shell .trash-note-card-actions .btn{width:auto;min-width:120px;padding-left:18px;padding-right:18px}.management-shell .chip{min-height:24px;padding:3px 10px;font-size:10px;letter-spacing:.06em}.management-shell .panel-meta-chip{border-radius:999px;background:#e9f2ff;color:#1f4f93;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.management-shell .panel-meta-chip.warning{background:#fff4e5;color:#b45309}.management-shell .status-text{font-size:13px;font-weight:700}.management-shell .empty-state{border:1px dashed #d8e0ea;border-radius:14px;background:#f8fafc;color:#64748b;margin:14px 0;padding:18px 14px;font-size:14px;font-weight:600}.taskflow-board{min-height:calc(100vh - 82px);border:0;border-radius:0;box-shadow:none;padding:4px 16px 112px}.app-mobile-shell-tasks .taskflow-board{min-height:auto;padding-bottom:88px}.taskflow-board-header{display:grid;gap:12px}.taskflow-filter-panel{display:none;gap:12px;grid-template-columns:1fr}.taskflow-filter-panel.mobile-open{display:grid}.taskflow-search{display:none}.taskflow-search input{min-height:48px;background:transparent;font-size:19px}.taskflow-tabs{width:100%;min-width:0;max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:48px;border-color:#c6ccd4;border-radius:999px;padding:4px}.taskflow-tabs button{width:100%;border-radius:999px;font-size:17px;font-weight:800;text-align:center}.taskflow-tabs button.active{background:linear-gradient(180deg,#2689ef,#1975df);color:#fff;box-shadow:0 4px 10px #1f7ae033}.taskflow-priority-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:auto}.taskflow-priority-pills button{min-height:36px;padding:0 12px;font-size:13px;font-weight:800}.project-tabs button{font-size:17px;font-weight:800}.project-tabs{position:sticky;top:118px;z-index:11;flex-wrap:nowrap;overflow-x:auto;gap:22px;margin:4px -16px 2px;border-bottom:0;background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:0 16px 3px;scrollbar-width:none}.project-tabs::-webkit-scrollbar{display:none}.project-tabs button{flex:0 0 auto;min-height:38px;border:0;border-bottom:4px solid transparent;border-radius:0;padding:0;color:#050b16}.project-tabs button.active{border-color:#2589e8;background:transparent;box-shadow:none;color:#2476a9}.taskflow-table,.taskflow-table thead,.taskflow-table tbody,.taskflow-table tr,.taskflow-table td{display:block;width:100%}.taskflow-table{border:0;border-radius:0;font-size:15px}.taskflow-table thead{display:none}.taskflow-table tr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"title title priority" "assignees assignees assignees" "date progress actions";gap:10px 12px;min-height:0;margin-bottom:12px;border:1px solid #cfd3da;border-radius:18px;background:#fff;box-shadow:0 10px 26px #0f172a12;overflow:hidden;padding:16px}.taskflow-table th,.taskflow-table td{border:0;padding:0}.taskflow-table td{display:block}.taskflow-table td:before{display:none}.taskflow-table td:nth-child(1){grid-area:title;display:block;min-width:0;padding-right:0}.taskflow-table td:nth-child(1):before{display:none}.taskflow-table td:nth-child(2):before{content:""}.taskflow-table td:nth-child(3):before{content:"Assignee"}.taskflow-table td:nth-child(4):before{content:"Deadline"}.taskflow-table td:nth-child(5):before{content:"Progress"}.taskflow-table td:nth-child(6):before{content:""}.taskflow-table .task-name-button{display:-webkit-box;overflow:hidden;font-size:19px;font-weight:900;line-height:1.24;-webkit-box-orient:vertical;-webkit-line-clamp:2}.task-title-cell{align-items:flex-start}.taskflow-table td:nth-child(2){grid-area:priority;display:flex;justify-content:flex-end;align-items:flex-start;margin-top:0}.taskflow-table td:nth-child(3){position:static;grid-area:assignees;justify-self:stretch}.taskflow-table td:nth-child(4){position:static;grid-area:date;align-self:end;color:#374151;font-size:15px;font-weight:800}.taskflow-table td:nth-child(5){position:static;grid-area:progress;align-self:end;min-width:160px}.taskflow-table td:nth-child(6){grid-area:actions;align-self:end;justify-self:end;width:auto;white-space:nowrap;text-align:right}.taskflow-table td:nth-child(6) .card-delete-button{min-height:32px;padding:0 12px}.taskflow-table .priority-badge{width:16px;min-width:16px;height:16px;min-height:16px;border-radius:999px;border:2px solid #ffffff;padding:0;font-size:0;line-height:0;box-shadow:0 0 0 5px #0f172a14}.taskflow-table .priority-badge:before{display:none}.taskflow-table .priority-badge.critical{background:#e11d48;box-shadow:0 0 0 5px #e11d4833}.taskflow-table .priority-badge.high{background:#fb7185;box-shadow:0 0 0 5px #fb718538}.taskflow-table .priority-badge.medium{background:#fbbf24;box-shadow:0 0 0 5px #fbbf2438}.taskflow-table .priority-badge.low{background:#34d399;box-shadow:0 0 0 5px #34d39938}.taskflow-table .assignee-stack{display:none}.task-assignee-pill-list{display:flex;flex-wrap:wrap;gap:8px}.task-assignee-pill{display:inline-flex;align-items:center;min-height:32px;border:1px solid #d7dce4;border-radius:999px;background:#f7f8fb;color:#1f2937;padding:0 12px;font-size:14px;font-weight:700}.progress-cell{min-width:0;gap:5px;justify-items:stretch;text-align:right;font-size:16px;font-weight:900}.progress-track{width:100%;height:8px}.taskflow-floating-button{display:none}@media (max-width: 430px){.taskflow-main:before{padding-left:16px;padding-right:16px;font-size:32px}.taskflow-main:after{right:16px}.taskflow-board{padding-left:12px;padding-right:12px}.project-tabs{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.taskflow-search input,.taskflow-tabs button,.project-tabs button,.taskflow-table .task-name-button,.task-assignee-pill,.taskflow-table td:nth-child(4),.progress-cell{font-size:15px}.taskflow-table .task-name-button{font-size:18px}.taskflow-table tr{padding:14px}.taskflow-table td:nth-child(3){top:auto;right:auto}.taskflow-table td:nth-child(4){left:18px}.taskflow-table td:nth-child(5){left:auto;right:auto;min-width:132px}.taskflow-floating-button{display:none}}.task-modal-backdrop{z-index:28;place-items:end stretch;background:#0f172a38;padding:24px 0 88px;overflow:hidden}.create-task-modal{width:100vw;height:auto;max-height:calc(100vh - 112px);border:0;border-radius:24px 24px 0 0;box-shadow:0 -18px 44px #0f172a2e;overflow:hidden}.create-task-header{position:sticky;top:0;z-index:2;display:grid;place-items:center;min-height:58px;border-bottom:1px solid #d7dde5;background:#fffffff5;color:#111827;padding:0 58px}.create-task-header h2{font-size:18px}.create-task-close{right:12px;background:#eef2f7;color:#334155}.create-task-modal .task-modal-body{max-height:calc(100vh - 170px);padding:18px 16px 28px;overflow:auto}.create-task-form{grid-template-columns:1fr;gap:14px}.create-task-title{min-height:46px;border:0;border-bottom:1px solid #e5e7eb;border-radius:0;font-size:25px;font-weight:900;padding:7px 0}.rich-editor-input{min-height:132px}.priority-segment{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.priority-segment button{min-height:38px;padding:0 6px;font-size:12px}.create-task-footer{position:static;z-index:auto;margin:16px 0 0;border-top:1px solid #d7dde5;background:transparent;padding:14px 0 0}.cancel-task-button,.create-task-submit,.create-task-footer .btn-danger{min-height:46px}.create-task-submit{flex:1}.picker-modal{top:50%;left:12px;right:12px;bottom:auto;width:auto;max-height:min(calc(100vh - 140px),560px);border-radius:18px;transform:translateY(-50%)}.subtask-modal-body{grid-template-columns:1fr;padding:0 16px 16px}.task-detail-backdrop{z-index:30;display:block;background:#fff;padding:0;overflow:hidden}.task-detail-modal{display:flex;flex-direction:column;width:100vw;height:100vh;max-height:100vh;gap:0;overflow:hidden}.task-detail-main{order:1;flex:1 1 auto;min-height:0;border:0;border-radius:0;box-shadow:none;overflow-y:auto;padding:88px 26px 152px}.task-detail-side{order:2;display:block;max-height:none;overflow:visible;border:0;border-radius:0;box-shadow:none;padding:0}.task-detail-main:before{position:fixed;top:0;left:0;right:0;z-index:4;display:grid;height:58px;place-items:center;border-bottom:1px solid #d7dde5;background:#fffffff5;color:#050b16;content:"Task Details";font-size:20px;font-weight:900}.task-detail-close{position:fixed;top:8px;left:12px;right:auto;z-index:5;width:auto;min-width:76px;border:0;background:transparent;color:#0f5c9f;font-size:0}.task-detail-close:before{content:"< Back";font-size:17px;font-weight:700}.task-detail-main h2{max-width:none;font-size:29px;line-height:1.12}.task-detail-description{max-width:none;font-size:18px;line-height:1.34}.detail-subtask-header h3,.detail-timeline h3{font-size:22px}.detail-subtask-header{align-items:end}.detail-subtask-actions{align-items:end;flex-direction:column;gap:6px}.detail-subtask-actions span{font-size:20px}.detail-subtask-row{grid-template-columns:auto minmax(0,1fr) auto;font-size:18px}.detail-comment-form{grid-template-columns:auto minmax(0,1fr) auto;margin:12px 0 26px}.detail-comment-form input{min-width:0}.timeline-item{gap:12px}.timeline-avatar{width:42px;height:42px;font-size:16px}.timeline-item p{font-size:18px}.timeline-item span{font-size:16px}.detail-side-actions{position:fixed;left:0;right:0;bottom:78px;z-index:5;display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid #d7dde5;background:#fffffff5;padding:12px 26px 14px}.detail-primary-action,.detail-secondary-action{min-height:48px;border-radius:10px;font-size:17px}.task-detail-side .detail-side-field{display:none}}