:root{--ink:#162033;--muted:#68748a;--line:#e5e9f0;--canvas:#f5f7fb;--blue:#1769e0;--blue-dark:#0e4fae;--red:#c63f4d;--green:#1b8a62;--nav:#101d36;--card:#fff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);font:14px/1.5 system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:var(--blue);text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{background:var(--nav);color:#dce5f5;padding:24px 14px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:16px;padding:0 10px}.brand img{width:36px;height:36px;object-fit:contain;border-radius:8px;background:#fff}.sidebar nav{display:grid;gap:5px}.sidebar nav a{color:#aebbd0;padding:11px 12px;border-radius:6px;transition:.15s}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#21345a}.sidebar-note{border-top:1px solid #2c3c5a;padding:18px 10px;color:#91a2c0;font-size:12px;line-height:1.9;margin-top:auto}main{min-width:0}.topbar{height:68px;padding:0 32px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:14px}.topbar .muted{font-size:12px;margin-left:7px}.logout{padding-left:14px;border-left:1px solid var(--line)}.menu-toggle{display:none;margin-right:auto;border:0;background:#edf3ff;color:var(--blue);padding:8px 10px;border-radius:5px}.content{padding:30px;max-width:1480px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font-size:12px;color:var(--blue);font-weight:700;letter-spacing:0;margin:0 0 4px;text-transform:uppercase}h1{font-size:25px;line-height:1.2;margin:0;letter-spacing:0}h2{font-size:18px;margin:0 0 6px}.muted{color:var(--muted)}.flash{padding:12px 14px;margin:0 0 18px;border-radius:6px;background:#e8f5ef;color:#166041;border:1px solid #c5e6d5}.flash.error{background:#fff0f1;color:#a7323f;border-color:#f2c5c9}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:var(--card);border:1px solid var(--line);border-radius:7px;padding:20px;min-height:142px;display:flex;flex-direction:column;box-shadow:0 1px 2px #14285008;color:var(--ink)}.metric:hover{border-color:#a9c6f4}.metric span{color:var(--muted)}.metric strong{font-size:35px;line-height:1.2;margin:9px 0;color:var(--blue)}.metric.alert strong{color:#ce6631}.metric small{color:var(--muted)}.rule-panel{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:24px;display:grid;grid-template-columns:260px 1fr;gap:35px}.rule-panel dl{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0}.rule-panel dt{font-weight:700;margin-bottom:7px}.rule-panel dd{color:var(--muted);margin:0}.toolbar{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.search{display:flex;gap:8px}.search input{min-width:260px}.search button,.small{border:1px solid #bcd0f4;background:#f4f8ff;color:#145cc5;padding:8px 13px;border-radius:5px}.primary{border:1px solid var(--blue);background:var(--blue);color:#fff;padding:10px 17px;border-radius:5px;font-weight:600}.primary:hover{background:var(--blue-dark)}.button-link{display:inline-flex;align-items:center;justify-content:center}.secondary{background:#fff;border:1px solid #cbd3df;color:var(--ink)}.danger{border:1px solid #f0bbc0;background:#fff;color:var(--red);padding:8px 12px;border-radius:5px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:7px}table{border-collapse:collapse;width:100%;min-width:860px}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{background:#f8faff;color:#5e6b80;font-size:12px;font-weight:700;white-space:nowrap}tr:last-child td{border-bottom:0}.note{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.tag,.status{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600;background:#eef4ff;color:#2961b8}.status.todo{background:#fff1e9;color:#b55220}.status.done{background:#e9f7f0;color:#16764f}.table-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:var(--muted)}.empty{text-align:center!important;color:var(--muted);padding:40px}.record-form,.account-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:25px;max-width:920px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.form-grid .wide{grid-column:1/-1}label{display:grid;gap:7px;color:#47546a;font-weight:600}label span{font-size:12px;color:var(--blue);font-weight:500;margin-left:4px}input,textarea{width:100%;padding:10px 11px;border:1px solid #cbd3df;border-radius:5px;color:var(--ink);background:#fff;outline:0}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769e018}input[readonly]{background:#f3f6fb;color:#66748b}textarea{resize:vertical}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.task-intro{display:flex;gap:12px;align-items:center;background:#edf4ff;border:1px solid #d5e5ff;border-radius:6px;padding:11px 13px;margin-bottom:17px}.task-intro p{margin:0;color:#4e607d}.account-card{max-width:520px}.form-stack{display:grid;gap:17px}.login-body{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(135deg,#edf4ff,#f8fafc 55%,#ecf8f4)}.login-card{width:min(100%,440px);background:#fff;border:1px solid #dfe6f0;border-radius:9px;padding:38px;box-shadow:0 18px 50px #1024481a}.login-logo{width:55px;height:55px;object-fit:contain;background:#edf4ff;border-radius:8px;margin-bottom:18px}.login-card h1{font-size:25px;margin-bottom:7px}.captcha-row{display:grid;grid-template-columns:1fr 112px auto;gap:8px;align-items:center}.captcha-row img{height:42px;width:112px}.text-button{border:0;background:none;color:var(--blue);padding:0;white-space:nowrap}@media(max-width:1024px){.metrics{grid-template-columns:repeat(2,1fr)}.rule-panel{grid-template-columns:1fr}.rule-panel dl{grid-template-columns:1fr}.app-shell{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;z-index:10;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.topbar{height:59px;padding:0 16px}.menu-toggle{display:block}.content{padding:20px 15px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px;min-height:120px}.metric strong{font-size:29px}.toolbar{align-items:stretch;flex-direction:column}.search input{min-width:0}.toolbar .button-link{min-height:42px}.form-grid{grid-template-columns:1fr}.record-form,.account-card{padding:18px}.task-intro{align-items:flex-start;flex-direction:column}.captcha-row{grid-template-columns:1fr 92px}.captcha-row img{width:92px}.captcha-row .text-button{grid-column:1/-1;text-align:left}.login-card{padding:27px 22px}}
.pagination{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;margin:20px 0 4px}.page-link{min-width:34px;height:34px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e9f0;border-radius:5px;background:#fff;color:#536177}.page-link:hover{border-color:#9abced;color:#1769e0}.page-link.current{background:#1769e0;border-color:#1769e0;color:#fff}.page-link.disabled{color:#aab3c2;background:#f6f7fa;pointer-events:none}.page-gap{color:#8995a8;padding:0 3px}
.dashboard-copyright{margin:18px 0 0;text-align:center;color:#7b8799;font-size:12px}.login-card h1{text-align:center}
.menu-backdrop{display:none}

/* Calm, high-contrast operational palette. */
:root{--ink:#1d292d;--muted:#637278;--line:#dbe3e2;--canvas:#f3f6f5;--blue:#28736f;--blue-dark:#1d5b58;--red:#b84a50;--green:#28735e;--nav:#263c38;--card:#ffffff}body{background:var(--canvas);color:var(--ink)}.sidebar{background:var(--nav);color:#d9e5e1}.brand{color:#fff}.brand img{background:#eaf2ef}.sidebar nav a{color:#bbcbc6}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#3c5a53}.sidebar-note{border-color:#49645d;color:#b7c8c3}.topbar{border-color:var(--line)}.menu-toggle{background:#e6f1ef;color:#1d5b58}.eyebrow{color:#28736f}.metric{border-color:var(--line);box-shadow:0 1px 2px #1e373108}.metric:hover{border-color:#93bdb4}.metric strong{color:#28736f}.metric.alert strong{color:#b56b2f}.rule-panel{border-color:var(--line)}.search button,.small{border-color:#b8d3cc;background:#f1f8f6;color:#226460}.primary{border-color:#28736f;background:#28736f}.primary:hover{background:#1d5b58}.secondary{border-color:#c7d3d0}.danger{border-color:#e5bfc2;color:#a93e46}.table-wrap{border-color:var(--line)}th{background:#f7faf9;color:#52636a}.tag{background:#e9f4f1;color:#266761}.status.todo{background:#fff3e7;color:#9a5b24}.status.done{background:#e7f4ed;color:#247052}.task-intro{background:#edf6f4;border-color:#cfe2dd}.task-intro p{color:#4f6865}.page-link{border-color:var(--line);color:#53676a}.page-link:hover{border-color:#8ebbb1;color:#1d5b58}.page-link.current{background:#28736f;border-color:#28736f}.login-body{background:linear-gradient(135deg,#eef4f2,#f8faf9 55%,#edf5f3)}.login-card{border-color:#d9e3e0;box-shadow:0 18px 50px #1f383014}.dashboard-copyright{color:#71817f}

/* Neutral blue-gray revision: clear hierarchy without the green cast. */
:root{--ink:#1f2937;--muted:#687486;--line:#e0e6ee;--canvas:#f5f7fa;--blue:#386dca;--blue-dark:#2958aa;--red:#bd4d55;--green:#267557;--nav:#263449;--card:#ffffff}body{background:var(--canvas);color:var(--ink)}.sidebar{background:#263449;color:#dae2ee}.brand img{background:#f3f6fb}.sidebar nav a{color:#b9c5d5}.sidebar nav a:hover,.sidebar nav a.active{background:#3a4a62}.sidebar-note{border-color:#475a74;color:#b7c4d4}.menu-toggle{background:#edf3ff;color:#315fae}.eyebrow{color:#386dca}.metric{box-shadow:0 1px 2px #1d2c4108}.metric:hover{border-color:#a9c1e8}.metric strong{color:#386dca}.metric.alert strong{color:#b36a2e}.search button,.small{border-color:#c5d4ee;background:#f2f6ff;color:#315fae}.primary{background:#386dca;border-color:#386dca}.primary:hover{background:#2958aa}.secondary{border-color:#ccd5e1}.danger{border-color:#ebc4c7;color:#ad3f48}th{background:#f8faff;color:#55657a}.tag{background:#edf3ff;color:#3d66ab}.status.todo{background:#fff4e8;color:#a45c1e}.status.done{background:#eaf7f0;color:#237050}.task-intro{background:#f0f5ff;border-color:#d8e5fb}.task-intro p{color:#536784}.page-link{color:#54657a}.page-link:hover{border-color:#a9c1e8;color:#315fae}.page-link.current{background:#386dca;border-color:#386dca}.login-body{background:linear-gradient(135deg,#f0f4fa,#fafbfd 54%,#edf2f8)}.login-card{border-color:#dfe5ed;box-shadow:0 18px 50px #24355014}.dashboard-copyright{color:#748196}

/* Stronger contrast for clear scanning in daily use. */
:root{--ink:#172235;--muted:#52627a;--line:#cfd9e7;--canvas:#edf2f8;--blue:#2f6fda;--blue-dark:#1f54b4;--red:#c8424d;--green:#167a55;--nav:#1f2f4a;--card:#ffffff}.sidebar{background:#1f2f4a}.sidebar nav a{color:#c8d4e7}.sidebar nav a:hover,.sidebar nav a.active{background:#365078}.sidebar-note{border-color:#466489;color:#c4d2e5}.menu-toggle{background:#e1ebff;color:#245dbd}.eyebrow{color:#2f6fda}.metric{border-color:#d2dceb;box-shadow:0 2px 5px #1f3b6d12}.metric:hover{border-color:#79a5ef}.metric strong{color:#2f6fda}.metric.alert strong{color:#c66b24}.search button,.small{border-color:#a9c4f3;background:#eaf2ff;color:#215dbf}.primary{background:#2f6fda;border-color:#2f6fda}.primary:hover{background:#1f54b4}.secondary{border-color:#bfcce0}.danger{border-color:#edb6bc;color:#bc3742}th{background:#eef4ff;color:#40546f}.tag{background:#dfebff;color:#245aae}.status.todo{background:#fff0e2;color:#a95412}.status.done{background:#e0f5e9;color:#14734c}.task-intro{background:#e8f1ff;border-color:#c2d8fb}.task-intro p{color:#3e587c}.page-link{border-color:#cfd9e7;color:#3f5573}.page-link:hover{border-color:#79a5ef;color:#1f54b4}.page-link.current{background:#2f6fda;border-color:#2f6fda}.login-body{background:linear-gradient(135deg,#e6efff,#f8faff 55%,#e9f0fb)}.login-card{border-color:#ccd9eb;box-shadow:0 20px 55px #173c781c}.dashboard-copyright{color:#5d6e87}

@media(max-width:720px){.menu-backdrop{display:block;position:fixed;inset:0;z-index:9;border:0;background:#0d1d35;opacity:0;pointer-events:none;transition:opacity .2s}.menu-backdrop.open{opacity:.3;pointer-events:auto}.sidebar{z-index:10}}

.task-remark-row{display:none}@media(max-width:720px){.task-table .task-note-column{display:none}.task-table .task-row{cursor:pointer}.task-table .task-row:focus{outline:2px solid #79a5ef;outline-offset:-2px}.task-table .task-remark-row.open{display:table-row}.task-table .task-remark-row td{padding:0;border-bottom:1px solid #cfd9e7;background:#f4f8ff}.task-table .task-remark-row div{padding:11px 14px;color:#3e587c;white-space:normal;word-break:break-word}.task-table .task-remark-row strong{color:#245aae}}