:root{--bg:#f3f5f9;--surface:#fff;--ink:#172033;--muted:#737d91;--line:#e6eaf1;--navy:#172a4d;--blue:#2769d7;--blue-soft:#edf4ff;--red:#d93c50;--red-soft:#fff0f2;--orange:#df7b22;--orange-soft:#fff6ea;--green:#218866;--green-soft:#eaf8f3;--yellow:#b88900;--yellow-soft:#fff8dc;--shadow:0 12px 34px rgba(25,41,70,.08)}
*{box-sizing:border-box}html{background:#dfe4ec}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}.app-shell{width:100%;min-height:100dvh;background:var(--bg);position:relative;overflow-x:hidden}.page{min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) 18px calc(100px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.topbar h1{margin:0;font-size:27px;line-height:1.25}.eyebrow{margin:0 0 2px;color:var(--muted);font-size:13px;font-weight:600}.avatar{width:42px;height:42px;border:0;border-radius:14px;color:#fff;background:linear-gradient(145deg,#213b6a,#14233f);box-shadow:0 8px 20px #172a4d2e;font-weight:750;cursor:pointer}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:5px;margin-bottom:20px;border:1px solid var(--line);border-radius:18px;background:#ffffffb8;box-shadow:0 5px 20px #1e2d460a}.summary button{padding:10px 2px 9px;border:0;border-radius:14px;background:transparent;cursor:pointer}.summary button.on{background:#fff;box-shadow:0 4px 14px #1b294414}.summary strong{display:block;font-size:21px}.summary span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.summary .danger strong{color:var(--red)}.summary .today strong{color:var(--orange)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:20px 1px 11px}.section-head h2{margin:0;font-size:18px}.section-head button{border:0;background:none;color:var(--blue);font-size:13px;cursor:pointer}.task-list,.team-grid{display:grid;gap:10px}.task-card{position:relative;display:grid;grid-template-columns:4px 1fr auto;gap:13px;align-items:stretch;width:100%;padding:15px 14px 14px 12px;text-align:left;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 5px 18px #1e2d4609;cursor:pointer}.priority-line{border-radius:8px;background:var(--blue)}.task-card[data-kind=overdue] .priority-line{background:var(--red)}.task-card[data-kind=today] .priority-line{background:var(--orange)}.task-card[data-kind=follow],.task-card[data-group=long]{border-color:#cae6d5;background:#eef9f2}.task-card[data-kind=follow] .priority-line,.task-card[data-group=long] .priority-line{background:var(--green)}.task-title{display:block;margin:0 0 8px;font-size:16px;line-height:1.4;font-weight:730}.meta-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tag{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:7px;background:#f2f4f8;color:#667085;font-size:12px}.tag.red{color:var(--red);background:var(--red-soft)}.tag.orange{color:var(--orange);background:var(--orange-soft)}.tag.green{color:var(--green);background:var(--green-soft)}.chevron{align-self:center;color:#aab1bf;font-size:20px}.person-card{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:18px;background:#fff;cursor:pointer}.person-face{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:#fff;background:linear-gradient(145deg,#567cae,#2c4e7d);font-weight:750}.person-main h3{margin:0 0 4px;font-size:16px}.person-main p{margin:0 0 9px;color:var(--muted);font-size:13px}.person-stats{display:flex;gap:12px;color:#5d6676;font-size:12px}.danger-text{color:var(--red)}.load{align-self:start;padding:5px 8px;border-radius:8px;color:var(--green);background:var(--green-soft);font-size:12px;font-weight:700}.load.busy{color:var(--orange);background:var(--orange-soft)}.load.high{color:var(--red);background:var(--red-soft)}.risk-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px}.risk-box{padding:14px 8px;text-align:center;border:1px solid var(--line);border-radius:16px;background:#fff}.risk-box strong{display:block;margin-bottom:4px;font-size:23px}.risk-box span{color:var(--muted);font-size:12px}.risk-box.red strong{color:var(--red)}.risk-box.orange strong{color:var(--orange)}.risk-box.yellow strong{color:var(--yellow)}.alert-card{padding:16px;margin-bottom:10px;border:1px solid var(--line);border-radius:18px;background:#fff;cursor:pointer}.alert-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.alert-title{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:730}.dot{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px var(--red-soft)}.dot.orange{background:var(--orange);box-shadow:0 0 0 5px var(--orange-soft)}.alert-card p{margin:12px 0 0 18px;color:var(--muted);font-size:13px}.alert-data{display:flex;gap:8px;margin:12px 0 0 18px}.alert-data span{padding-right:10px;border-right:1px solid var(--line);font-size:13px}.alert-data span:last-child{border:0}.business-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.business-card{padding:15px;border:1px solid var(--line);border-radius:17px;background:#fff}.business-card .name{display:flex;justify-content:space-between;margin-bottom:16px;font-weight:700}.business-card strong{font-size:23px}.business-card small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.status-dot{color:var(--orange)}.spark{display:flex;align-items:flex-end;gap:3px;height:28px;margin-top:13px}.spark i{flex:1;border-radius:3px 3px 1px 1px;background:#bfd1ee}.settings{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}.settings button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.setting-label{display:flex;align-items:center;gap:12px;font-weight:650}.setting-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--blue-soft);color:var(--blue)}.setting-note{color:var(--muted);font-size:12px;margin-left:4px}.tabs{display:flex;gap:8px;overflow:auto;margin:2px -18px 13px;padding:0 18px 2px}.tab{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 13px;color:var(--muted);font-size:13px;font-weight:650}.tab.active{color:#fff;border-color:var(--navy);background:var(--navy)}.search{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted)}.search input{width:100%;border:0;outline:0;background:transparent;font-size:15px}.detail-block{padding:14px;margin-bottom:10px;border-radius:15px;background:#f6f8fb}.detail-block small{color:var(--muted)}.detail-block p{margin:6px 0 0;font-size:14px}.calendar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.calendar-day{min-height:120px;padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff}.calendar-day strong,.calendar-day>span{display:block}.calendar-day>span{color:var(--muted);font-size:12px}.calendar-day button{display:block;width:100%;margin-top:8px;padding:6px;border:0;border-radius:6px;background:var(--green-soft);text-align:left;font-size:11px}.bottom-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:end;height:calc(74px + env(safe-area-inset-bottom));padding:8px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #dadfe9e6;background:#fffffff0;backdrop-filter:blur(18px)}.nav-item{display:grid;justify-items:center;gap:3px;border:0;background:none;color:#8a93a3;font-size:11px;cursor:pointer}.nav-item.active{color:var(--navy);font-weight:750}.nav-symbol{font-size:22px;line-height:22px}.add-button{align-self:start;display:grid;place-items:center;width:58px;height:58px;margin:-27px auto 0;border:5px solid var(--bg);border-radius:20px;color:#fff;background:linear-gradient(145deg,#2f78e8,#1c55ba);box-shadow:0 10px 24px #2769d752;cursor:pointer;font-size:26px}.overlay{position:fixed;z-index:40;inset:0;display:none;align-items:flex-end;justify-content:center;background:#0c1526;backdrop-filter:blur(4px);background-color:#0c152675}.overlay.open{display:flex}.sheet{width:100%;max-height:91dvh;overflow:auto;padding:12px 18px calc(22px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0;background:var(--surface);box-shadow:0 -20px 60px #0c152633}.grabber{width:42px;height:5px;margin:0 auto 18px;border-radius:6px;background:#d7dce5}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.close{width:36px;height:36px;border:0;border-radius:12px;background:#f1f3f7;cursor:pointer}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.mode{padding:12px 6px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#647084;font-size:12px;cursor:pointer}.mode.active{color:var(--blue);border-color:#acc9f5;background:var(--blue-soft);font-weight:700}.field{margin-bottom:14px}.field label{display:block;margin:0 0 7px;color:#596476;font-size:13px;font-weight:650}.field input,.field textarea,.field select{width:100%;min-height:46px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;outline:none;background:#fafbfc;color:var(--ink);font-size:15px}.field textarea{min-height:94px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.repeat-section{margin:2px 0 16px;padding:14px;border:1px solid #d8e5f8;border-radius:16px;background:#f5f9ff}.repeat-section[hidden],.repeat-config[hidden]{display:none}.repeat-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.repeat-heading span{color:var(--blue);font-size:12px;font-weight:700}.repeat-summary{margin:0;color:#51627b;font-size:13px}.primary{width:100%;min-height:50px;border:0;border-radius:14px;color:#fff;background:var(--navy);font-weight:730;cursor:pointer}.timeline{margin:6px 0 18px;padding-left:12px;border-left:2px solid #dfe6f1}.timeline-item{position:relative;padding:0 0 17px 15px}.timeline-item:before{content:"";position:absolute;left:-18px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--blue)}.timeline-item strong{font-size:14px}.timeline-item p{margin:4px 0 0;color:var(--muted);font-size:12px}.toast{position:fixed;z-index:80;left:50%;bottom:94px;transform:translateX(-50%);padding:11px 16px;border-radius:12px;color:#fff;background:#15233c;box-shadow:0 12px 30px #101f363f;font-size:14px}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#172a4d,#2769d7)}.login-card{width:min(420px,100%);padding:30px;border-radius:24px;background:#fff;box-shadow:0 30px 90px #0e203f4d}.login-card h1{margin:8px 0;font-size:30px}.login-card p{color:var(--muted)}.error{color:var(--red);font-size:12px}@media(min-width:760px){.app-shell{width:min(430px,100%);min-height:calc(100dvh - 56px);margin:28px auto;border-radius:30px;box-shadow:0 30px 80px #1f2d464d;overflow:hidden}.bottom-nav{left:50%;right:auto;width:min(430px,100%);transform:translateX(-50%);bottom:28px;border-radius:0 0 30px 30px}.overlay{align-items:center;padding:22px}.sheet{max-width:430px;max-height:88dvh;border-radius:25px;padding-bottom:22px}}@media(max-width:480px){.form-row{grid-template-columns:1fr 1fr}.business-grid{grid-template-columns:1fr 1fr}}