:root{color-scheme:light;--bg:#f6f5f1;--panel:#ffffff;--ink:#17201d;--muted:#65716c;--line:#d8d7d0;--primary:#2d8179;--primary-dark:#18322f;--accent:#d6b451;--danger:#b84545;--radius:18px;--shadow:0 18px 45px rgba(24,50,47,0.14)}*{box-sizing:border-box}body,html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.mobile-shell{min-height:100svh;padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(96px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.auth-screen,.mobile-shell.centered{display:grid;min-height:100svh;place-items:center;padding:22px}.auth-card,.filter-tabs,.loader-card,.summary-strip,.task-detail,.task-list{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.auth-card,.loader-card{width:min(100%,430px);border-radius:28px;padding:24px}.app-mark{display:grid;width:54px;height:54px;place-items:center;border-radius:14px;background:var(--primary);color:#fff;font-weight:800}.auth-card h1,.mobile-header h1,.section-title h2,.task-detail h2{margin:0;letter-spacing:0}.auth-card h1{margin-top:18px;font-size:2rem}.auth-card p{color:var(--muted);line-height:1.5}.auth-form{display:grid;grid-gap:14px;gap:14px;margin-top:20px}.auth-sso-button{width:100%;min-height:50px;margin-top:18px;border:0;border-radius:8px;background:#256c55;color:#fff;font-weight:800}label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:.82rem;font-weight:700}input,select,textarea{min-height:48px;width:100%;border:1px solid var(--line);border-radius:14px;background:#fbfaf7;color:var(--ink);padding:11px 13px;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(45,129,121,.14)}.auth-form button,.filter-tabs button,.ghost-button,.status-flow button,.task-form button{border:0;border-radius:14px;font-weight:800}.auth-form button,.task-form button{min-height:50px;background:var(--primary);color:#fff}button:disabled{cursor:not-allowed;opacity:.58}.error,.notice{margin-top:14px;border-radius:14px;padding:12px;font-size:.9rem}.notice{background:#eef8f1;color:#215b31}.error{background:#fff0f0;color:var(--danger)}.mobile-header{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-18px -14px 14px;padding:calc(16px + env(safe-area-inset-top)) 14px 14px;border-bottom:1px solid rgba(216,215,208,.8);background:rgba(246,245,241,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-header h1{max-width:58vw;overflow:hidden;font-size:1.22rem;text-overflow:ellipsis;white-space:nowrap}.eyebrow{display:block;margin-bottom:4px;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.ghost-button{min-height:40px;border:1px solid var(--line);background:#fff;color:var(--primary-dark);padding:9px 12px}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;overflow:hidden;border-radius:var(--radius)}.summary-strip div{display:grid;grid-gap:4px;gap:4px;background:#fff;padding:14px}.summary-strip span{color:var(--muted);font-size:.78rem;font-weight:800}.summary-strip strong{font-size:1.65rem}.filter-tabs{position:-webkit-sticky;position:sticky;top:78px;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin:12px 0;border-radius:var(--radius);padding:6px}.filter-tabs button{min-height:42px;background:transparent;color:var(--muted)}.filter-tabs button.active{background:var(--primary-dark);color:#fff}.content-grid{display:grid;grid-gap:12px;gap:12px}.task-detail,.task-list{border-radius:var(--radius);padding:12px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title h2{font-size:1.12rem}.task-card{display:grid;width:100%;min-height:72px;grid-template-columns:12px 1fr auto;grid-gap:10px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;background:#fbfaf7;color:var(--ink);padding:12px;text-align:left}.task-card+.task-card{margin-top:9px}.task-card.selected{border-color:var(--primary);background:#ecf6f3;box-shadow:inset 0 0 0 1px var(--primary)}.task-card small,.task-card strong{display:block}.task-card strong{margin-bottom:5px;font-size:.98rem}.task-card small{color:var(--muted);font-size:.78rem}.task-card em{align-self:start;border-radius:999px;background:#f1ead0;color:#6f560d;padding:5px 8px;font-size:.72rem;font-style:normal;font-weight:800}.status-dot{width:10px;height:52px;border-radius:999px;background:var(--muted)}.status-open{background:#2d8179}.status-in_progress{background:#d6b451}.status-done{background:#4f8f55}.status-canceled{background:#b84545}.status-flow{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-bottom:12px}.status-flow button{min-height:46px;border:1px solid var(--line);background:#fff;color:var(--primary-dark)}.status-flow button.active{border-color:var(--primary);background:var(--primary);color:#fff}.process-lock-notice{display:grid;grid-gap:7px;gap:7px;margin-bottom:14px;border:1px solid #d6b451;border-radius:16px;background:#fff9e8;color:#5f4b14;padding:14px}.process-lock-notice span{color:#6f5b24;font-size:.86rem;line-height:1.5}.workflow-completion-form,.workflow-completion-panel{display:grid;grid-gap:14px;gap:14px}.workflow-process-summary,.workflow-state-card,.workflow-target-card{display:grid;grid-gap:6px;gap:6px;border:1px solid var(--line);border-radius:16px;padding:14px}.workflow-process-summary,.workflow-target-card{background:#f3f8f6}.workflow-process-summary span,.workflow-state-card small,.workflow-state-card span,.workflow-target-card span{color:var(--muted);font-size:.78rem;font-weight:700}.workflow-process-summary small{color:var(--muted)}.workflow-instruction{margin:0;border-left:4px solid var(--accent);border-radius:6px;background:#fff9e8;color:#5f4b14;padding:10px 12px;line-height:1.5}.workflow-state-card dd,.workflow-state-card dl,.workflow-state-card p,.workflow-state-card ul{margin:0}.workflow-state-card li,.workflow-state-card p{line-height:1.5}.workflow-state-card ul{padding-left:20px}.workflow-completion-form>button,.workflow-state-card button{min-height:48px;border:0;border-radius:14px;background:var(--primary);color:#fff;padding:10px 14px;font-weight:800}.uncertain-state{border-color:#d6b451;background:#fff9e8;color:#5f4b14}.conflict-state{border-color:#d89262;background:#fff4eb;color:#7a3f1e}.success-state{border-color:#86bc98;background:#eaf8ef;color:#215b31}.workflow-checklist,.workflow-transition-choices{display:grid;grid-gap:9px;gap:9px;min-width:0;margin:0;border:1px solid var(--line);border-radius:16px;padding:12px}.workflow-checklist legend,.workflow-transition-choices legend{color:var(--muted);padding:0 6px;font-size:.82rem;font-weight:800}.workflow-checkbox,.workflow-choice{display:flex;min-height:46px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);padding:10px 12px}.workflow-checkbox input,.workflow-choice input{flex:0 0 auto;width:20px;min-height:20px;margin:0;padding:0}.workflow-choice span{display:grid;grid-gap:3px;gap:3px}.workflow-choice small{color:var(--muted);font-weight:600}.process-card dl,.task-form{display:grid;grid-gap:12px;gap:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.process-card{margin-top:14px;border:1px solid var(--line);border-radius:16px;background:#fbfaf7;padding:14px}.process-card h3{margin:0 0 12px;font-size:1rem}.process-card dd,.process-card dl{margin:0}.process-card div{display:grid;grid-template-columns:92px 1fr;grid-gap:8px;gap:8px}.process-card dt{color:var(--muted);font-size:.78rem;font-weight:800}.process-card dd{font-weight:700}.empty-state{border:1px dashed var(--line);border-radius:16px;color:var(--muted);padding:18px;text-align:center}.task-pagination{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center;margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.task-pagination span{color:var(--muted);font-size:.82rem;font-weight:800;text-align:center}.toast{position:fixed;right:14px;bottom:calc(16px + env(safe-area-inset-bottom));left:14px;z-index:20;border-radius:16px;box-shadow:var(--shadow);padding:14px 16px;font-weight:800}.success{background:#e7f7ef;color:#1f6a3b}.error-toast{background:#fff0f0;color:var(--danger)}@media (min-width:860px){.mobile-shell{max-width:1180px;margin:0 auto}.mobile-header,.mobile-shell{padding-right:28px;padding-left:28px}.mobile-header{margin-right:-28px;margin-left:-28px}.content-grid{grid-template-columns:minmax(320px,.86fr) minmax(460px,1.14fr);align-items:start}.task-detail{position:-webkit-sticky;position:sticky;top:144px}.toast{right:28px;left:auto;width:min(380px,calc(100vw - 56px))}}@media (max-width:430px){.filter-tabs{grid-template-columns:repeat(2,1fr);top:72px}.form-row,.process-card div,.summary-strip{grid-template-columns:1fr}.task-pagination{grid-template-columns:1fr 1fr}.task-pagination span{grid-column:1/-1;grid-row:1}}