*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#172033}.top{background:#172554;color:#fff;padding:10px 5%;display:flex;justify-content:space-between;align-items:center;gap:15px}.top b{display:block;width:185px;height:52px;background:#fff url('../images/needtocall-logo.png') center/contain no-repeat;border-radius:10px;font-size:0;flex:0 0 auto}.top nav{display:flex;gap:15px;flex-wrap:wrap}.top a{color:#fff;text-decoration:none}.hero{text-align:center;padding:90px 20px;background:linear-gradient(135deg,#172554,#4338ca);color:#fff}.hero h1{font-size:42px}.cards,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:30px 5%}.card,.stat,.auth{background:#fff;padding:22px;border-radius:14px;box-shadow:0 5px 20px #0001}.stat{text-align:center;font-size:18px}.stat b{display:block;font-size:32px}.container{max-width:1200px;margin:30px auto;padding:0 20px}.auth{max-width:430px;margin:60px auto}.auth.wide{max-width:650px}.auth input,.auth textarea,.auth select{width:100%;padding:12px;margin:7px 0;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.auth textarea{min-height:100px}.btn{display:inline-block;background:#f59e0b;color:#111827;border:0;border-radius:8px;padding:11px 18px;text-decoration:none;font-weight:700;cursor:pointer;margin-top:10px}.alert{background:#fee2e2;color:#991b1b;padding:12px;border-radius:8px}.success{background:#dcfce7;color:#166534;padding:12px;border-radius:8px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px;border-bottom:1px solid #e2e8f0;text-align:left}th{background:#e2e8f0}

/* NeedToCall branding - visual only; no PHP/database/functionality changed */
.auth::before,.container::before{content:"";display:block;width:210px;height:105px;margin:0 auto 22px;background:#fff url('../images/needtocall-logo.png') center/contain no-repeat;border-radius:12px}.top + .container::before{display:none}

@media(max-width:650px){.top{flex-direction:row;align-items:center;padding:8px 4%}.top b{width:150px;height:44px}.top nav{gap:9px}.top nav a{font-size:13px}.hero h1{font-size:30px}table{display:block;overflow-x:auto;font-size:13px}.auth::before,.container::before{width:180px;height:90px;margin-bottom:18px}}



