:root{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;color:#17211d;background:#f3f6f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.center{min-height:100vh;display:grid;place-items:center}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef3f0}.login-panel{width:min(420px,100%);background:#fff;border:1px solid #dce5df;border-radius:8px;padding:40px;box-shadow:0 16px 48px #18332612}.brand-mark{width:48px;height:48px;display:grid;place-items:center;background:#166534;color:#fff;font-size:25px;font-weight:800;border-radius:6px}.brand-mark.small{width:34px;height:34px;font-size:18px}.login-panel h1{margin:24px 0 6px;font-size:28px}.login-panel p{margin:0 0 28px;color:#64746c}.login-panel form{display:grid;gap:18px}.login-panel label{font-size:14px;font-weight:700;display:grid;gap:7px}.login-panel input{height:46px;border:1px solid #bdcbc2;border-radius:5px;padding:0 12px;outline:none}.login-panel input:focus{border-color:#166534;box-shadow:0 0 0 3px #16653418}.login-panel button{height:48px;border:0;border-radius:5px;background:#166534;color:#fff;font-weight:800;cursor:pointer}.error,.warning{padding:12px;border-radius:5px}.error{background:#fff0f0;color:#a51d1d}.warning{background:#fff7df;border:1px solid #e7c96a;color:#6e5210;margin-bottom:22px}.divider{display:flex;align-items:center;gap:12px;color:#7a8680;font-size:13px;margin:22px 0}.divider:before,.divider:after{content:"";height:1px;background:#dce5df;flex:1}.google-login{height:48px;width:100%;border:1px solid #bdcbc2!important;border-radius:5px;background:#fff!important;color:#26332c!important;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer}.google-login.disabled{color:#7c8781!important;background:#f5f7f6!important;cursor:not-allowed}.google-g{font-family:Arial,sans-serif;font-size:20px;font-weight:800;color:#4285f4}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#13251d;color:#fff;padding:20px 14px;display:flex;flex-direction:column;z-index:20}.aside-head{display:flex;align-items:center;gap:10px;padding:0 8px 22px}.aside-head strong{font-size:17px}nav{display:grid;gap:4px}nav a,.logout{display:flex;align-items:center;gap:12px;color:#bdcbc4;padding:12px;border-radius:5px;text-decoration:none;border:0;background:none;cursor:pointer;text-align:left}nav a svg,.logout svg{width:19px}nav a.active{background:#244c38;color:#fff}.logout{margin-top:auto;width:100%}.content{grid-column:2}.content>header{height:72px;background:#fff;border-bottom:1px solid #dae3dd;padding:0 32px;display:flex;align-items:center;gap:16px;justify-content:flex-end}.content>header div{display:grid;text-align:right}.content>header small{color:#6a7770}.role{background:#e5f4ea;color:#14562d;padding:6px 10px;border-radius:4px;font-size:13px;font-weight:700}.content main{padding:32px;max-width:1400px;margin:auto}.page-title h1{margin:0;font-size:25px}.page-title p{margin:5px 0 26px;color:#69756f}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metrics article{background:#fff;border:1px solid #dce4df;border-top:3px solid #247a47;padding:20px;border-radius:6px;display:grid;gap:7px}.metrics article>span,.metrics small{color:#68766e}.metrics strong{font-size:25px}.work-area{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:20px}.work-area>div{background:#fff;border:1px solid #dce4df;border-radius:6px;padding:22px}.work-area h2{font-size:18px;margin:0 0 18px}.empty{min-height:190px;display:grid;place-items:center;align-content:center;gap:8px;color:#7b8981;text-align:center}.empty svg{width:34px}.empty strong{color:#314238}.tasks{list-style:none;padding:0;margin:0}.tasks li{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e4e9e6}.tasks b{background:#eef3f0;padding:3px 9px;border-radius:4px}.icon{border:0;background:none;padding:7px;display:grid;place-items:center}.mobile,.backdrop{display:none}@media(max-width:900px){.app-shell{display:block}aside{transform:translate(-100%);transition:.2s}aside.open{transform:none}.content>header{padding:0 16px;justify-content:flex-start}.content>header div{margin-left:auto}.mobile{display:grid;color:inherit}.content main{padding:22px 16px}.metrics{grid-template-columns:repeat(2,1fr)}.work-area{grid-template-columns:1fr}.backdrop{display:block;position:fixed;inset:0;border:0;background:#0008;z-index:10}}@media(max-width:520px){.login-panel{padding:28px 22px}.metrics{grid-template-columns:1fr}.role{display:none}.metrics article{min-height:122px}}