:root{color:#17202a;background:#f7f9fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.button{align-items:center;background:#176b57;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:44px;padding:0 18px;transition:background .16s ease,transform .16s ease}.button:hover{background:#0f5d4a;transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.72;transform:none}.button-muted{background:#e9edf3;color:#17202a}.button-muted:hover{background:#dce4ee}.button-full{width:100%}.text-button{background:transparent;border:0;color:#176b57;cursor:pointer;font-weight:800;margin-top:10px;padding:0}.eyebrow{color:#667085;font-size:.77rem;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.login-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);min-height:100vh}.login-visual{align-items:end;background:linear-gradient(180deg,#11182714,#111827a8),url(https://images.unsplash.com/photo-1542744173-8e7e53415bb0?auto=format&fit=crop&w=1600&q=80);background-position:center;background-size:cover;color:#fff;display:flex;min-height:100vh;padding:64px}.login-visual h1{font-size:clamp(2.6rem,6vw,5.8rem);line-height:.96;margin:0;max-width:820px}.login-visual p:not(.eyebrow){color:#ffffffdb;font-size:1.15rem;max-width:620px}.login-visual .eyebrow{color:#ffffffc7}.login-card{align-self:center;justify-self:center;max-width:430px;padding:48px;width:100%}.brand-mark,.metric-icon{align-items:center;background:#e6f4ef;border-radius:8px;color:#176b57;display:inline-flex;height:48px;justify-content:center;width:48px}.login-card h2{font-size:2rem;margin:0 0 26px}.login-card form,.filter-panel{display:grid;gap:16px}.google-login{display:grid;gap:12px;margin-bottom:18px}.google-login.is-disabled{opacity:.62;pointer-events:none}label{color:#344054;display:grid;font-weight:700;gap:8px}.input-shell,.filter-panel input{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:8px;display:flex;min-height:48px;padding:0 14px}.input-shell input,.filter-panel input{border:0;color:#17202a;outline:0;width:100%}.form-error{background:#fff1f3;border:1px solid #ffccd5;border-radius:8px;color:#b42318;margin:0;padding:10px 12px}.form-success{background:#ecfdf3;border:1px solid #abefc6;border-radius:8px;color:#027a48;margin:14px 0 0;padding:10px 12px}.helper-text{color:#667085;font-size:.9rem;margin-top:20px}.dashboard-page{margin:0 auto;max-width:1240px;padding:28px}.app-header,.dashboard-hero,.section-heading{align-items:center;display:flex;gap:24px;justify-content:space-between}.app-header{margin-bottom:28px}.app-header h1{font-size:clamp(1.8rem,4vw,3rem);line-height:1;margin:0}.profile-area{align-items:center;display:flex;gap:12px}.profile-badge,.status{align-items:center;border-radius:999px;display:inline-flex;font-weight:800;gap:7px;white-space:nowrap}.profile-badge{background:#fff;border:1px solid #e4e7ec;color:#176b57;min-height:44px;padding:0 14px}.dashboard-hero{background:#fff;border:1px solid #e4e7ec;border-radius:8px;margin-bottom:22px;padding:24px}.dashboard-hero h2{font-size:clamp(1.8rem,4vw,3.4rem);margin:0}.dashboard-hero p:not(.eyebrow){color:#667085;margin:8px 0 0}.filter-panel{background:#f8fafc;border:1px solid #e4e7ec;border-radius:8px;min-width:340px;padding:18px}.filter-title{align-items:center;color:#17202a;display:flex;font-weight:800;gap:8px}.metrics-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.notice{background:#eff8ff;border:1px solid #b2ddff;border-radius:8px;color:#175cd3;font-weight:700;margin-bottom:22px;padding:12px 16px}.notice-warning{background:#fff7e6;border-color:#fedf89;color:#b54708}.metric-card{align-items:center;background:#fff;border:1px solid #e4e7ec;border-radius:8px;display:flex;gap:16px;min-height:120px;padding:20px}.metric-card p{color:#667085;font-weight:800;margin:0 0 4px}.metric-card strong{color:#17202a;font-size:1.7rem}.metric-green .metric-icon{background:#ecfdf3;color:#039855}.metric-blue .metric-icon{background:#eff8ff;color:#1570ef}.metric-gold .metric-icon{background:#fff7e6;color:#b54708}.table-section{background:#fff;border:1px solid #e4e7ec;border-radius:8px;overflow:hidden}.section-heading{padding:22px 24px}.section-heading h2{margin:0}.section-heading>span{background:#f2f4f7;border-radius:999px;color:#475467;font-weight:800;padding:8px 12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:850px;width:100%}th,td{border-top:1px solid #e4e7ec;padding:16px 24px;text-align:left}th{background:#f8fafc;color:#475467;font-size:.82rem;text-transform:uppercase}td strong,td span{display:block}td span{color:#667085;font-size:.92rem}.status{font-size:.86rem;padding:7px 10px}.status.active{background:#ecfdf3;color:#027a48}.status.idle{background:#fff7e6;color:#b54708}.pagination-bar{align-items:center;border-top:1px solid #e4e7ec;display:flex;gap:16px;justify-content:space-between;padding:16px 24px}.pagination-bar p{color:#475467;font-weight:800;margin:0}.pagination-actions{display:flex;gap:10px}@media(max-width:980px){.login-page{grid-template-columns:1fr}.login-visual{min-height:42vh;padding:36px 24px}.login-card{max-width:620px;padding:36px 24px}.app-header,.dashboard-hero{align-items:stretch;flex-direction:column}.profile-area{justify-content:space-between}.filter-panel{min-width:0}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.dashboard-page{padding:18px}.profile-area{align-items:stretch;flex-direction:column}.metrics-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.pagination-bar{align-items:stretch;flex-direction:column}.pagination-actions{width:100%}.pagination-actions .button{flex:1}}