body{background:#f8fafc;color:#0f172a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.brand-logo,.sidebar-brand-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}
.hero-section{background:linear-gradient(180deg,#fff,#eff6ff)}.hero-card,.feature-card,.company-card,.profile-hero,.module-pill,.auth-banner,.kpi-card,.kpi-card-admin{border-radius:24px}
.hero-card{background:#fff;padding:24px;border:1px solid #e2e8f0}.kpi-card,.kpi-card-admin{background:#fff;border:1px solid #e2e8f0;padding:20px}
.kpi-label{font-size:.875rem;color:#64748b;margin-bottom:6px}.kpi-value{font-size:2rem;font-weight:800;line-height:1}.kpi-card-admin i{font-size:1.5rem;color:var(--brand-primary)}
.feature-card,.company-card{padding:24px;background:#fff;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px}.feature-card i{font-size:2rem;color:var(--brand-primary)}
.module-pill{background:#f1f5f9;border:1px solid #e2e8f0;padding:16px;text-align:center;font-weight:600}.company-card-top{display:flex;gap:16px;align-items:center}
.company-avatar{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700}
.profile-hero{border-radius:32px}.auth-section{min-height:calc(100vh - 140px);display:flex;align-items:center}.auth-banner{padding:20px}.mockup-bar{height:12px;border-radius:999px;background:#e2e8f0;margin-bottom:16px}
.mockup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mockup-grid div{height:86px;background:#f1f5f9;border-radius:18px;border:1px solid #e2e8f0}
.app-shell{display:flex;min-height:calc(100vh - 74px)}.admin-sidebar{width:var(--sidebar-w);position:fixed;top:74px;bottom:0;left:0;overflow-y:auto;z-index:1000}
.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;color:#e2e8f0;text-decoration:none}.sidebar-link:hover,.sidebar-link:active{background:rgba(255,255,255,.08);color:#fff}
.app-main{margin-left:var(--sidebar-w);min-height:calc(100vh - 74px);width:calc(100% - var(--sidebar-w));display:flex;flex-direction:column}.main-content{flex:1}.admin-topbar{position:sticky;top:74px;z-index:50}.app-footer{margin-top:auto}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table-responsive{-webkit-overflow-scrolling:touch}.btn{min-height:44px}input,select,textarea{min-height:44px}.sidebar-overlay{display:none}
@media (max-width:991px){.admin-sidebar{left:-268px;transition:left .25s ease;top:74px}.admin-sidebar.open{left:0}.sidebar-overlay{position:fixed;inset:74px 0 0 0;background:rgba(0,0,0,.45);z-index:999}.sidebar-overlay.show{display:block}.app-main{margin-left:0;width:100%}}
@media (max-width:767px){.form-grid-2{grid-template-columns:1fr}input,select,textarea{font-size:16px!important}.main-content{padding-bottom:80px!important}}
@media (max-width:480px){.hide-mobile{display:none!important}.hero-card,.feature-card,.company-card,.kpi-card,.kpi-card-admin{padding:16px}}