:root{--bg:#f8f4ea;--bg-2:#f3eddf;--surface:#fffbf5db;--surface-2:#fbf4e9db;--border:#a18a683d;--primary:#7bb08b;--primary-strong:#5d9a70;--text:#2f261b;--muted:#7a6650;--success:#3e8d56;--warning:#b7833c;--danger:#b85f57;--info:#6c9c7b;--shadow-lg:0 18px 36px #58432729;--shadow-md:0 10px 20px #5843271f;--radius-lg:22px;--radius-md:16px;--status-pending-bg:#7cb08b2e;--status-on-time-bg:#3e8d5629;--status-delayed-bg:#b7833c29;--status-makeup-bg:#8c786229;--status-missed-bg:#b85f5724;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 15% 20%, #9bbe8c47, transparent 42%), radial-gradient(circle at 85% 10%, #ddbe8c33, transparent 46%), linear-gradient(160deg, var(--bg), var(--bg-2));background-attachment:fixed;margin:0}#root{min-height:100vh}.app-shell{max-width:760px;margin:0 auto;padding:20px 14px 94px;animation:.3s ease-out page-reveal}.app-header{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#bdd4a875,#f5ecdbe0);padding:18px 18px 16px;position:relative;overflow:hidden}.app-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#8fbc8585,#0000 65%);border-radius:50%;width:130px;height:130px;position:absolute;top:-34px;right:-40px}.app-header h1{letter-spacing:.01em;margin:0;font-size:27px;font-weight:700}.brand-row{align-items:center;gap:10px;display:flex}.brand-mark{letter-spacing:.04em;color:#244632;background:linear-gradient(135deg,#9bc090,#d7e3c4);border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 7px 14px #546c4438}.brand-mark svg{width:17px;height:17px}.app-header p{color:var(--muted);margin:8px 0 0}.page-card{background:linear-gradient(165deg, var(--surface), var(--surface-2));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:14px;padding:16px}.page-card h2{margin:0 0 8px;font-size:21px;font-weight:650}.section-title{align-items:center;gap:8px;display:flex}.section-icon{letter-spacing:.04em;color:#45664f;background:#9bbc8a3d;border:1px solid #94a87e52;border-radius:9px;justify-content:center;align-items:center;min-width:30px;height:30px;font-size:11px;display:inline-flex}.section-icon svg{width:16px;height:16px}.muted{color:var(--muted);margin:0 0 12px;font-size:14px}.task-list{flex-direction:column;gap:10px;display:flex}.task-item{border-radius:var(--radius-md);background:#fff9f0b8;border:1px solid #a3947740;justify-content:space-between;gap:12px;padding:13px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.task-item:hover{border-color:#97b18780;transform:translateY(-1px);box-shadow:0 8px 18px #5f4f3924}.task-item p{color:var(--muted);margin:5px 0}.task-item button,.bottom-nav button,.primary-link,.form-actions button,.empty-block button{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#1d3426;cursor:pointer;border:1px solid #0000;border-radius:12px;padding:9px 13px;font-weight:620;text-decoration:none;transition:transform .14s,filter .14s,box-shadow .14s}.task-item button:hover,.bottom-nav button:hover,.form-actions button:hover,.empty-block button:hover{filter:brightness(1.05);transform:translateY(-1px)}.task-item button:focus-visible,.bottom-nav button:focus-visible,.form-actions button:focus-visible,.empty-block button:focus-visible,.text-button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #89aa76e6}.task-item button:disabled{color:#8f8778;cursor:not-allowed;background:#acaa9773}.status{background:var(--status-pending-bg);color:#4f775d;border:1px solid #8d7c623d;border-radius:999px;padding:3px 9px;font-size:12px;display:inline-block}.status-on_time{background:var(--status-on-time-bg);color:var(--success)}.status-delayed{background:var(--status-delayed-bg);color:var(--warning)}.status-makeup{background:var(--status-makeup-bg);color:#7b6956}.status-missed{background:var(--status-missed-bg);color:var(--danger)}.simple-list{margin:0;padding-left:18px;line-height:1.82}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.metric-grid article{border-radius:var(--radius-md);background:#fff8ecb8;border:1px solid #a8957547;padding:12px}.metric-card{position:relative;overflow:hidden}.metric-card:after{content:"";opacity:.22;border-radius:50%;width:72px;height:72px;position:absolute;inset:auto -18px -24px auto}.metric-card-primary:after{background:#8db989}.metric-card-good:after{background:#5ea672}.metric-card-risk:after{background:#bf7d66}.metric-grid p{color:var(--muted);margin:0;font-size:13px}.metric-grid strong{letter-spacing:.01em;font-size:25px}.trend-card{border-radius:var(--radius-md);background:linear-gradient(125deg,#c6dcb594,#f7efe1cc);border:1px solid #9d8c6d4d;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.trend-value{font-size:30px;line-height:1.1}.sparkline{width:110px;height:48px}.sparkline path{fill:none;stroke:#6e9f78;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 5px #72a17d52)}.bottom-nav{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf4e8e6;border-radius:16px 16px 0 0;grid-template-columns:repeat(6,1fr);gap:6px;width:min(760px,100% - 20px);padding:10px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#5a4a34;background:#a0c1923d;border-color:#a08f703d;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 5px;font-size:12px;display:inline-flex}.nav-icon{color:#5d7d65;background:#adcc9e47;border:1px solid #96a98152;border-radius:7px;justify-content:center;align-items:center;width:22px;height:18px;font-size:10px;display:inline-flex}.nav-icon svg{width:14px;height:14px}.bottom-nav button.active .nav-icon{color:#305640;background:#f6fbefd9;border-color:#3f634438}.bottom-nav button.active{background:linear-gradient(135deg, var(--primary), var(--primary-strong));color:#1b3424}.task-current{background:linear-gradient(130deg,#d1e3bf9e,#f8f0e2d6);border-color:#87ad7d85}.task-focus{box-shadow:0 0 0 2px #87ad7d85}.risk-block{border-radius:var(--radius-md);background:#ffece3b8;border:1px solid #bf7d6670;margin-top:10px;padding:11px}.risk-block p{color:#8d4f43;margin:6px 0 0}.empty-block{border-radius:var(--radius-md);background:#fff9efb3;border:1px dashed #a7967757;padding:12px}.empty-illustration{background:radial-gradient(circle at 30% 30%,#bed6a180,#aa916d33);border:1px solid #a0b38873;border-radius:50%;width:44px;height:44px;margin-bottom:8px;position:relative}.empty-illustration:before,.empty-illustration:after{content:"";background:#72845db8;border-radius:999px;position:absolute}.empty-illustration:before{width:20px;height:3px;top:17px;left:12px}.empty-illustration:after{opacity:.7;width:14px;height:3px;top:24px;left:15px}.empty-block p{margin:0 0 8px}.empty-block span{color:var(--muted);font-size:13px}.form-grid{gap:11px;display:grid}.form-grid label{color:var(--muted);gap:6px;font-size:14px;display:grid}.form-grid input,.form-grid select,.empty-block input,.page-card select{width:100%;color:var(--text);background:#fffbf4eb;border:1px solid #a8977957;border-radius:12px;margin-top:6px;padding:10px;font-size:14px}.form-grid input::placeholder,.empty-block input::placeholder{color:#9a8465}.form-actions{flex-wrap:wrap;gap:8px;display:flex}.form-actions button:nth-child(2){color:#4f6241;background:#b9cca147;border-color:#98846247}.test-form-preview{color:#6f5c45;background:#fff9eedb;border:1px solid #a18d6c45;border-radius:12px;margin:12px 0 0;padding:10px;font-size:12px;overflow-x:auto}.split-grid{gap:12px;display:grid}@media (width>=860px){.split-grid{grid-template-columns:1fr 1fr}}.import-feedback{color:#4f6a43;background:#ecf5e0db;border:1px solid #99ac8266;border-radius:12px;margin:10px 0 0;padding:8px 10px;font-size:13px}.auth-layout{gap:16px;display:grid}.auth-hero{border-radius:var(--radius-md);background:linear-gradient(145deg,#d1e4c09e,#fff6e8db);border:1px solid #9f8e6f4d;padding:14px}.auth-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#7f9f72;margin:0;font-size:12px}.auth-hero h2{margin:8px 0 6px}.auth-points{flex-wrap:wrap;gap:8px;display:flex}.auth-points span{color:#5a734a;background:#c1d8a952;border:1px solid #9eb1885c;border-radius:999px;padding:4px 8px;font-size:12px}.text-button{color:#5f8868;cursor:pointer;background:0 0;border:0;margin-left:8px;font-size:12px;text-decoration:underline}@media (width<=640px){.app-shell{padding:14px 10px 96px}.app-header h1{font-size:23px}.page-card{padding:14px}.trend-card{flex-direction:column;align-items:flex-start}.sparkline{width:100%;max-width:160px}}@keyframes page-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}