:root{--green:#0f7a4f;--green-dark:#12372a;--green-soft:#e8f5ee;--line:#dce5e0;--text:#1f2d27;--muted:#66736d;--surface:#fff;--page:#f7f9f8;--danger:#b42318;--shadow:0 20px 50px rgba(18,55,42,.1)}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--page);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--green-dark);font-weight:750;text-decoration:none;font-size:21px;letter-spacing:-.5px}.brand>span>span{color:var(--green)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--green);color:white;font-size:17px}.login-page{min-height:100vh;background:linear-gradient(145deg,#f8fbf9 0 55%,#e8f5ee 55%)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:38px;box-shadow:var(--shadow)}.login-heading{margin:42px 0 24px}.eyebrow{margin:0 0 7px;color:var(--green);font-size:12px;text-transform:uppercase;letter-spacing:1.2px;font-weight:750}.login-heading h1,.page-title h1{margin:0;color:var(--green-dark);letter-spacing:-1px}.login-heading h1{font-size:31px;line-height:1.16}.login-heading p:last-child,.page-title p{color:var(--muted);line-height:1.5}.login-form{display:grid;gap:9px}.login-form label{font-size:13px;font-weight:650;margin-top:5px}.login-form input{height:46px;border:1px solid #becbc4;border-radius:9px;padding:0 13px;color:var(--text);outline:none}.login-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(15,122,79,.12)}.login-form button,.primary-button{margin-top:12px;border:0;border-radius:9px;background:var(--green);color:#fff;font-weight:700;padding:13px 18px;cursor:pointer}.primary-button:disabled{opacity:.55;cursor:not-allowed}.alert{border:1px solid #f0b7b2;background:#fff1f0;color:var(--danger);border-radius:8px;padding:11px 13px;margin-bottom:16px;font-size:14px}.login-foot{text-align:center;color:var(--muted);font-size:12px;margin:24px 0 0}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#fff;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column}.brand-sidebar{padding:0 9px;margin-bottom:34px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;min-height:43px;padding:0 12px;border-radius:8px;color:#53615a;text-decoration:none;font-size:14px;font-weight:570}.nav-item>span{width:20px;text-align:center;color:#7a8881;font-size:18px}.nav-item em{margin-left:auto;background:var(--green-soft);color:var(--green);font-style:normal;border-radius:10px;padding:2px 7px;font-size:11px}.nav-item:hover,.nav-item.active{background:var(--green-soft);color:var(--green-dark)}.nav-item.active{font-weight:720}.nav-item.active>span{color:var(--green)}.sidebar-bottom{margin-top:auto}.main-area{margin-left:236px;width:calc(100% - 236px)}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.mailbox-switcher{display:flex;align-items:center;gap:10px}.mailbox-switcher div{display:grid}.mailbox-switcher small{color:var(--muted);font-size:10px}.mailbox-switcher strong{font-size:14px}.status-dot{width:9px;height:9px;border-radius:50%;background:#35a268}.top-actions{display:flex;align-items:center;gap:10px}.icon-button,.text-button{border:0;background:transparent;color:var(--muted);cursor:pointer}.icon-button{font-size:25px}.text-button{font-size:13px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--green-dark);color:white;font-weight:700}.content{padding:38px 40px;max-width:1420px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.page-title h1{font-size:29px}.page-title p{margin:7px 0 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:12px}.stats article{padding:20px}.stats span{display:block;color:var(--muted);font-size:12px}.stats strong{display:block;font-size:27px;color:var(--green-dark);margin:9px 0}.stats strong.healthy{font-size:18px;color:var(--green)}.stats small{color:#87938d}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:22px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px}.panel-header h2{font-size:17px;margin:0;color:var(--green-dark)}.panel-header p{font-size:12px;color:var(--muted);margin:5px 0 0}.tag{background:var(--green-soft);color:var(--green);font-size:11px;font-weight:700;padding:5px 8px;border-radius:20px}.checklist{list-style:none;padding:0;margin:0}.checklist li{display:flex;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid #edf1ef}.checklist li>span,.activity-icon{width:29px;height:29px;border-radius:50%;border:1px solid #c5d0ca;display:grid;place-items:center;color:var(--muted);font-size:12px}.checklist li.done>span,.activity-icon{border-color:#b4dcc7;background:var(--green-soft);color:var(--green)}.checklist div,.activity-item div{display:grid;gap:4px}.checklist strong,.activity-item strong{font-size:13px}.checklist small,.activity-item small{color:var(--muted);font-size:11px}.activity-item{display:flex;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid #edf1ef}.empty{text-align:center;color:var(--muted);padding:44px 12px}.empty>span{display:block;font-size:30px;color:#9badA4}.empty strong{display:block;color:var(--text);margin-top:10px}.empty p{font-size:12px}.app-page form{margin:0}@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.two-columns{grid-template-columns:1fr}}@media(max-width:720px){.sidebar{width:68px;padding:22px 9px}.brand-sidebar>span:last-child,.nav-item:not(.active){font-size:0}.brand-sidebar{padding:0}.nav-item{justify-content:center;padding:0}.nav-item>span{font-size:18px}.main-area{margin-left:68px;width:calc(100% - 68px)}.content{padding:26px 18px}.topbar{padding:0 18px}.stats{grid-template-columns:1fr}.page-title{gap:20px}.page-title .primary-button{display:none}.mailbox-switcher strong{max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}