:root{--green:#6DAA34;--green-dark:#4f8423;--blue:#3E7FC4;--blue-dark:#245f9f;--ink:#1A1A1A;--paper:#fff;--mist:#F2F2F2;--line:#d9ded6;--focus:#ffcf40;--shell:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mist);color:var(--ink);font-family:"Work Sans",Arial,sans-serif;line-height:1.5}body.app-state-login,body.app-state-loading,body.app-state-dashboard{min-height:100vh}button,input{font:inherit}button,a{touch-action:manipulation}.shell{width:min(var(--shell),calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:#fff;color:#000;padding:10px 16px;transform:translateY(-160%)}.skip-link:focus{transform:none}#appRoot{min-height:100vh}.screen{min-height:100vh;display:flex;flex-direction:column;animation:screen-in 360ms cubic-bezier(.2,.7,.2,1) both}.screen.no-animation{animation:none}.site-header{flex:0 0 auto}.utility{height:38px;background:var(--ink);color:#fff;font-size:.78rem}.utility .shell{height:100%;display:flex;align-items:center;justify-content:space-between}.environment{color:#cfd3cf}.brandbar{background:var(--green);color:#fff}.brandrow{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:16px;color:#fff}.brand strong{display:block;font-size:1.17rem;line-height:1.2}.brand small{display:block;margin-top:4px;font-size:.79rem}.brandmark{width:45px;height:51px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;align-content:center;position:relative;flex:0 0 auto}.brandmark i{display:block;height:30px;border:3px solid currentColor;border-width:0 3px 3px 0;transform:skew(-22deg)}.session-status{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:650}.session-status i{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.22)}.login-view{flex:1;min-height:calc(100vh - 126px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);background:#fff}.login-intro{position:relative;overflow:hidden;min-height:620px;padding:clamp(70px,9vw,135px) max(48px,calc((100vw - var(--shell))/2));background:var(--mist)}.login-intro:after{content:"";position:absolute;width:560px;height:560px;right:-285px;bottom:-225px;border:78px solid rgba(109,170,52,.15);border-radius:50%}.login-intro>p{color:var(--green-dark);font-weight:700;margin:40px 0 12px}.login-intro h1{max-width:620px;margin:0;font-size:clamp(2.55rem,4.7vw,5rem);line-height:.98;letter-spacing:-.055em;font-weight:800}.grape-seal{position:relative;width:110px;height:114px}.grape-seal span{position:absolute;width:28px;height:28px;border:3px solid var(--green);border-radius:50%;color:transparent}.grape-seal span:nth-child(1){left:25px;top:18px}.grape-seal span:nth-child(2){left:54px;top:18px}.grape-seal span:nth-child(3){left:10px;top:46px}.grape-seal span:nth-child(4){left:39px;top:46px}.grape-seal span:nth-child(5){left:25px;top:75px}.grape-seal i{position:absolute;left:51px;top:0;width:24px;height:20px;border-left:3px solid var(--green);border-top:3px solid var(--green);transform:skew(-25deg)}.trace-line{display:flex;align-items:center;margin-top:54px}.trace-line span{width:16px;height:16px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px var(--mist),0 0 0 6px var(--green)}.trace-line span+span{margin-left:82px}.trace-line span+span:before{content:"";display:block;width:83px;border-top:2px solid var(--green);transform:translate(-83px,7px)}.login-panel{display:grid;place-items:center;padding:56px clamp(32px,6vw,96px);background:#fff}.login-card{width:min(100%,470px);display:flex;flex-direction:column}.login-card h2{font-size:2rem;line-height:1.12;margin:0 0 8px;letter-spacing:-.025em}.login-card>div:first-child p{margin:0 0 36px;color:#5d635e}.login-card label{font-weight:650;margin:0 0 8px}.login-card input{width:100%;min-height:52px;border:1.5px solid #abb2aa;border-radius:4px;padding:12px 14px;background:#fff;color:#111}.login-card input:focus{border-color:var(--blue);outline:3px solid rgba(62,127,196,.2)}.password-field{position:relative}.password-field input{padding-right:72px}.password-field button{position:absolute;right:5px;top:5px;height:42px;border:0;background:transparent;color:var(--blue-dark);font-weight:650;cursor:pointer}.form-error{min-height:24px;margin:10px 0;color:#a82020;font-weight:600}.primary-button{min-height:54px;border:0;border-radius:27px;padding:0 9px 0 25px;display:flex;align-items:center;justify-content:space-between;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}.primary-button i{display:grid;place-items:center;width:38px;height:38px;background:#fff;color:var(--blue);border-radius:50%;font-style:normal;font-size:1.8rem}.primary-button:hover{background:var(--blue-dark)}.primary-button:disabled{opacity:.65;cursor:wait}.support{font-size:.82rem;color:#646964;text-align:center;margin:25px 10px 0}.loading-view{min-height:100vh;display:grid;place-content:center;justify-items:center;padding:32px;background:var(--paper);text-align:center}.loading-view:before{content:"";position:fixed;inset:0 0 auto;height:10px;background:linear-gradient(90deg,var(--ink) 0 35%,var(--green) 35% 75%,var(--blue) 75%)}.loading-brand{display:flex;align-items:center;gap:16px;color:var(--green-dark);margin-bottom:50px}.loading-brand .brandmark{width:38px;height:44px}.loading-brand .brandmark i{height:26px}.spinner{width:52px;height:52px;border:5px solid #dfe8d9;border-top-color:var(--green);border-right-color:var(--blue);border-radius:50%;animation:spin 700ms linear infinite}.loading-view h1{font-size:clamp(1.7rem,4vw,2.5rem);margin:25px 0 5px;letter-spacing:-.035em}.loading-view p{margin:0;color:#5c625d}.dashboard-view{flex:1;min-height:calc(100vh - 126px)}.welcome-bar{background:#fff;border-bottom:1px solid var(--line)}.welcome-row{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:32px}.welcome-user{display:flex;align-items:center;gap:18px;min-width:0}.user-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#eaf3e4;color:var(--green-dark)}.user-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.welcome-user h1{margin:0;font-size:clamp(1.15rem,2.2vw,1.65rem);line-height:1.25;letter-spacing:-.02em}.welcome-user h1 span{font-weight:550;color:#4e554f}.welcome-user p{margin:5px 0 0;color:#626862}.logout-button{min-height:48px;border:2px solid var(--blue);border-radius:26px;padding:0 19px;display:flex;align-items:center;gap:9px;background:var(--blue);color:#fff;font-weight:750;cursor:pointer;white-space:nowrap}.logout-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.logout-button:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.logout-button:disabled{opacity:.7;cursor:wait}.dashboard-head{padding-block:54px 44px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.dashboard-head>div>p:first-child{color:var(--green-dark);font-weight:700;margin:0 0 5px;text-transform:capitalize}.dashboard-head h2{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1;margin:0;letter-spacing:-.05em}.dashboard-head h2+p{margin:16px 0 0;color:#555}.user-stamp{display:flex;align-items:center;gap:12px;background:#fff;border-left:5px solid var(--green);padding:12px 18px}.user-stamp>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}.user-stamp strong,.user-stamp small{display:block}.user-stamp small{color:#5e655f}.module-area{padding:40px 0 70px;background:#fff}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:25px}.section-heading h2{font-size:1.65rem;margin:0}.section-heading p{margin:0;color:#606660}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module-card{position:relative;min-height:210px;border:1px solid var(--line);border-top:5px solid var(--green);padding:24px;background:#fff;display:flex;flex-direction:column;align-items:flex-start}.module-card.wide{grid-column:span 2;background:linear-gradient(110deg,#fff 0 68%,#eef6e8 68%)}.module-icon{width:54px;height:54px;color:var(--green);margin-bottom:24px}.module-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.module-card h3{margin:0 0 6px;font-size:1.25rem}.module-card p{margin:0 0 22px;color:#5c625d}.module-action{margin-top:auto;border:0;background:none;padding:0;color:var(--blue-dark);font-weight:750;cursor:pointer}.module-action:hover{text-decoration:underline;text-underline-offset:4px}.module-card .mode{position:absolute;right:16px;top:15px;background:#eaf3e4;color:#345c16;padding:4px 9px;font-size:.72rem;font-weight:700;border-radius:20px}footer{margin-top:auto;background:var(--ink);color:#fff;padding:22px 0;font-size:.8rem}footer .shell{display:flex;justify-content:space-between;gap:20px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@keyframes screen-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:1024px){.login-view{grid-template-columns:.9fr 1.1fr}.login-intro{padding-inline:40px}.login-intro h1{font-size:3.3rem}.module-grid{grid-template-columns:repeat(2,1fr)}.module-card.wide{grid-column:span 2}}
@media (max-width:767px){.shell{width:min(100% - 32px,var(--shell))}.utility{height:34px}.environment{display:none}.brandrow{min-height:78px}.brand strong{font-size:.96rem;max-width:220px}.brand small,.session-status{display:none}.brandmark{width:35px;height:40px}.login-view{display:block;min-height:auto}.login-intro{min-height:255px;padding:28px 24px 34px}.grape-seal{height:55px;transform:scale(.52);transform-origin:top left}.login-intro>p{color:#406f1d;margin:6px 0 8px;font-size:.9rem}.login-intro h1{font-size:2.15rem;line-height:1.06;letter-spacing:-.035em;max-width:420px}.trace-line{display:none}.login-intro:after{width:310px;height:310px;border-width:42px;right:-170px;bottom:-170px}.login-panel{padding:40px 24px 54px}.login-card h2{font-size:1.7rem}.login-card input,.primary-button{min-height:56px}.support{color:#505650}.welcome-row{padding-block:22px;display:block}.welcome-user{align-items:flex-start}.user-icon{width:46px;height:46px}.welcome-user h1 span{display:block;margin-top:2px}.welcome-user p{font-size:.9rem}.logout-button{margin:19px 0 0 64px}.dashboard-head{padding-block:38px 34px;display:block}.dashboard-head h2{font-size:2.75rem}.user-stamp{margin-top:28px}.module-area{padding-top:32px}.section-heading{display:block}.section-heading p{margin-top:8px}.module-grid{grid-template-columns:1fr}.module-card,.module-card.wide{grid-column:auto;min-height:190px}.module-card.wide{background:#fff}.module-action{min-height:46px;font-size:1rem}footer .shell{display:block}footer span{display:block;margin-top:5px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.screen{animation:none!important}.spinner{animation-duration:1.4s}}