:root{--ink:#10251a;--muted:#607168;--line:#d4e8dc;--paper:#f1faf5;--white:#fff;--accent:#159957;--accent-dark:#08733e;--gradient:linear-gradient(135deg, #052e20 0%, #087443 52%, #19a765 100%)}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 10%, #d8f8e5 0, transparent 30%), var(--paper);color:var(--ink);margin:0;font-family:Arial,sans-serif}.shell{min-height:100vh}.topbar{z-index:20;color:#fff;background:var(--gradient);position:sticky;top:0;box-shadow:0 10px 30px #052e202e}.topbar-inner{align-items:center;gap:28px;width:100%;max-width:1400px;min-height:78px;margin:auto;padding:12px 32px;display:flex}.brand{color:#fff;white-space:nowrap;align-items:center;gap:11px;text-decoration:none;display:flex}.brand span{color:#123b25;background:#cfff72;border-radius:13px;place-items:center;width:40px;height:40px;font-weight:900;display:grid;box-shadow:0 7px 18px #0324173d}.topbar nav{flex:1;gap:5px;display:flex}.topbar nav a{color:#d8f5e5;border-radius:10px;padding:10px 13px;font-size:14px;font-weight:700;text-decoration:none}.topbar nav a:hover,.topbar nav a:focus-visible{color:#fff;background:#ffffff24;outline:none}.account{align-items:center;gap:13px;display:flex}.account>div{text-align:right;gap:2px;display:grid}.account small{color:#b9ebce;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:800}.account strong{font-size:13px}.account span{color:#d2eedf;font-size:11px}.content{width:100%;max-width:1400px;margin:auto;padding:48px 32px}.content>header{justify-content:space-between;align-items:end;margin-bottom:36px;display:flex}.content h1{letter-spacing:-.045em;margin:8px 0 12px;font-size:clamp(32px,4vw,54px);line-height:1}.content p{color:var(--muted);line-height:1.65}.eyebrow{letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--accent)!important}.button{color:#fff;background:linear-gradient(135deg, var(--accent-dark), #22ad68);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;padding:12px 17px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 8px 20px #08733e2e}.button:hover{background:linear-gradient(135deg,#075f35,#159957)}.button:disabled{opacity:.65;cursor:wait}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}.stats article,.panel{border:1px solid var(--line);background:linear-gradient(145deg,#fff 20%,#f4fff8 100%);border-radius:16px;padding:26px;box-shadow:0 12px 32px #155a360f}.stats span{color:var(--accent);font-size:13px;font-weight:800;display:block}.stats h2,.panel h2{margin:14px 0 7px;font-size:19px}.flow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.flow span{color:var(--accent-dark);background:#e1f6e9;border-radius:8px;padding:8px 11px;font-size:13px;font-weight:700}.flow i{color:#86a894}.two-column{grid-template-columns:1.3fr .9fr;gap:18px;display:grid}.empty{text-align:center;border:1px dashed #a8cbb6;border-radius:12px;margin-top:22px;padding:50px 20px}.form{gap:15px;display:grid}.form label{gap:7px;font-size:13px;font-weight:700;display:grid}.form input{font:inherit;border:1px solid #c4dccc;border-radius:9px;padding:11px}.form input:focus-visible{border-color:var(--accent);outline:3px solid #15995724}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-message{min-height:24px;margin:0;font-size:13px}.logout{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff59;border-radius:8px;margin:0;padding:8px 11px}.logout:hover{background:#ffffff2e}@media (max-width:850px){.topbar-inner{flex-wrap:wrap;gap:10px 18px;padding:12px 20px}.topbar nav{order:3;width:100%;overflow-x:auto}.account{margin-left:auto}.content{padding:32px 20px}.stats,.two-column{grid-template-columns:1fr}.content>header{align-items:start;gap:20px}.content h1{font-size:36px}}@media (max-width:560px){.brand strong{font-size:14px}.account>div{display:none}.topbar nav a{white-space:nowrap;padding:9px 10px}.content>header{flex-direction:column}.form-row{grid-template-columns:1fr}}.appbar{z-index:20;color:#fff;background:var(--gradient);justify-content:space-between;align-items:center;min-height:72px;padding:10px max(20px,50% - 668px);display:flex;position:sticky;top:0;box-shadow:0 8px 28px #052e202e}.app-brand{color:#fff;align-items:center;gap:11px;text-decoration:none;display:flex}.app-brand>span{color:#123b25;background:#cfff72;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.app-brand div{gap:2px;display:grid}.app-brand small{color:#b9ebce;letter-spacing:.14em;font-size:9px;font-weight:900}.app-brand strong{font-size:15px}.avatar,.profile-avatar{color:#0b5b36;background:#e5fff0;border-radius:50%;place-items:center;font-weight:900;text-decoration:none;display:grid}.avatar{border:2px solid #ffffff73;width:42px;height:42px}.bottom-nav{z-index:30;width:min(620px,100%);height:calc(70px + env(safe-area-inset-bottom));padding:7px 10px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #d6e9dd;border-bottom:0;border-radius:22px 22px 0 0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 30px #0e4d2d1f}.bottom-nav a{color:#718077;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.bottom-nav svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.bottom-nav a.active{color:var(--accent-dark);background:#e7f8ee}.tenant-app{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.tenant-app .content{max-width:1100px}.tenant-app .content>header{padding:8px 0 0}.tenant-app .stats article{position:relative;overflow:hidden}.tenant-app .stats article:after{content:"";background:#dff7e9;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-30px;right:-22px}.profile-card{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f1fff7);border-radius:22px;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:28px;display:grid;box-shadow:0 14px 40px #155a3614}.profile-avatar{width:64px;height:64px;font-size:24px}.profile-card h2,.profile-card p{margin:0}.profile-card dl{grid-column:1/-1;gap:0;margin:8px 0;display:grid}.profile-card dl div{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:14px 0;display:flex}.profile-card dt{color:var(--muted);font-size:13px}.profile-card dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:700}.profile-card .logout{color:#a52c2c;background:#fff5f5;border-color:#f0c9c9;grid-column:1/-1;width:100%;padding:12px}@media (max-width:850px){.tenant-app .content{padding-top:26px}.tenant-app .content>header{margin-bottom:24px}.tenant-app .content h1{font-size:34px}.tenant-app .stats{grid-template-columns:repeat(2,1fr);gap:12px}.tenant-app .stats article,.tenant-app .panel{border-radius:20px;padding:20px}.tenant-app .two-column{flex-direction:column;display:flex}.tenant-app .two-column>.panel:first-child{order:2}.tenant-app .two-column>.form{order:1}}@media (min-width:851px){.bottom-nav{border:1px solid #d6e9dd;border-radius:22px;bottom:18px}.tenant-app{padding-bottom:110px}}@media (max-width:560px){.tenant-app .content{padding:24px 16px}.tenant-app .content>header p:not(.eyebrow){font-size:14px}.tenant-app .stats{grid-template-columns:1fr 1fr}.tenant-app .stats article{padding:17px}.tenant-app .stats h2{font-size:16px}.tenant-app .stats p{font-size:12px}.tenant-app .flow i{display:none}.profile-card{padding:22px 18px}}