:root{--bg: #F9F9FB;--surface: #ffffff;--surface-soft: #f8fafc;--text: #172033;--muted: #667085;--line: #dfe5ec;--primary: #6f4bd8;--primary-dark: #5532b2;--primary-soft: #f0eaff;--danger: #b42318;--danger-soft: #fef3f2;--warning: #b54708;--warning-soft: #fffaeb;--success: #027a48;--success-soft: #ecfdf3;--info: #175cd3;--info-soft: #eff8ff;--shadow: 0 16px 40px rgba(16, 24, 40, .08);--radius-lg: 18px;--radius-md: 10px;--radius-sm: 6px}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,Arial,sans-serif;color:var(--text);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer;box-shadow:none!important}button:disabled{cursor:not-allowed;opacity:.55}.hidden{display:none!important}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-hero{padding:clamp(40px,7vw,96px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:#0c3153;position:relative;overflow:hidden}.auth-hero:before,.auth-hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:999px}.auth-hero:before{width:420px;height:420px;right:-170px;top:-140px}.auth-hero:after{width:280px;height:280px;right:50px;bottom:-180px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;position:relative;z-index:1}.brand-home-button{padding:0;border:0;color:inherit;background:transparent}.brand-mark{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#ffffff24;border:1px solid rgba(255,255,255,.2);font-size:24px}.hero-copy{position:relative;z-index:1;max-width:660px}.hero-copy h1{margin:0 0 18px;font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-.05em}.hero-copy p{margin:0;max-width:560px;font-size:clamp(16px,1.6vw,21px);line-height:1.7;color:#ffffffc7}.feature-list{display:grid;gap:12px;margin-top:36px;padding:0;list-style:none}.feature-list li{display:flex;align-items:center;gap:10px;color:#ffffffe6;font-weight:600}.feature-list span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#ffffff21}.hero-note{position:relative;z-index:1;color:#ffffff8c;font-size:14px;line-height:1.6}.auth-panel{width:min(100%,520px);padding:0;display:grid;place-items:center}.auth-card{width:min(100%,520px);padding:clamp(28px,4vw,44px);border-radius:var(--radius-lg);background:#fffffff0;border:1px solid rgba(223,229,236,.92);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-card h2{margin:0 0 8px;font-size:30px;letter-spacing:-.04em}.auth-card>p{margin:0 0 28px;color:var(--muted);line-height:1.6}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:26px;color:var(--primary-dark);font-weight:900;font-size:18px}.auth-brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--primary);font-size:23px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:24px;border-radius:10px;background:#eef2f6}.tab-button{border:0;border-radius:7px;padding:11px 12px;background:transparent;color:var(--muted);font-weight:800}.tab-button.active{background:var(--surface);color:var(--text);box-shadow:0 2px 7px #10182814}.field{display:grid;gap:8px;margin-bottom:16px}.field label{font-size:14px;font-weight:800;color:#344054}.field small{color:var(--muted);line-height:1.45}.input,.select{width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--surface);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.input:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #1018281a}.textarea{min-height:98px;resize:vertical;line-height:1.55}.date-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.collaborator-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:190px;overflow-y:auto;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}.collaborator-option{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid transparent;border-radius:8px;background:#fff;cursor:pointer}.collaborator-option:has(input:checked){border-color:#b9a5ee;background:var(--primary-soft)}.collaborator-option input{width:17px;height:17px;accent-color:var(--primary)}.collaborator-option span{min-width:0}.collaborator-option strong,.collaborator-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collaborator-option small{margin-top:2px;color:var(--muted);font-size:14px}.collaborator-empty{grid-column:1 / -1;padding:14px;color:var(--muted);text-align:center;font-size:14px}.primary-button,.filled-button,.filled-danger-button,.secondary-button,.ghost-button,.danger-button,.icon-button{border:0;border-radius:8px;font-weight:800;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.primary-button{width:100%;min-height:48px;padding:12px 16px;color:#fff;background:var(--primary)}.primary-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.filled-button{padding:10px 16px;color:#fff;background:var(--primary)}.filled-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.fab-icon{display:grid;width:20px;height:20px;flex:0 0 20px;place-items:center;line-height:0}.fab-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.filled-danger-button{padding:10px 14px;color:#fff;background:var(--danger)}.filled-danger-button:hover{background:#912018;transform:translateY(-1px)}.outline-danger-button{padding:10px 14px;border:1px solid #fda29b;border-radius:8px;color:var(--danger);background:#fff;font-weight:800}.outline-danger-button:hover{border-color:var(--danger);background:var(--danger-soft)}.tonal-button{padding:10px 16px;border:1px solid transparent;border-radius:8px;color:var(--primary-dark);background:var(--primary-soft);font-weight:800}.tonal-button:hover{border-color:#c4b5ee;background:#e7defa}.secondary-button{padding:10px 14px;color:var(--primary-dark);background:var(--primary-soft)}.secondary-button:hover{background:#dcefeb}.ghost-button{padding:10px 13px;color:#344054;background:transparent;border:1px solid var(--line)}.ghost-button:hover{background:var(--surface-soft)}.password-change-reminder{min-height:40px;padding:8px 11px;border:1px solid #fdb022;border-radius:7px;color:#7a2e0e;background:var(--warning-soft);font-weight:850}.password-change-reminder:hover{background:#fef0c7}.danger-button{padding:10px 13px;color:var(--danger);background:var(--danger-soft)}.danger-button:hover{background:#fee4e2}.icon-button{width:36px;height:36px;display:grid;place-items:center;color:var(--muted);background:transparent}.icon-button:hover{background:var(--surface-soft);color:var(--text)}.message{margin:0 0 16px;padding:11px 13px;border-radius:8px;font-size:14px;line-height:1.5}.message.error{color:var(--danger);background:var(--danger-soft);border:1px solid #fecdca}.message.success{color:var(--success);background:var(--success-soft);border:1px solid #abefc6}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,4vw,54px);background:#ffffffe6;border-bottom:1px solid rgba(223,229,236,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar .brand{color:var(--text)}.topbar .brand-mark{background:var(--primary);color:#fff;border:0}.user-area{display:flex;align-items:center;gap:12px}.notification-anchor{position:relative}.notification-hint-tooltip{display:none}.notification-button{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:7px;color:#344054;background:#fff;font-weight:750}.notification-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-button>span{font-size:14px}.notification-button.has-unread{color:var(--primary-dark);border-color:#c4b5ee;background:var(--primary-soft)}.notification-button.has-unread svg{color:var(--primary)}.notification-button b{display:grid;min-width:22px;height:22px;padding:0 6px;place-items:center;border-radius:999px;color:#fff;background:var(--danger);font-size:14px;line-height:1}.profile-menu-button{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:2px 12px 2px 3px;border:1px solid var(--line);border-radius:999px;color:#344054;background:#fff;font-weight:750}.profile-menu-button:hover{border-color:#c4b5ee;background:var(--primary-soft)}.mobile-menu-icon{display:none}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--primary);font-weight:900}.avatar,.person-avatar,.member-detail-avatar,.participant-chip i,.participant-avatar-button,.detail-participant-avatar,.comment-avatar,.mention-avatar{overflow:hidden;line-height:1;letter-spacing:-.08em;white-space:nowrap;writing-mode:horizontal-tb}main{width:min(1420px,calc(100% - 40px));margin:0 auto;padding:42px 0 70px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:26px}.page-head h1{margin:0;font-size:clamp(30px,4vw,38px);letter-spacing:-.05em}.page-head p{margin:10px 0 0;color:var(--muted);line-height:1.6}.head-actions{display:flex;gap:10px;flex-wrap:wrap}.head-actions #openTaskModalButton{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:6px}.dashboard-controls{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:58px;margin:0 0 28px;padding:0 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;box-shadow:0 7px 20px #10182809}.control-block{display:grid;order:-1;gap:9px}.control-block.align-end{justify-items:start}.control-label,.section-label{color:var(--muted);font-size:14px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.segmented-control{display:inline-flex;gap:8px;padding:0;border:0;border-radius:0;background:transparent}.segment-button{min-height:42px;padding:9px 15px;border:0;border-bottom:2px solid transparent;border-radius:0;color:#667085;background:transparent;font-weight:850;white-space:nowrap}.segment-button.active{color:var(--primary-dark);border-bottom-color:var(--primary);background:transparent;box-shadow:none}.scope-toggle-button{min-height:42px;padding:9px 14px;border:0;border-radius:8px;color:#475467;background:var(--surface);font-weight:850}.scope-toggle-button:before{content:"○";margin-right:7px;color:#98a2b3}.scope-toggle-button.active{color:var(--primary-dark);border-color:#b9a5ee;background:var(--primary-soft)}.scope-toggle-button.active:before{content:"✓";color:var(--primary)}.summary-heading,.work-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.summary-heading{margin-bottom:13px}.work-section-head{margin:30px 0 14px}.summary-heading h2,.work-section-head h2{margin:5px 0 0;font-size:22px;letter-spacing:-.035em}.summary-heading .section-label,.work-section-head .section-label{display:none}.summary-heading h2,.work-section-head h2{margin-top:0}.summary-heading p,.work-section-head p{margin:7px 0 0;color:var(--muted);line-height:1.55}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px;padding:20px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 22px #1018280a;color:var(--text);text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.stat-card:hover{border-color:#b9a5ee;box-shadow:0 10px 25px #10182814;transform:translateY(-1px)}.stat-card:focus-visible{outline:3px solid rgba(111,75,216,.18);outline-offset:2px}.stat-icon{display:grid;width:64px;height:64px;place-items:center;border-radius:13px;color:var(--primary);background:#f2edff;font-size:26px;font-weight:850}.progress-stat .stat-icon{color:#175cd3;background:#eff8ff}.hold-stat .stat-icon{color:#c45d00;background:#fff5e8}.done-stat .stat-icon{color:#067647;background:#ecfdf3}.stat-copy{min-width:0}.stat-label{color:var(--muted);font-size:14px;font-weight:800}.stat-value{margin-top:9px;font-size:31px;font-weight:900;letter-spacing:-.04em}.stat-meta{margin-top:6px;color:var(--muted);font-size:14px}.stat-card.primary-stat{border-color:#d4c8f3;background:var(--surface)}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 190px 190px auto;gap:10px;padding:14px;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface)}.search-wrap{position:relative}.search-wrap .input{padding-left:42px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.owner-filter-wrap{position:relative}.owner-filter-button,.owner-filter-menu{display:none}.panel{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 28px #1018280d;overflow:hidden}.people-sections{display:grid;gap:0;background:#f6f8fa}.people-section{padding:18px 16px 4px}.people-section+.people-section{border-top:1px solid var(--line)}.people-section-heading{display:flex;align-items:center;gap:12px;margin:0 2px 13px}.people-section-heading h3{margin:0;font-size:15px;white-space:nowrap}.people-section-heading h3 span{color:var(--muted);font-size:14px;font-weight:750}.people-section-line{height:1px;flex:1;background:var(--line)}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:14px;padding:0 0 14px}.person-card{display:flex;flex-direction:column;height:100%;min-width:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 5px 16px #10182809}.person-card[data-member-card-owner]{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.person-card[data-member-card-owner]:hover{border-color:#c4b5ee;box-shadow:0 10px 24px #10182814;transform:translateY(-1px)}.person-card[data-member-card-owner]:focus-visible{outline:3px solid rgba(111,75,216,.2);outline-offset:3px}.person-card.is-mine{border-color:#b9a5ee;box-shadow:0 0 0 2px #1018280d,0 7px 20px #10182814}.member-detail-page{display:grid;gap:22px}.member-detail-back{justify-self:start;display:inline-flex;align-items:center;gap:7px;padding:9px 0;border:0;color:var(--text);background:transparent;font-weight:850}.member-detail-back:hover{color:#000}.member-detail-profile{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 8px 24px #1018280d}.member-detail-avatar{display:grid;width:74px;height:74px;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;background:var(--primary);font-size:20px;font-weight:900}.member-detail-identity h1{margin:4px 0 9px;font-size:30px;letter-spacing:-.04em}.member-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:var(--muted)}.member-detail-meta>span+span{padding-left:9px;border-left:1px solid var(--line)}.member-detail-summary{display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px}.member-detail-summary>div{padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff}.member-detail-summary>div:first-child span{display:block;color:var(--muted);font-weight:750}.member-detail-summary>div:first-child strong{display:block;margin-top:5px;color:var(--primary-dark);font-size:30px}.member-detail-counts{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:12px}.member-detail-counts span{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted)}.member-detail-counts strong{color:var(--text)}.member-detail-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:4px}.member-detail-section-head h2{margin:4px 0 0}.member-detail-section-head p{margin:0;color:var(--muted)}.member-detail-task-list{display:grid;gap:16px}.person-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.person-identity{display:flex;align-items:center;gap:10px;min-width:0}.person-avatar{width:50px;height:50px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--primary);font-size:14px;font-weight:900}.avatar-tone-0{color:#fff!important;background:#3b82b8!important}.avatar-tone-1{color:#fff!important;background:#7656a8!important}.avatar-tone-2{color:#fff!important;background:#2f8f7f!important}.avatar-tone-3{color:#fff!important;background:#b87532!important}.avatar-tone-4{color:#fff!important;background:#c24f7f!important}.avatar-tone-5{color:#fff!important;background:#4f67c7!important}.avatar-tone-6{color:#fff!important;background:#6b9f5f!important}.avatar-tone-7{color:#fff!important;background:#c56238!important}.person-identity strong,.person-identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-identity strong{font-size:15px}.person-copy{display:grid;min-width:0;gap:7px}.person-identity span{margin-top:0;color:var(--muted);font-size:14px}.person-name-line,.person-meta-line{display:flex;min-width:0;align-items:center;gap:7px}.person-name-line strong{min-width:0}.person-meta-line{color:var(--text)}.person-meta-line .person-job-title,.person-identity .person-department{color:var(--text);font-weight:500}.person-department:before{content:"·";margin-right:7px;color:var(--muted)}.person-position-badge{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:14px;font-weight:900}.person-position-badge.role-executive{color:#6941c6;background:#f4f3ff}.person-position-badge.role-lead{color:#175cd3;background:#eff8ff}.person-position-badge.role-member{color:#475467;background:#f2f4f7}.person-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:16px 0;padding:10px;border-radius:7px;background:var(--surface-soft)}.person-counts span{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;color:var(--muted);font-size:14px;white-space:nowrap}.person-counts strong{color:var(--text);font-size:14px}.count-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#98a2b3}.count-dot.progress{background:var(--info)}.count-dot.hold{background:var(--warning)}.count-dot.done{background:var(--success)}.person-task-list{display:grid;gap:8px}.person-task-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid #e8edf2;border-radius:7px;background:#fff}.person-task-row:hover,.person-task-row:focus-visible{border-color:#c4b5ee;background:#fcfbff;outline:none}.person-task-main{display:grid;gap:7px;min-width:0}.person-task-status{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.person-task-status .status-badge{min-width:auto;padding:5px 8px}.person-task-status time{color:var(--muted);font-size:14px;white-space:nowrap}.person-task-title,.person-task-title-static{display:block;overflow:hidden;color:var(--text);font-weight:700;line-height:1.45;text-align:left;text-overflow:ellipsis;white-space:nowrap}.person-task-title{padding:0;border:0;background:transparent}.person-task-title:hover{color:var(--primary);text-decoration:underline}.person-task-deadline{color:var(--muted);font-size:14px;font-weight:500;line-height:1.4}.person-task-deadline.overdue{font-weight:500}.person-task-dates{display:flex;min-width:0;align-items:center;gap:12px;color:var(--muted);font-size:14px;white-space:nowrap}.table-task-memo,.task-card-memo{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:14px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-line;-webkit-box-orient:vertical;-webkit-line-clamp:3}.table-task-memo{margin-top:5px;max-width:330px}.task-card-memo{margin-top:7px}.overdue,.deadline-overdue{color:var(--danger)!important;font-weight:850}.participant-list{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:170px}.participant-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px 6px 6px;border:1px solid #e1d9f5;border-radius:999px;color:var(--text);background:#fbf9ff}.participant-chip i{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:var(--primary-dark);background:var(--primary-soft);font-size:14px;font-style:normal;font-weight:900}.participant-chip strong{font-size:14px;line-height:1;white-space:nowrap}.participant-mention-help{margin:-4px 0 10px;color:var(--muted);font-size:14px}.participant-mention-button,.participant-profile-button{cursor:pointer}.participant-profile-button:hover,.participant-profile-button:focus-visible{border-color:#b9a5ee;color:var(--primary-dark);background:var(--primary-soft);outline:none}.participant-mention-button:hover,.participant-mention-button:focus-visible{border-color:#b9a5ee;color:var(--primary-dark);background:var(--primary-soft);outline:none}.detail-participant-avatars{display:flex;flex-wrap:wrap;gap:8px}.detail-participant-avatar{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:50%;color:#fff;font-size:14px;font-weight:900}.detail-participant-avatar:focus-visible{outline:3px solid rgba(111,75,216,.2);outline-offset:2px}.participant-avatar-list{display:flex;align-items:center;min-width:170px}.participant-avatar-button,.participant-avatar-overflow{display:grid;width:34px;height:34px;place-items:center;flex:0 0 auto;border:2px solid white;border-radius:50%;font-size:14px;font-weight:900}.participant-avatar-button{margin-left:-5px;cursor:pointer}.participant-avatar-button:first-child{margin-left:0}.participant-avatar-button:hover,.participant-avatar-button:focus-visible{position:relative;z-index:1;outline:3px solid rgba(111,75,216,.18);outline-offset:1px;transform:translateY(-1px)}.participant-avatar-overflow{margin-left:-5px;color:#667085;background:#f2f4f7}.mobile-participants{display:grid;gap:8px;margin:14px 0}.mobile-participants>span{color:var(--muted);font-size:14px;font-weight:750}.person-empty{min-height:116px;display:grid;place-items:center;align-content:center;gap:7px;padding:16px;border:1px dashed #d6dde5;border-radius:7px;color:var(--muted);background:#fbfcfd;text-align:center}.person-empty>span{font-size:20px;color:#98a2b3}.person-empty p{margin:0;font-size:14px}.person-more-button{width:100%;margin-top:auto;padding:13px 0 0;border:0;border-top:1px solid #edf0f4;color:var(--primary);background:transparent;font-size:14px;font-weight:850}.person-task-actions{display:flex;flex:0 0 auto;flex-direction:column;gap:6px}.table-wrap{margin:14px;overflow-x:auto;border:1px solid var(--line);border-radius:9px}table{width:100%;border-collapse:collapse;min-width:1080px}thead{background:var(--surface-soft)}th{padding:14px 18px;text-align:left;color:var(--muted);font-size:14px;letter-spacing:.02em;text-transform:uppercase;border-bottom:1px solid var(--line)}td{padding:13px 18px;border-bottom:1px solid #edf0f4;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfd}.task-list-row{cursor:pointer}.task-list-row:focus-within{background:#f7fafb}.table-task-title,.mobile-task-title,.member-task-title{padding:0;border:0;color:var(--text);background:transparent;font-weight:650;line-height:1.45;text-align:left}.table-task-title:hover,.mobile-task-title:hover,.member-task-title:hover{color:var(--primary);text-decoration:underline}.mobile-task-title{font-size:16px}.task-title{font-weight:850;line-height:1.45}.owner-cell{display:flex;align-items:center;gap:10px}.mini-avatar{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-dark);font-weight:900;flex:0 0 auto}.owner-meta strong{display:block;font-size:14px}.owner-meta span{display:block;margin-top:2px;font-size:14px;color:var(--muted)}.status-badge{display:inline-flex;align-items:center;gap:7px;min-width:82px;padding:7px 10px;border-radius:999px;font-size:14px;font-weight:900;white-space:nowrap}.status-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-planned{color:#475467;background:#f2f4f7}.status-progress{color:var(--info);background:var(--info-soft)}.status-hold{color:var(--warning);background:var(--warning-soft)}.status-done{color:var(--success);background:var(--success-soft)}.inline-status{min-width:110px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;outline:none}.actions{display:flex;justify-content:flex-end;gap:7px}.empty-state{padding:62px 24px;text-align:center}.empty-icon{width:62px;height:62px;margin:0 auto 16px;border-radius:18px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:28px}.empty-state h3{margin:0;font-size:20px}.empty-state p{margin:9px auto 20px;max-width:460px;color:var(--muted);line-height:1.65}.mobile-list{display:none}.task-card{padding:18px;border-bottom:1px solid var(--line)}.task-card:last-child{border-bottom:0}.task-card-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.task-card h3{margin:0;font-size:17px;line-height:1.5}.task-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.task-card-grid div{padding:12px;border-radius:8px;background:var(--surface-soft)}.task-card-grid span{display:block;color:var(--muted);font-size:14px;font-weight:800}.task-card-grid strong{display:block;margin-top:5px;font-size:14px}.task-card-grid small{display:block;margin-top:3px;color:var(--muted);font-size:14px}.task-card-actions{display:flex;gap:8px;margin-top:14px}.action-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.small-button{padding:7px 9px;border:1px solid var(--line);border-radius:6px;color:#344054;background:#fff;font-size:14px;font-weight:650;white-space:nowrap}.small-button:hover{color:var(--primary-dark);border-color:#c4b5ee;background:var(--primary-soft)}.small-button.danger{color:var(--danger)}.small-button.danger:hover{border-color:#fda29b;background:var(--danger-soft)}.task-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 16px 16px}.task-pagination-summary{color:var(--muted);font-size:14px}.task-pagination-buttons{display:flex;align-items:center;justify-content:center;gap:5px;margin-left:auto}.pagination-page,.pagination-arrow{display:grid;min-width:38px;height:38px;place-items:center;padding:0 9px;border:1px solid transparent;border-radius:6px;color:#475467;background:#fff;font-weight:800}.pagination-page:hover,.pagination-arrow:hover:not(:disabled){border-color:#c4b5ee;color:var(--primary-dark);background:var(--primary-soft)}.pagination-page.active{color:#fff;border-color:var(--primary);background:var(--primary)}.pagination-arrow{color:#667085;font-size:22px}.pagination-arrow:disabled{color:#c5cbd3;cursor:not-allowed}.pagination-ellipsis{display:grid;min-width:28px;height:38px;place-items:center;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0f172a85;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#memberSettingsModalBackdrop{z-index:120}.modal{width:min(100%,540px);max-height:calc(100vh - 40px);overflow-y:auto;padding:24px;border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 28px 80px #0f172a3d}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.modal-head h2{margin:0;font-size:24px;letter-spacing:-.04em}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.task-detail-modal{width:min(100%,720px)}.task-detail-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.detail-updated-at{color:var(--muted);font-size:14px}.task-detail-section{padding:16px 0;border-top:1px solid var(--line)}.task-detail-section h3{margin:0 0 10px;color:#344054;font-size:14px;font-weight:750}.task-detail-memo{min-height:58px;margin:0;color:#344054;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.task-detail-memo.is-empty{color:var(--muted)}.task-detail-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:16px;border-top:1px solid var(--line)}.task-detail-dates>div{padding:14px;border-radius:9px;background:var(--surface-soft)}.task-detail-dates span{display:block;color:var(--muted);font-size:14px;font-weight:700}.task-detail-dates strong{display:block;margin-top:6px;font-weight:650}.member-tasks-modal{max-height:min(820px,calc(100vh - 40px))}.member-tasks-list{display:grid;gap:16px;max-height:min(610px,calc(100vh - 190px));overflow-y:auto;padding-right:4px}.member-task-status-section{overflow:visible;border:0;border-radius:0;background:transparent}.member-task-status-heading{padding:0 0 10px;border-bottom:1px solid var(--line);background:transparent}.member-task-status-heading h3{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}.member-task-status-heading strong{color:var(--muted);font-size:14px}.member-task-status-list{display:grid;gap:8px;padding:10px 0 0}.member-task-modal-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.member-task-modal-row:hover{border-color:#b9a5ee;background:#fcfbff;box-shadow:0 5px 14px #1018280f}.member-task-modal-row:focus-visible{border-color:var(--primary);outline:3px solid rgba(111,75,216,.14);outline-offset:2px}.member-task-modal-main{min-width:0;display:grid;gap:9px}.member-task-title,.member-task-title-static{display:block;overflow:hidden;color:var(--text);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.member-task-dates{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted)}.member-task-dates time{font-size:14px;font-weight:500}.member-task-modal-actions{display:flex;flex:0 0 auto;gap:6px}.member-task-empty{margin:0;padding:13px;color:var(--muted);text-align:center}.task-comment-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.task-comment-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.task-comment-heading h3{margin:0;color:#344054;font-size:16px}.task-comment-heading h3 span{color:var(--primary)}.task-comment-heading>span{color:var(--muted);font-size:14px}.task-comment-list{display:grid;gap:10px;max-height:310px;overflow-y:auto;padding:2px 4px 2px 0}.task-comment-list:empty{display:none}.comment-state{display:flex;align-items:center;justify-content:center;gap:9px;min-height:82px;padding:16px;border:1px dashed #d6dde5;border-radius:8px;color:var(--muted);background:#fbfcfd;text-align:center}.comment-state.error{color:var(--danger);border-color:#fecdca;background:var(--danger-soft)}.spinner.small{width:20px;height:20px;border-width:2px}.task-comment{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:12px;border:1px solid #e7ebf0;border-radius:8px;background:#fff}.comment-avatar,.mention-avatar{display:grid;place-items:center;border-radius:50%;color:#fff;font-size:14px;font-weight:900}.comment-avatar{width:40px;height:40px}.comment-main{min-width:0}.comment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.comment-meta strong{color:var(--text)}.comment-meta time{color:var(--muted);font-size:14px}.comment-times{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:8px;white-space:nowrap}.comment-edited-at{color:#667085}.comment-actions{display:inline-flex;gap:4px;margin-left:auto}.comment-actions button{padding:4px 6px;border:0;color:var(--muted);background:transparent;font-size:14px;font-weight:700}.comment-actions button:hover{color:var(--primary-dark)}.comment-main p{margin:6px 0 0;color:#344054;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.comment-edit-form{display:grid;gap:8px;margin-top:8px}.comment-edit-input{min-height:84px;resize:vertical;background:#fff}.comment-edit-actions{display:flex;justify-content:flex-end;gap:7px}.comment-edit-actions button{min-height:38px;padding:8px 12px}.comment-delete-confirm{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:9px 10px;border-radius:7px;color:#7a271a;background:var(--danger-soft);font-size:14px}.comment-delete-confirm>div{display:flex;flex:0 0 auto;gap:6px}.comment-delete-confirm button{min-height:36px;padding:7px 10px}.comment-mention{padding:2px 5px;border-radius:5px;color:#175cd3;background:#eff8ff;font-weight:800}.task-comment-form{margin-top:13px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.task-comment-form>label{display:block;margin-bottom:7px;color:#344054;font-weight:800}.comment-input-wrap{position:relative}.task-comment-form .textarea{min-height:86px;background:#fff}.comment-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}.comment-form-footer small{color:var(--muted);font-size:14px}.mention-suggestions{position:absolute;right:0;bottom:calc(100% + 6px);left:0;z-index:3;display:grid;max-height:258px;overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 16px 34px #1018282e}.mention-suggestions button{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border:0;border-radius:8px;color:var(--text);background:#fff;text-align:left}.mention-suggestions button:hover,.mention-suggestions button:focus-visible{background:var(--primary-soft);outline:none}.mention-avatar{width:36px;height:36px;flex:0 0 auto}.mention-suggestions strong,.mention-suggestions small{display:block}.mention-suggestions small{margin-top:2px;color:var(--muted);font-size:14px}.notification-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:80;width:min(430px,calc(100vw - 32px));max-height:min(640px,calc(100vh - 90px));overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 20px 50px #1018282e}.notification-panel:before{content:"";position:absolute;top:-6px;right:30px;width:11px;height:11px;border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff;transform:rotate(45deg)}.notification-panel-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.notification-panel-head h2{margin:0;font-size:21px}.notification-back-button{display:inline-flex;align-items:center;justify-content:center}.notification-back-label,.notification-mobile-back-icon{display:none}.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 12px}.notification-toolbar p{margin:0;color:var(--muted)}.notification-list{display:grid;gap:8px;max-height:min(470px,calc(100vh - 210px));overflow-y:auto}.notification-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#fff}.notification-card.is-unread{border-color:#c4b5ee;background:var(--primary-soft)}.notification-card:hover{border-color:#78bdb5}.notification-item{display:grid;gap:7px;width:100%;padding:14px 14px 8px;border:0;color:var(--text);background:transparent;text-align:left}.notification-item:focus-visible{outline:3px solid rgba(16,24,40,.08);outline-offset:-3px}.notification-type{display:inline-flex;align-items:center;gap:9px;justify-self:start;padding:0;border-radius:0;color:var(--primary-dark);background:transparent;font-size:14px;font-weight:850}.notification-type i{display:grid;width:34px;height:34px;place-items:center;border:1px solid #ded3f6;border-radius:8px;color:var(--primary);background:var(--primary-soft);font-size:18px;font-style:normal;line-height:1}.notification-item>span:not(.notification-type){color:#475467;line-height:1.5}.notification-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px 12px}.notification-card-footer time{color:var(--muted);font-size:14px}.notification-delete-button{padding:4px 0;border:0;color:var(--muted);background:transparent;font-size:14px;font-weight:500;text-decoration:none}.notification-delete-button:hover{color:var(--text)}.notification-empty{padding:48px 18px;border:1px dashed #d6dde5;border-radius:8px;color:var(--muted);background:#fbfcfd;text-align:center}.notification-popup-stack{position:fixed;right:20px;bottom:96px;z-index:220;display:grid;gap:10px;width:min(390px,calc(100vw - 40px));pointer-events:none}.notification-popup{padding:15px 16px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:#fff;box-shadow:0 18px 46px #10182833;animation:toastIn .2s ease-out;pointer-events:auto;cursor:pointer}.notification-popup:focus-visible{outline:3px solid rgba(111,75,216,.24);outline-offset:2px}.notification-popup-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.notification-popup-head>span{color:var(--primary);font-size:14px;font-weight:900}.notification-popup-close{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:5px;color:var(--muted);background:var(--surface-soft)}.notification-popup-close:hover{color:var(--text);background:#e8edf2}.notification-popup>strong{display:block;line-height:1.45}.notification-popup p{margin:5px 0;color:#475467;line-height:1.55}#deleteConfirmModalBackdrop{z-index:130}#commentDeleteConfirmModalBackdrop{z-index:140}.delete-confirm-modal{width:min(100%,440px);text-align:center}.delete-confirm-visual{display:grid;width:68px;height:68px;margin:0 auto 18px;place-items:center;border-radius:50%;color:var(--danger);background:var(--danger-soft)}.delete-confirm-visual svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.delete-confirm-copy h2{margin:5px 0 8px;font-size:22px;line-height:1.4}.delete-confirm-copy p{margin:0;color:var(--muted);line-height:1.65}.delete-confirm-modal .modal-actions{justify-content:center}.notice{margin-top:18px;padding:13px 15px;border-radius:10px;color:#475467;background:#f8fafc;border:1px solid var(--line);font-size:14px;line-height:1.6}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:200;display:grid;gap:10px;width:min(360px,calc(100vw - 40px))}.toast{padding:14px 16px;border-radius:10px;color:#fff;background:#101828;box-shadow:0 16px 34px #1018283d;animation:toastIn .2s ease-out;line-height:1.45;font-size:14px;font-weight:700}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-hero{min-height:390px}.hero-note{margin-top:50px}.stats{grid-template-columns:repeat(2,1fr)}.toolbar{grid-template-columns:1fr 1fr}.toolbar .search-wrap{grid-column:1 / -1}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.auth-hero{padding:34px 24px 40px;min-height:350px}.auth-panel{padding:0}.auth-card{padding:24px 20px}.topbar{padding:0 16px}.topbar .brand span:last-child{display:none}main{width:min(100% - 24px,1420px);padding-top:28px}.page-head{align-items:stretch;flex-direction:column}.head-actions>button{flex:1}.dashboard-controls{align-items:stretch;flex-direction:column;padding:10px}.control-block.align-end{justify-items:stretch}.segmented-control{display:grid;grid-template-columns:1fr 1fr}.scope-toggle-button{width:100%}.summary-heading,.work-section-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:16px}.stat-value{font-size:27px}.toolbar{grid-template-columns:1fr}.toolbar .search-wrap{grid-column:auto}.people-section{padding:15px 10px 2px}.people-grid{grid-template-columns:1fr;grid-auto-rows:auto;padding:0 0 10px}.person-card{height:auto}.date-fields,.collaborator-picker{grid-template-columns:1fr}.table-wrap{display:none}.mobile-list{display:block}.modal{padding:20px}.person-task-row{align-items:flex-start}.person-task-actions{flex-direction:row}.member-task-modal-row{align-items:flex-start;flex-direction:column}.member-task-modal-actions{width:100%}.member-task-modal-actions .small-button{flex:1}.task-detail-dates{grid-template-columns:1fr}.task-comment-heading,.comment-form-footer{align-items:stretch;flex-direction:column}.comment-form-footer .filled-button{width:100%}.member-detail-profile{align-items:flex-start;padding:18px}.member-detail-avatar{width:60px;height:60px;font-size:17px}.member-detail-identity h1{font-size:26px}.member-detail-summary{grid-template-columns:1fr}.member-detail-counts{grid-template-columns:1fr 1fr}.member-detail-counts span{justify-content:flex-start}.member-detail-section-head{align-items:flex-start;flex-direction:column}.notification-toolbar{align-items:stretch;flex-direction:column}.notification-toolbar .small-button{width:100%}}@media(max-width:430px){.stats,.task-card-grid{grid-template-columns:1fr}.hero-copy h1{font-size:38px}}.text-button{display:block;margin:16px auto 0;border:0;background:transparent;color:var(--primary);font-weight:700}.actions-head{text-align:right}.status-field{margin:14px 0 0}.notice.compact{margin-top:18px;padding:12px 14px;font-size:14px}.loading-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:14px;color:var(--muted)}.spinner{width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.privacy-note{margin:0 0 18px;padding:12px 14px;border:1px solid #fedf89;border-radius:var(--radius-sm);background:var(--warning-soft);color:#7a2e0e;font-size:14px}.modal.small{max-width:460px}.modal.wide{width:min(100%,760px)}.modal.admin-modal{width:min(960px,calc(100vw - 32px));max-height:min(840px,calc(100vh - 32px));overflow:auto}.modal-description{margin:4px 0 18px;color:var(--muted);font-size:14px;line-height:1.6}.profile-summary{display:grid;gap:10px;margin-bottom:16px}.profile-summary>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border-radius:9px;background:var(--surface-soft)}.profile-summary span{color:var(--muted);font-size:14px;font-weight:750}.profile-summary strong{text-align:right}.profile-drawer-hero{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:14px;border-radius:10px;background:#f2f4f7}.profile-drawer-hero .avatar{display:inline-grid!important;width:52px;height:52px;flex:0 0 52px;place-items:center;padding:0;overflow:hidden;font-size:14px;line-height:1;text-align:center;text-indent:0}.profile-drawer-hero>div{min-width:0}.profile-drawer-hero strong,.profile-drawer-hero span{display:block}.profile-drawer-hero strong{margin-bottom:5px}.profile-drawer-hero span{overflow:hidden;color:var(--muted);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.full-button{width:100%;margin-top:16px}.profile-action-help{margin:8px 2px 0;color:var(--muted);font-size:14px;line-height:1.5}.push-notification-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.push-notification-setting>div{min-width:0}.push-notification-setting strong{display:block}.push-notification-setting .profile-action-help{margin:5px 0 0}.push-toggle{position:relative;width:50px;height:30px;flex:0 0 50px;padding:0;border:0;border-radius:999px;background:#d0d5dd;transition:background .16s ease}.push-toggle span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .16s ease}.push-toggle[aria-checked=true]{background:var(--primary)}.push-toggle[aria-checked=true] span{transform:translate(20px)}.push-toggle:focus-visible{outline:3px solid rgba(111,75,216,.22);outline-offset:2px}.push-toggle:disabled{opacity:.55;cursor:not-allowed}.stack-list{display:grid;gap:12px}.stack-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.stack-item-main{min-width:0;display:grid;gap:5px}.stack-item-main strong{overflow-wrap:anywhere}.stack-item-main span{color:var(--muted);font-size:14px}.stack-item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.stack-item-actions button{padding:8px 10px}.compact-button{padding:9px 12px!important}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.admin-guide{margin-bottom:18px;padding:15px 16px;border:1px solid #d4c8f3;border-radius:10px;background:var(--primary-soft)}.admin-guide strong{color:var(--primary-dark)}.admin-guide p{margin:6px 0 0;color:#344054;font-size:14px;line-height:1.55}.subpanel{padding:16px;margin-bottom:18px;border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--line)}.inline-form{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:end;gap:12px}.inline-form.department-form{grid-template-columns:1fr 1.2fr 1.2fr auto}.account-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:0 12px}.account-create-form button{min-height:46px;margin-bottom:16px}.inline-form .field{margin:0}.role-badge,.active-badge{display:inline-flex;align-items:center;width:fit-content;padding:4px 8px;border-radius:999px;font-size:14px;font-weight:800}.role-badge{color:var(--info);background:var(--info-soft)}.active-badge.active{color:var(--success);background:var(--success-soft)}.active-badge.inactive{color:var(--danger);background:var(--danger-soft)}.danger-button{border:1px solid #fda29b;color:var(--danger);background:#fff;border-radius:7px;font-weight:700}.danger-button:hover{background:var(--danger-soft)}.message.success{color:var(--success);background:var(--success-soft);border-color:#a6f4c5}button.busy{position:relative;color:transparent!important;pointer-events:none}button.busy:after{content:"";position:absolute;width:16px;height:16px;inset:50% auto auto 50%;margin:-8px 0 0 -8px;border:2px solid var(--primary);border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@media(max-width:720px){.user-area{flex-wrap:wrap;justify-content:flex-end}.head-actions>button{flex:1 1 calc(50% - 8px)}.stack-item{align-items:flex-start;flex-direction:column}.stack-item-actions{width:100%;justify-content:stretch}.stack-item-actions button{flex:1}.inline-form,.inline-form.department-form,.account-create-form{grid-template-columns:1fr}.admin-modal{padding:20px}}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}html{min-height:100%;background:var(--bg)}body{min-height:100dvh;padding-bottom:var(--safe-area-bottom)}.auth-shell{min-height:100dvh;padding-top:max(24px,calc(16px + var(--safe-area-top)));padding-right:max(24px,calc(16px + var(--safe-area-right)));padding-bottom:max(24px,calc(16px + var(--safe-area-bottom)));padding-left:max(24px,calc(16px + var(--safe-area-left)))}.app-shell{min-height:100dvh}.topbar{height:auto;min-height:calc(68px + var(--safe-area-top));padding-top:var(--safe-area-top);padding-right:max(clamp(20px,4vw,54px),var(--safe-area-right));padding-left:max(clamp(20px,4vw,54px),var(--safe-area-left))}main{padding-bottom:calc(70px + var(--safe-area-bottom))}.modal-backdrop{padding-top:calc(20px + var(--safe-area-top));padding-right:calc(20px + var(--safe-area-right));padding-bottom:calc(20px + var(--safe-area-bottom));padding-left:calc(20px + var(--safe-area-left))}.modal{max-height:calc(100dvh - 40px - var(--safe-area-top) - var(--safe-area-bottom))}.toast-stack{right:calc(20px + var(--safe-area-right));bottom:calc(20px + var(--safe-area-bottom))}.install-app-button{min-height:44px;background:#fff}.install-app-button:hover{background:#fff;border-color:#c4b5ee}.auth-install-button{width:100%;margin-top:14px;padding:11px 14px;border:1px solid #b9a5ee;border-radius:8px;color:var(--primary-dark);background:var(--primary-soft);font-weight:850}.auth-install-button:hover{background:#dcefeb}.install-guide-body{display:grid;justify-items:center;gap:16px;text-align:center}.install-guide-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:20px;color:#fff;background:var(--primary);box-shadow:0 12px 26px #1018281f;font-size:42px;font-weight:900}.install-guide-body>p{margin:0;color:#475467;line-height:1.65}.install-guide-steps{width:100%;display:grid;gap:10px;margin:0;padding:0;list-style:none;text-align:left;counter-reset:install-step}.install-guide-steps li{position:relative;min-height:46px;display:flex;align-items:center;padding:11px 13px 11px 52px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft);line-height:1.5;counter-increment:install-step}.install-guide-steps li:before{content:counter(install-step);position:absolute;left:13px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--primary);font-size:14px;font-weight:900}#installGuideNote:empty{display:none}@media(display-mode:standalone){body{overscroll-behavior-y:contain}[data-install-app]{display:none!important}}@media(max-width:720px){body{padding-bottom:var(--safe-area-bottom)}.topbar{min-height:calc(62px + var(--safe-area-top));align-items:flex-start;gap:8px;padding-top:calc(10px + var(--safe-area-top));padding-right:max(12px,var(--safe-area-right));padding-bottom:10px;padding-left:max(12px,var(--safe-area-left))}.topbar .brand{flex:0 0 auto;padding-top:2px}.topbar .brand-mark{width:36px;height:36px}.user-area{flex:1;display:grid;grid-template-columns:auto auto;justify-content:end;gap:8px}#topPasswordChangeButton,#notificationButton,#logoutButton{min-height:40px;padding:8px 10px}#myProfileButton{min-height:40px;padding:2px 10px 2px 3px}#myProfileButton .avatar{width:34px;height:34px}.notification-panel{position:fixed;top:64px;right:12px;left:12px;width:auto;max-height:calc(100vh - 76px - var(--safe-area-bottom))}.notification-panel:before{right:184px}main{width:min(100% - 24px,1420px);padding-top:24px;padding-bottom:calc(48px + var(--safe-area-bottom))}.head-actions #openTaskModalButton{order:-2;flex:1 1 100%;min-height:46px}.head-actions .install-app-button{order:-1;flex:1 1 100%}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.input,.select,.textarea{font-size:16px}.modal-backdrop{place-items:stretch;padding:0}.modal,.modal.small,.modal.wide,.modal.admin-modal{width:100%;max-width:none;min-height:100dvh;max-height:100dvh;padding-top:calc(18px + var(--safe-area-top));padding-right:max(18px,var(--safe-area-right));padding-bottom:calc(24px + var(--safe-area-bottom));padding-left:max(18px,var(--safe-area-left));border-radius:0}.modal-actions{flex-wrap:wrap}.modal-actions>button{min-height:44px;flex:1}#commentDeleteConfirmModalBackdrop{place-items:center;padding:calc(20px + var(--safe-area-top)) max(18px,var(--safe-area-right)) calc(20px + var(--safe-area-bottom)) max(18px,var(--safe-area-left))}#commentDeleteConfirmModalBackdrop .comment-delete-modal{width:min(100%,420px);max-width:420px;min-height:0;max-height:calc(100dvh - 40px - var(--safe-area-top) - var(--safe-area-bottom));padding:24px 20px;border-radius:12px}.comment-delete-modal .modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px}.comment-delete-modal .modal-actions>button{width:100%;min-width:0;margin:0}.toast-stack{right:calc(12px + var(--safe-area-right));bottom:calc(12px + var(--safe-area-bottom));width:calc(100vw - 24px - var(--safe-area-left) - var(--safe-area-right))}.notification-popup-stack{right:calc(12px + var(--safe-area-right));bottom:calc(82px + var(--safe-area-bottom));width:calc(100vw - 24px - var(--safe-area-left) - var(--safe-area-right))}}@media(max-width:430px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:14px}.stat-icon{width:48px;height:48px;border-radius:10px;font-size:21px}.stat-value{font-size:26px}.stat-meta{line-height:1.45}}.member-detail-actions{display:flex;justify-content:flex-end}.member-detail-actions .filled-button{min-height:46px}.task-type-badge{display:inline-flex;width:fit-content;align-items:center;padding:5px 8px;border-radius:999px;color:#5e3eb7;background:#f0eaff;font-size:14px;font-weight:850}.task-type-badge.task-kind-assign{color:#5e3eb7;background:#f0eaff}.task-type-badge.task-kind-report{color:#175cd3;background:#eff8ff}.task-type-badge.task-kind-ask{color:#b54708;background:#fff4e5}.task-card-type{margin-bottom:9px}.table-task-heading{display:grid;justify-items:start;gap:6px}.member-task-modal-main .task-type-badge{margin-bottom:5px}.mobile-profile-action{display:none}@media(max-width:720px){:root{--primary: #6f4bd8;--primary-dark: #5532b2;--primary-soft: #f0eaff}.mobile-people-mode .summary-heading,.mobile-people-mode .stats,.mobile-people-mode .toolbar{display:none}.mobile-people-mode .page-head{margin-bottom:12px}.mobile-people-mode .page-head h1{font-size:25px}.mobile-people-mode .dashboard-controls{margin-bottom:15px;padding:6px}.mobile-people-mode .scope-toggle-button{min-height:40px}.mobile-people-mode .people-section{padding:8px 0 2px}.mobile-people-mode .people-section-heading{margin-bottom:7px}.mobile-people-mode .people-grid{gap:7px;padding-bottom:8px}.mobile-people-mode .person-card{min-height:74px;display:flex;align-items:center;padding:11px 13px;border-radius:11px;box-shadow:none}.mobile-people-mode .person-card:after{content:"›";margin-left:auto;padding-left:10px;color:#9a92a2;font-size:25px;font-weight:400}.mobile-people-mode .person-card-head{width:100%}.mobile-people-mode .person-avatar{width:48px;height:48px;font-size:15px}.mobile-people-mode .person-copy{gap:5px}.mobile-people-mode .person-name-line strong{font-size:16px}.mobile-people-mode .person-meta-line{gap:5px;font-size:14px}.mobile-people-mode .person-position-badge{padding:2px 6px;font-size:14px}.mobile-people-mode .person-department:before{margin-right:5px}.mobile-people-mode .person-counts,.mobile-people-mode .person-task-list,.mobile-people-mode .person-more-button{display:none}.member-detail-page{gap:13px}.member-detail-back{padding:4px 0}.member-detail-profile{gap:12px;padding:14px;border-radius:11px;box-shadow:none}.member-detail-avatar{width:54px;height:54px}.member-detail-identity h1{margin:2px 0 7px;font-size:22px}.member-detail-meta{gap:6px;font-size:14px}#memberDetailUsername{display:none}.member-detail-summary{gap:8px}.member-detail-summary>div{padding:13px;border-radius:10px}.member-detail-summary>div:first-child{display:flex;align-items:center;justify-content:space-between}.member-detail-summary>div:first-child strong{margin:0;font-size:24px}.member-detail-actions{position:sticky;bottom:calc(10px + var(--safe-area-bottom));z-index:10}.member-detail-actions .filled-button{width:100%;min-height:50px}.member-detail-section-head{gap:5px}.member-detail-section-head p{font-size:14px}.member-task-status-section{gap:8px}.member-task-modal-row{padding:13px;border-radius:10px}.task-detail-status{flex-wrap:wrap}.detail-updated-at{width:100%}.notification-panel{inset:auto 0 0;width:100%;max-height:min(72dvh,620px);padding:16px 14px calc(18px + var(--safe-area-bottom));border-radius:16px 16px 0 0}.notification-panel:before{display:none}}@media(max-width:720px){.app-shell{background:#f9f9fb}.page-head{margin-bottom:20px}.page-head h1{font-size:30px;line-height:1.18}.dashboard-controls,.toolbar,.summary-heading,.work-section-head{margin-right:max(0px,var(--safe-area-right));margin-left:max(0px,var(--safe-area-left))}.toolbar,.stat-card,.person-card{border-radius:10px}.panel{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.toolbar{margin-bottom:12px;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 20px #1018280a}.mobile-list{display:grid;gap:12px}.task-pagination{align-items:stretch;flex-direction:column;margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.task-pagination-summary{text-align:center}.task-pagination-buttons{max-width:100%;margin:0;overflow-x:auto}.task-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 8px 20px #1018280d}.task-card:last-child{border-bottom:1px solid var(--line)}.task-card-head{align-items:flex-start}.task-card-head .status-badge{flex:0 0 auto}.mobile-task-title{min-width:0;overflow-wrap:anywhere;font-size:17px;font-weight:800}.mobile-participants .participant-list{min-width:0}.participant-chip{max-width:100%}.participant-chip strong{overflow:hidden;text-overflow:ellipsis}.task-card-grid{gap:8px;margin-top:12px}.task-card-grid div{min-width:0;padding:11px;border-radius:8px}.task-card-actions,.task-card-actions .action-group{width:100%}.task-card-actions .action-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.task-card-actions .small-button,.person-task-actions .small-button,.member-task-modal-actions .small-button{min-height:40px;white-space:normal}.status-field{margin-bottom:0}.status-field .inline-status{width:100%;min-height:44px}.admin-actions{display:grid;grid-template-columns:1fr}.admin-actions button,.account-create-form button{width:100%;min-height:46px}.modal.admin-modal .modal-head{position:sticky;top:calc(-18px - var(--safe-area-top));z-index:2;margin:calc(-18px - var(--safe-area-top)) calc(-1*max(18px,var(--safe-area-right))) 18px calc(-1*max(18px,var(--safe-area-left)));padding:calc(18px + var(--safe-area-top)) max(18px,var(--safe-area-right)) 14px max(18px,var(--safe-area-left));background:#fffffff5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.modal.admin-modal .modal-head h2{font-size:22px;line-height:1.25}.stack-list{gap:10px}.stack-item{padding:14px;border-radius:10px;box-shadow:0 6px 18px #1018280a}.stack-item-main span{line-height:1.5;overflow-wrap:anywhere}.stack-item-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stack-item-actions button{width:100%;min-height:42px;white-space:normal}.subpanel{padding:14px;border-radius:10px}.install-guide-steps li{align-items:flex-start}}@media(max-width:430px){main{width:min(100% - 20px,1420px)}.head-actions{gap:8px}.head-actions>button,.stack-item-actions,.task-card-actions .action-group{grid-template-columns:1fr}.head-actions>button{flex-basis:100%}.task-card{padding:14px}.task-card-head{display:grid;gap:10px}.task-card-head .status-badge{width:fit-content}.person-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){#logoutButton{display:none!important}.mobile-profile-action{display:block}.topbar{min-height:calc(56px + var(--safe-area-top));align-items:center;justify-content:space-between;border-bottom:0;background:linear-gradient(180deg,#f9f9fbfa,#f9f9fbeb 68%,#f9f9fb00);-webkit-backdrop-filter:none;backdrop-filter:none;transition:transform .2s ease}.topbar.is-scroll-hidden{transform:translateY(-110%)}.topbar .brand{display:inline-flex;padding:0}.topbar .brand span:last-child{display:none}.user-area{display:flex;width:auto;align-items:center;justify-content:flex-end;gap:8px}.notification-hint-tooltip{position:absolute;top:calc(100% + 9px);right:-8px;z-index:75;display:block;width:max-content;max-width:min(250px,calc(100vw - 32px));padding:8px 10px;border:1px solid #d8cdf4;border-radius:7px;color:#4d3598;background:#fff;font-size:14px;font-weight:750;line-height:1.35;pointer-events:none}.notification-hint-tooltip:before{content:"";position:absolute;right:22px;bottom:100%;border:6px solid transparent;border-bottom-color:#d8cdf4}.notification-hint-tooltip.hidden{display:none}#notificationButton,#myProfileButton{width:42px;min-width:42px;height:42px;min-height:42px;justify-content:center;padding:0;border-radius:50%}#notificationButton .notification-label,#myProfileButton .avatar,#myProfileButton .profile-menu-label{display:none}#notificationButton b{position:absolute;top:-6px;right:-6px}#myProfileButton .mobile-menu-icon{display:block;font-size:20px;line-height:1}main{padding-top:4px;padding-bottom:calc(110px + var(--safe-area-bottom))}.page-head,.mobile-people-mode .page-head{margin-bottom:4px}.privacy-note-top{margin-bottom:12px}.summary-heading,.stats{display:none!important}.dashboard-controls{align-items:center;flex-direction:row;gap:8px;padding:4px;border:0;background:transparent;box-shadow:none}.dashboard-controls .control-block.align-end{justify-items:start;margin-left:0}.dashboard-controls .segmented-control{justify-content:start}.scope-toggle-button,.mobile-people-mode .scope-toggle-button{width:auto;min-height:36px;padding:7px 10px;color:var(--muted);background:transparent;font-size:14px;font-weight:750}.scope-toggle-button:before{margin-right:5px}.scope-toggle-button.active{border:1px solid #d8cdf4}.toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:0;border:0;background:transparent;box-shadow:none}.toolbar .search-wrap{flex:1 1 100%}.toolbar>.select,.toolbar #ownerFilterWrap,.toolbar #resetFilterButton{width:auto;flex:0 1 auto}.toolbar>.select,.toolbar #ownerFilterWrap .select,.toolbar #resetFilterButton{min-height:38px;padding:8px 12px;border:1px solid #d0d5dd;border-radius:999px;color:#475467;background:#f2f4f7;font-size:14px}.owner-filter-wrap>#ownerFilter{display:none}.owner-filter-button{display:inline-flex;min-height:38px;align-items:center;gap:7px;padding:8px 12px;border:1px solid #d0d5dd;border-radius:999px;color:#475467;background:#f2f4f7;font-size:14px;font-weight:750}.owner-filter-button b{font-size:15px}.owner-filter-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:70;display:grid;width:min(330px,calc(100vw - 32px));gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 18px 44px #10182824}.owner-filter-menu>label{color:var(--muted);font-size:14px;font-weight:750}.owner-filter-menu .input{min-height:42px}.owner-filter-options{display:grid;gap:4px;max-height:min(360px,52dvh);overflow-y:auto}.owner-filter-option{display:flex;width:100%;align-items:center;gap:10px;padding:9px;border:0;border-radius:8px;color:var(--text);background:transparent;text-align:left}.owner-filter-option:hover,.owner-filter-option.active{background:var(--primary-soft)}.owner-filter-option i,.owner-filter-all-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;font-size:14px;font-style:normal;font-weight:900}.owner-filter-all-icon{color:#475467;background:#e4e7ec;font-size:14px}.owner-filter-option>span:last-child{min-width:0}.owner-filter-option strong,.owner-filter-option small{display:block}.owner-filter-option small{margin-top:3px;overflow:hidden;color:var(--muted);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.owner-filter-guidance{margin:4px 2px 0;color:var(--muted);font-size:14px;line-height:1.5}.mobile-list .member-task-modal-row{width:100%;padding:14px;border-radius:10px;box-shadow:none}.mobile-list .member-task-modal-main{gap:8px}.mobile-task-participants{display:flex;min-height:34px;align-items:center}.mobile-task-participants .participant-avatar-list{min-width:0}.head-actions #openTaskModalButton{position:fixed;z-index:40;right:max(16px,var(--safe-area-right));bottom:calc(16px + var(--safe-area-bottom));display:inline-flex;width:152px;min-height:52px;align-items:center;justify-content:center;gap:5px;padding:0 18px;border-radius:999px;white-space:nowrap;transition:width .2s ease,padding .2s ease,border-radius .2s ease}.head-actions #openTaskModalButton .fab-label{max-width:92px;overflow:hidden;opacity:1;transition:max-width .2s ease,opacity .15s ease}.head-actions #openTaskModalButton .fab-icon{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;line-height:0}.head-actions #openTaskModalButton .fab-icon svg{display:block;width:27px;height:27px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.head-actions #openTaskModalButton.is-scroll-compact{width:52px;height:52px;min-height:52px;gap:0;padding:0;border-radius:50%}.head-actions #openTaskModalButton.is-scroll-compact .fab-icon{position:absolute;inset:50% auto auto 50%;margin:-14px 0 0 -14px}.head-actions #openTaskModalButton.is-scroll-compact .fab-label{max-width:0;opacity:0}.notification-panel{position:fixed;inset:0;z-index:240;width:100%;height:100dvh;max-height:100dvh;padding:calc(18px + var(--safe-area-top)) max(16px,var(--safe-area-right)) calc(22px + var(--safe-area-bottom)) max(16px,var(--safe-area-left));border:0;border-radius:0;background:var(--bg);box-shadow:none;overflow-y:auto}.notification-panel:before{display:none}.notification-panel-head{margin-bottom:18px}.notification-back-button{width:auto;padding:8px 10px;gap:5px}.notification-close-icon{display:none}.notification-mobile-back-icon{display:inline}.notification-back-label{display:inline;font-size:14px}.notification-list{max-height:none;overflow:visible}body:has(.notification-page-open){overflow:hidden}#profileModalBackdrop{width:100vw;max-width:100vw;place-items:stretch end;overflow:hidden;padding:0;background:#10182859}#profileModalBackdrop .profile-drawer{width:min(88vw,380px);max-width:380px;min-height:100dvh;max-height:100dvh;justify-self:end;margin-left:auto;overflow-y:auto;border-radius:0;animation:profileDrawerIn .2s ease-out}@keyframes profileDrawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.task-detail-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:14px}.task-detail-dates>div{display:flex;min-width:0;align-items:baseline;gap:5px;padding:0;border-radius:0;background:transparent}.task-detail-dates span,.task-detail-dates strong{display:inline;margin:0}.task-detail-dates span{flex:0 0 auto}.task-detail-dates strong{min-width:0;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.task-detail-actions>button{width:0;min-width:0;flex:1 1 0;padding:10px 12px}.detail-participant-avatar{width:40px;height:40px}.date-fields{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:10px}.date-fields .field{min-width:0;overflow:visible}.date-fields .input,.date-fields input[type=date]{display:block;width:100%;min-width:0;max-width:100%;min-height:44px;inline-size:100%;min-inline-size:0;padding:9px 8px;font-size:14px;font-variant-numeric:tabular-nums;box-sizing:border-box;-webkit-appearance:none;appearance:none}.date-fields input[type=date]::-webkit-date-and-time-value{min-width:0;margin:0;text-align:left}}@media(max-width:720px){.page-head h1,.mobile-people-mode .page-head h1{font-size:24px}.task-pagination{padding:8px 0;border:0;border-radius:0;background:transparent;box-shadow:none}.notification-popup-stack{top:calc(10px + var(--safe-area-top));right:max(12px,var(--safe-area-right));bottom:auto;left:max(12px,var(--safe-area-left));width:auto}.notification-popup-close{display:none}.notification-popup{touch-action:pan-x;transition:transform .16s ease,opacity .16s ease}.task-comment{position:relative}.comment-meta{align-items:flex-start;padding-right:92px}.comment-actions{position:absolute;top:8px;right:8px;width:auto;margin-left:0}.comment-actions button{min-height:36px;padding:7px 8px}.comment-delete-confirm{align-items:stretch;flex-direction:column}.comment-delete-confirm>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.comment-edit-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#closeTaskDetailButton{display:none}}@media(max-width:340px){#taskModalBackdrop .date-fields{grid-template-columns:1fr}}