:root{color:#20231f;font-synthesis:none;background:#f4f5f2;font-family:Arial,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{background:#f4f5f2;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #82b5a5}.auth-page{background:#eff1ed;place-items:center;min-height:100vh;padding:32px 20px;display:grid}.login-panel{background:#fff;border:1px solid #d7dbd3;border-radius:6px;width:min(100%,400px);padding:36px;box-shadow:0 18px 45px #22282314}.login-heading{margin-bottom:30px}.login-heading h1,.page-heading h1{letter-spacing:0;margin:5px 0 0;font-size:30px;line-height:1.2}.eyebrow{color:#587068;letter-spacing:0;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.form-stack,.settings-form{flex-direction:column;gap:18px;display:flex}.field,.file-field{color:#333832;flex-direction:column;gap:8px;min-width:0;font-size:14px;font-weight:700;display:flex}.field input,.file-field input{color:#20231f;background:#fff;border:1px solid #bcc3ba;border-radius:5px;width:100%;min-height:44px}.field input{padding:10px 12px}.file-field input{padding:8px;font-weight:400}.file-field small{color:#6d746c;font-size:12px;font-weight:400}.file-picker{cursor:pointer;background:#fff;border:1px solid #bcc3ba;border-radius:5px;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:10px;min-height:44px;padding:5px 8px;display:grid}.file-picker:hover{border-color:#7c8b80}.file-picker:has(.visually-hidden-input:focus-visible){outline-offset:2px;outline:3px solid #82b5a5}.file-picker .visually-hidden-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;min-height:1px;padding:0;position:absolute;overflow:hidden}.file-picker-button{color:#282d28;background:#f8f9f7;border:1px solid #9aa49b;border-radius:4px;padding:6px 9px;font-weight:700}.file-picker-name{color:#596159;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:400;overflow:hidden}.field input:hover,.file-field input:hover{border-color:#7c8b80}.primary-button,.secondary-button,.danger-button{cursor:pointer;border-radius:5px;min-height:42px;padding:9px 16px;font-weight:700}.primary-button{color:#fff;background:#245f50;border:1px solid #245f50;width:100%}.secondary-button{color:#282d28;background:#fff;border:1px solid #9aa49b;align-self:flex-start}.danger-button{color:#913c3c;background:#fff;border:1px solid #b25454}button:hover:not(:disabled){filter:brightness(.96)}button:disabled{cursor:wait;opacity:.65}.form-message,.inline-notice{border-left:3px solid;margin:0;padding:9px 11px;font-size:14px;line-height:1.5}.form-message.error,.inline-notice.error{color:#7e3131;background:#fff1f0;border-color:#b25454}.form-message.success{color:#235f4c;background:#edf8f3;border-color:#348068}.app-shell{min-height:100vh}.worker-status-banner{color:#684d17;text-align:center;background:#fff7df;border-bottom:1px solid #e0c68d;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:9px 20px;font-size:14px;font-weight:700;line-height:1.5;display:flex}.worker-status-banner.offline{color:#7e3131;background:#fff1f0;border-color:#dfb1ad}.worker-status-indicator{background:currentColor;border-radius:50%;flex:none;width:8px;height:8px}.app-header{z-index:10;background:#fffffff5;border-bottom:1px solid #d8dcd5;justify-content:space-between;align-items:center;gap:24px;min-height:62px;padding:0 max(24px,50vw - 540px);display:flex;position:sticky;top:0}.brand{flex:none;font-size:17px;font-weight:800}.app-header nav{color:#555d55;align-items:center;gap:24px;font-size:14px;font-weight:700;display:flex}.app-header nav a:hover,.text-link:hover{color:#245f50}.app-content{width:min(100%,1080px);margin:0 auto;padding:42px 24px 72px}.page-stack{flex-direction:column;gap:30px;display:flex}.page-heading{border-bottom:1px solid #d8dcd5;padding-bottom:18px}.empty-state{background:#fff;border:1px solid #d8dcd5;border-radius:6px;justify-content:space-between;align-items:center;gap:24px;min-height:180px;padding:30px;display:flex}.empty-state h2,.section-heading h2{letter-spacing:0;margin:0;font-size:18px}.empty-state p{color:#6d746c;margin:8px 0 0}.text-link{color:#245f50;flex:none;font-size:14px;font-weight:700}.settings-page{width:min(100%,760px)}.settings-section{border-bottom:1px solid #d8dcd5;grid-template-columns:180px minmax(0,1fr);gap:28px;padding:0 0 32px;display:grid}.settings-section:last-child{border-bottom:0}.section-heading{padding-top:2px}.avatar-row{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:18px;display:grid}.avatar-preview,.avatar-placeholder{border-radius:50%;width:82px;height:82px}.avatar-preview{object-fit:cover;border:1px solid #c7ccc4;display:block}.avatar-placeholder{color:#315a4e;background:#dfe7e1;place-items:center;font-size:28px;font-weight:800;display:grid}.danger-zone{color:#743333}.global-error-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100vh;padding:24px;display:flex}.global-error-page h1{letter-spacing:0;margin:0;font-size:24px}@media (max-width:680px){.auth-page{align-items:start;padding:24px 14px}.login-panel{margin-top:8vh;padding:28px 22px}.app-header{flex-direction:column;align-items:flex-start;gap:12px;padding:15px 18px}.app-header nav{justify-content:space-between;width:100%}.app-content{padding:30px 18px 56px}.empty-state{flex-direction:column;align-items:flex-start;min-height:0;padding:22px}.settings-section{grid-template-columns:1fr;gap:18px}.secondary-button,.danger-button{width:100%}.avatar-row{grid-template-columns:68px minmax(0,1fr)}.avatar-preview,.avatar-placeholder{width:68px;height:68px}}