:root{--bg-main:#e8f5e9;--bg-card:#f7fcf7;--text-main:#2f5d3a;--text-soft:#3d5f46;--border-soft:#b7d7b8;--button-main:#5b8f67;--button-hover:#4e7d59;--link-main:#4e7d59;--link-hover:#2f5d3a;--shadow-card:0 12px 30px #3c6e4624;--radius-card:16px;--radius-control:10px;--card-width:380px}.page-shell{box-sizing:border-box;background:linear-gradient(160deg,#e8f5e9 0%,#0dcedc 45%,#c8e6c9 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.page-card{box-sizing:border-box;background-color:#f7fcf7;border:1px solid #b7b7b8;border-radius:16px;flex-direction:column;gap:16px;padding:28px 24px;display:flex;box-shadow:0 12px 30px #3c6e4624}.page-title{text-align:center;color:var(--text-main);margin:0 0 8px;font-size:1.8rem}.primary-button{color:#fff;background-color:var(--button-main);border-radius:var(--radius-control);cursor:pointer;border:none;margin-top:8px;padding:11px 14px;font-size:1rem;transition:background-color .2s,transform .1s}.primary-button:hover{background-color:var(--button-hover)}.primary-button:active{transform:translateY(1px)}.secondary-link{color:var(--link-main);border-radius:8px;align-self:center;padding:6px 12px;text-decoration:none;transition:background-color .2s,color .2s;display:inline-block}.secondary-link:hover{color:var(--link-hover);background-color:#6ea8791f}html,body,#root{width:100%;height:100%;margin:0;font-family:Arial,sans-serif}.home-card{align-items:stretch}.home-greeting{text-align:center;color:var(--text-soft);margin:0;font-size:1rem}.home-section-list{flex-direction:column;gap:12px;display:flex}.home-section-link{text-align:center;color:var(--text-main);background-color:var(--bg-card);border:0px solid var(--border-soft);border-radius:var(--radius-control);padding:14px 16px;text-decoration:none;transition:background-color .2s,transform .1s;display:block}.home-section-link:hover{background-color:#eef7ee}.home-section-link:active{transform:translateY(1px)}.login-form{flex-direction:column;gap:16px;display:flex}.login-label{color:var(--text-soft);flex-direction:column;gap:6px;font-size:.95rem;display:flex}.login-input{color:#23402c;border-radius:var(--radius-control);box-sizing:border-box;background-color:#fff;border:1px solid #a8c9ab;outline:none;padding:10px 12px;font-size:1rem}.login-input:focus{border-color:#6ea879;box-shadow:0 0 0 3px #6ea8792e}.login-message{text-align:center;color:#6b4f2a;min-height:1.2em;font-size:.95rem}