.skill-pairing[data-v-287f1753]{max-width:600px;margin:0 auto;display:grid;gap:16px}.skill-pairing p[data-v-287f1753]{margin:0;line-height:1.65}.pairing-code[data-v-287f1753]{font-size:28px;letter-spacing:4px;font-variant-numeric:tabular-nums;font-weight:700}.skill-pairing button[data-v-287f1753]{min-height:48px;padding:12px 20px;border:0;border-radius:12px;background:#176b51;color:#fff;font:inherit;cursor:pointer}.skill-pairing button[data-v-287f1753]:disabled{opacity:.6;cursor:wait}.skill-pairing [role=alert][data-v-287f1753]{color:#b42318}button[data-v-01609b9a]{min-height:44px;padding:8px 16px;border:1px solid #b42318;border-radius:8px;color:#b42318;background:#fff;font:inherit;cursor:pointer}[role=alert][data-v-01609b9a]{color:#b42318}:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#17233d;background:#f3f6fa;font-synthesis:none;--primary: #246bfd;--primary-dark: #1357db;--muted: #718096;--line: #e4eaf2;--card: #ffffff;--danger: #d94040}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#eef4ff 0,#f5f7fa 260px)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding-bottom:78px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:22px max(18px,calc((100vw - 960px)/2))}.topbar h1{margin:2px 0 0;font-size:21px;letter-spacing:-.02em}.eyebrow{margin:0;color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.user-pill{padding:7px 11px;border:1px solid #dbe6fa;border-radius:999px;background:#ffffffbf;font-size:13px}.page-container{width:min(100% - 28px,900px);margin:0 auto}.stack-page{display:grid;gap:14px;padding-bottom:22px}.hero-card,.form-card,.task-card,.metric-grid{border:1px solid rgba(213,222,235,.9);border-radius:18px;background:#fffffff0;box-shadow:0 10px 30px #36548212}.hero-card{padding:24px;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:150px;height:150px;right:-45px;top:-70px;border-radius:50%;background:linear-gradient(135deg,#246bfd26,#37cac614)}.hero-card h2{margin:7px 0 9px;max-width:620px;font-size:clamp(24px,5vw,34px);line-height:1.2;letter-spacing:-.04em}.hero-card p:last-child{margin:0;color:var(--muted);line-height:1.65}.hero-card.compact h2{font-size:25px}.form-card{padding:20px}.section-heading{display:flex;gap:12px;align-items:center;margin-bottom:18px}.section-heading>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--primary),#55a2ff);font-weight:800}.section-heading h3,.section-heading p{margin:0}.section-heading p{margin-top:3px;color:var(--muted);font-size:13px}label{display:grid;gap:7px;margin:14px 0;color:#384866;font-size:14px;font-weight:650}.toggle-row{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle-row input{width:18px;height:18px;margin:0;padding:0}label small{color:var(--muted);font-weight:500}input,textarea,select{width:100%;border:1px solid #d9e1ec;border-radius:11px;background:#fbfcfe;padding:12px 13px;color:#17233d;outline:none;transition:.2s}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #246bfd1a;background:#fff}textarea{resize:vertical}.inline-fields{display:grid;grid-template-columns:.7fr 1.5fr auto;gap:8px}.primary-button,.secondary-button,.upload-button{border:0;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:750;text-align:center}.primary-button{color:#fff;background:linear-gradient(135deg,var(--primary),#438bff);box-shadow:0 8px 18px #246bfd38}.primary-button:hover{background:var(--primary-dark)}.primary-button:disabled{opacity:.55;cursor:wait}.secondary-button{color:var(--primary);background:#edf4ff}.upload-button{display:block;margin:12px 0;border:1px dashed #9dbaf1;color:var(--primary);background:#f5f9ff}.upload-button input{display:none}.field-error,.submit-error{color:var(--danger);font-size:13px}.submit-error{margin:0;padding:12px 14px;border-radius:11px;background:#fff0f0}.attachment-list{display:grid;gap:8px;padding:0;list-style:none}.attachment-list li,.attachment-link{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafcff}.attachment-name,.attachment-link span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--primary);background:#eaf2ff;font-weight:800}.text-button{padding:4px;border:0;background:none;cursor:pointer}.danger{color:var(--danger)}.contact-search{display:grid;gap:7px;padding:8px 8px 14px;color:var(--muted);font-size:13px}.contact-search input{width:100%}.selection-row{width:100%;display:flex;gap:10px;align-items:center;padding:11px 8px;border:0;border-bottom:1px solid #edf0f5;background:transparent;color:inherit;text-align:left;cursor:pointer}.selection-row.selected{color:#1459dc;background:#f3f7ff}.selection-row small{margin-left:auto;color:var(--muted)}.department-row{padding-left:calc(8px + var(--tree-depth, 0) * 22px)}.department-select{display:flex;flex:1;gap:10px;align-items:center;min-width:0;padding:0;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.department-select small{margin-left:auto}.tree-expand{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;padding:0;border:0;border-radius:7px;color:#5f7293;background:#edf3fc;cursor:pointer;font-size:21px;line-height:1}.tree-expand.placeholder{visibility:hidden}.department-select:disabled,.user-row:disabled{opacity:1;cursor:default}.user-row{padding-left:calc(42px + var(--tree-depth, 0) * 22px)}.search-user-row{padding-left:8px}.search-user-copy{display:grid;gap:2px;min-width:0}.search-user-copy small{margin-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row .check-dot{margin-left:auto}.check-dot{display:grid;place-items:center;width:21px;height:21px;border:1px solid #b8c5d8;border-radius:7px;color:#fff}.selected .check-dot{border-color:var(--primary);background:var(--primary)}.avatar{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;color:#285ea8;background:#e8f1ff;font-weight:750}.sticky-action{position:sticky;bottom:78px;z-index:3;padding:8px;border:1px solid rgba(220,227,237,.9);border-radius:16px;background:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sticky-action .primary-button{width:100%}.bottom-nav{position:fixed;z-index:5;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-wrap:wrap;width:min(calc(100% - 24px),520px);padding:7px;border:1px solid rgba(211,220,232,.9);border-radius:17px;background:#ffffffe6;box-shadow:0 14px 40px #1f34582e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav a{flex:1 1 auto;padding:10px 7px;border-radius:11px;color:var(--muted);text-align:center;font-size:13px;font-weight:700}.bottom-nav a.router-link-active{color:var(--primary);background:#edf4ff}.segmented-control{display:flex;gap:4px;padding:5px;border-radius:13px;background:#e8edf4}.segmented-control button{flex:1;border:0;border-radius:9px;padding:9px;color:var(--muted);background:transparent}.segmented-control button.active{color:#17233d;background:#fff;box-shadow:0 2px 8px #1f345814;font-weight:750}.task-card{display:block;padding:18px;transition:transform .2s,box-shadow .2s}.task-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #3654821c}.task-card h3{margin:12px 0 7px;font-size:18px}.task-card p{margin:0;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card-top,.task-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:13px}.task-meta{margin-top:15px}.task-meta strong,.attachment-link strong{color:var(--primary)}.status-badge{display:inline-flex;width:fit-content;padding:5px 9px;border-radius:999px;color:#1e66d6;background:#eaf2ff;font-size:12px;font-weight:750}.status-badge[data-status=COMPLETED]{color:#16815d;background:#e7f7f0}.status-badge[data-status=CANCELLED],.status-badge[data-status=DELIVERY_FAILED]{color:#b34747;background:#fff0f0}.progress-track{height:7px;margin-top:14px;border-radius:999px;background:#e8edf4;overflow:hidden}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#54c7bd)}.empty-state,.empty-hint{padding:28px;color:var(--muted);text-align:center}.deadline-box{margin-top:16px;padding:11px 13px;border-radius:11px;color:#7c5718;background:#fff7e4;font-size:14px}.dual-actions{display:flex;gap:10px;position:sticky;bottom:78px;padding:8px;border:1px solid var(--line);border-radius:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dual-actions>*{flex:1}.completed-panel{padding:13px;border-radius:11px;color:#137252;background:#e8f8f1;text-align:center;font-weight:750}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden}.metric-grid div{display:grid;gap:4px;padding:18px 10px;background:#fff;text-align:center}.metric-grid strong{font-size:25px}.metric-grid span{color:var(--muted);font-size:12px}.person-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.person-row>div{display:grid;flex:1;gap:3px}.person-row small{color:var(--muted)}.back-button{width:fit-content;padding:7px 0;border:0;color:var(--primary);background:none;cursor:pointer}.danger-outline{color:var(--danger);border:1px solid #f1b5b5;background:#fff}.directory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.directory-toolbar h3{margin:5px 0}.directory-toolbar small,.directory-department small{color:var(--muted)}.newcomers-card{margin:18px 0;padding:15px;border:1px solid #d9e7fb;border-radius:13px;background:linear-gradient(135deg,#f7fbff,#fff)}.newcomers-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.newcomers-heading p:last-child{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.newcomers-empty{padding:17px 0 3px}.newcomer-row:last-child{border-bottom:0;padding-bottom:0}.directory-department{margin-top:14px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.directory-department h4{margin:0;padding:12px 14px;background:#f5f8fc}.directory-department .person-row{padding:11px 14px}.compact-button{padding:8px 11px;border-radius:10px;cursor:pointer}.compact-button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:640px){.topbar{padding:17px 17px 13px}.page-container{width:min(100% - 20px,900px)}.hero-card,.form-card,.task-card{border-radius:15px}.hero-card{padding:20px 18px}.form-card{padding:17px 14px}.inline-fields{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.directory-toolbar{align-items:stretch;flex-direction:column}}