:root{color:#1d2427;background:#f5f7f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7f8}button,input,textarea{letter-spacing:0}.boot-screen,.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#f8fbfb,#edf3f2)}.login-panel{width:min(440px,100%);background:#fff;border:1px solid #d9e2e1;border-radius:8px;padding:28px;box-shadow:0 24px 80px #1b4d4a1f}.login-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:#1b4d4a;color:#f6c85f;font-weight:800;margin-bottom:18px}.login-form{margin-top:24px}.app-shell{min-height:100vh}.app-header{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;background:#fffffff0;border-bottom:1px solid #dce5e3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-header h3{margin:0}.mobile-menu{display:none}.desktop-sidebar{position:fixed;top:72px;bottom:0;left:0;width:220px;padding:18px 12px;background:#fff;border-right:1px solid #dce5e3}.nav-list{display:grid;gap:6px}.nav-list button,.bottom-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#4b5b5d;cursor:pointer}.nav-list button{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:8px;text-align:left}.nav-list button.active{background:#e1f0ee;color:#145c56;font-weight:700}.app-content{margin-left:220px;padding:24px 24px 96px}.page-body{max-width:1360px;margin:0 auto}.page-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.page-tools h4{margin:0}.surface{background:#fff;border:1px solid #dce5e3;border-radius:8px;padding:16px}.surface.flush{padding:14px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:12px;margin-bottom:16px}.metric{min-height:96px;padding:16px;border-radius:8px;border:1px solid #dce5e3;background:#fff}.metric-warm{border-left:4px solid #e69439}.metric-blue{border-left:4px solid #4b83d1}.metric-teal{border-left:4px solid #1b8c82}.metric-gold{border-left:4px solid #d4a52d}.metric-green{border-left:4px solid #4d9b5f}.metric-red{border-left:4px solid #d9514e}.desktop-table{display:block}.mobile-list{display:none}.task-row{cursor:pointer;align-items:flex-start!important}.task-main{min-width:0;display:grid;gap:6px}.task-main .ant-typography{word-break:break-word}.detail-stack{width:100%}.detail-desc{margin:14px 0}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.attachment-grid a{display:grid;gap:6px;color:#253034}.attachment-grid img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;border:1px solid #dce5e3;background:#f0f4f4}.report-grid,.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.admin-form{margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bottom-nav{display:none}@media (max-width: 980px){.desktop-sidebar{display:none}.mobile-menu{display:inline-flex}.app-content{margin-left:0;padding:16px 16px 92px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-table{display:none}.mobile-list{display:block}.page-tools{align-items:stretch;flex-direction:column}.report-grid,.admin-grid,.form-grid{grid-template-columns:1fr}.bottom-nav{position:fixed;z-index:30;left:12px;right:12px;bottom:12px;height:64px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;border-radius:8px;background:#fff;border:1px solid #dce5e3;box-shadow:0 16px 44px #1930302e}.bottom-nav button{display:grid;place-items:center;gap:2px;border-radius:8px;font-size:12px}.bottom-nav button.active{color:#145c56;background:#e1f0ee;font-weight:700}}@media (max-width: 560px){.app-header{height:64px;padding:0 12px}.app-header h3{font-size:18px}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric{min-height:82px;padding:12px}.surface{padding:12px}.login-panel{padding:22px}}