.auth{background:var(--ink);place-items:center;min-height:100vh;padding:40px;display:grid}.auth>.brand{color:#fff;position:absolute;top:34px;left:40px}.authCard{background:var(--paper);width:min(540px,100%);padding:52px}.authCard h1{letter-spacing:-.04em;margin:15px 0;font:500 44px/1.05 Georgia}.authCard>p{color:#617169;line-height:1.55}.authCard label{margin-top:20px;font-weight:700;display:block}.authCard input{border:1px solid var(--line);width:100%;margin-top:8px;padding:14px;font-size:16px;display:block}.authCard .button{border:0;width:100%;margin-top:28px}.authFoot{font-size:14px;text-align:center!important}.authFoot a{color:var(--green);font-weight:700}.appShell{background:#f1f4ef;grid-template-columns:240px 1fr;min-height:100vh;display:grid}.appShell>aside{background:var(--ink);flex-direction:column;padding:28px 22px;display:flex}.inverse{color:#fff}.appShell aside nav{flex-direction:column;gap:6px;margin-top:60px;display:flex}.appShell aside nav a,.adminLink{color:#afc0b7;padding:12px 14px;font-weight:700;text-decoration:none}.appShell aside nav .selected{color:#fff;background:#274238}.adminLink{margin-top:auto}.workspace,.adminMain{padding:48px clamp(25px,5vw,70px)}.workspace>header,.adminMain>header{justify-content:space-between;align-items:center;margin-bottom:38px;display:flex}.workspace header small{letter-spacing:.13em;color:var(--green);font-weight:800}.workspace h1,.adminMain h1{margin:8px 0;font:500 40px Georgia}.usage{grid-template-columns:1.2fr 1fr 1fr;gap:18px;display:grid}.usage>div,.adminStats article{border:1px solid var(--line);background:#fff;padding:25px}.usage small,.adminStats small{letter-spacing:.11em;color:#68786f;font-size:11px;font-weight:800;display:block}.usage b,.adminStats b{margin:18px 0;font:500 38px Georgia;display:block}.usage em,.planPrice em{color:#7a8981;font:400 16px Arial}.usage a{color:var(--green);font-weight:700}.usage span,.adminStats span{color:#5f7067;font-size:13px}.meter{background:#dde5df;height:6px}.meter i{background:var(--orange);width:76%;height:100%;display:block}.panel{border:1px solid var(--line);background:#fff;margin-top:18px}.panelHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 25px;display:flex}.panelHead h2{margin:0;font:500 24px Georgia}.panelHead p{color:#718078;margin:5px 0 0;font-size:14px}.panelHead button,.outline{background:#fff;border:1px solid #aebbb4;padding:10px 14px;font-weight:700}.panelHead input{border:1px solid var(--line);padding:10px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e3e9e5;padding:16px 25px;font-size:14px}th{letter-spacing:.1em;color:#6c7c74;font-size:11px}.status{color:#23603f;background:#e2f3e8;border-radius:20px;padding:5px 9px;font-size:12px;font-weight:700}.status.drafting,.status.trial{color:#8a5b00;background:#fff0d6}.status.pastdue{color:#9e2d2d;background:#fde4e4}.lower{grid-template-columns:1.5fr 1fr;gap:18px;display:grid}.people{padding:10px 25px}.people p{align-items:center;gap:13px;display:flex}.people i{width:38px;height:38px;color:var(--green);background:#e1eee6;border-radius:50%;place-items:center;font-style:normal;font-weight:800;display:grid}.people span{flex-direction:column;display:flex}.people small{color:#728078}.planPrice{padding:20px 25px 5px;font:500 38px Georgia;display:block}.panel>.outline,.panel>p{margin:10px 25px 22px}.admin{background:#f2f4f1;min-height:100vh}.adminNav{background:var(--ink);color:#fff;align-items:center;gap:70px;height:75px;padding:0 35px;display:flex}.adminNav>div{gap:28px;display:flex}.adminNav a{color:inherit;text-decoration:none}.adminNav>div a{color:#afc0b7}.adminNav .selected{color:#fff}.adminNav>a:last-child{margin-left:auto}.adminStats{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (max-width:800px){.appShell{grid-template-columns:1fr}.appShell>aside{display:none}.usage,.lower,.adminStats{grid-template-columns:1fr}.adminNav>div{display:none}.workspace,.adminMain{padding:28px 14px}.workspace>header{align-items:flex-start}.workspace>header .button{padding:11px}table{display:block;overflow-x:auto}.auth{padding:18px}.auth>.brand{left:20px}.authCard{padding:32px}}
.brand img{width:44px;height:44px}.brand .brandText{width:auto;height:auto;color:inherit;background:0 0;border-radius:0;flex-direction:column;align-items:flex-start;line-height:1;display:flex}.brandText b{font-size:20px}.brandText small{letter-spacing:.13em;color:#1f6b48;margin-top:5px;font-size:9px}.inverse .brandText small{color:#9ce6bd}