body{background:#f4f7fb;color:#172033;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-navbar{height:64px;background:#0d6efd;color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08)}.navbar-brand{color:#fff}.navbar-brand:hover{color:#fff}.brand-dot{display:inline-block;width:10px;height:10px;background:#7ee2b8;border-radius:50%;margin-right:7px}.user-pill{font-size:14px}.app-shell{display:flex;min-height:calc(100vh - 64px)}.sidebar{width:240px;background:#111827;color:#dbe5f1;padding:20px 12px;flex-shrink:0}.sidebar-label{font-size:11px;letter-spacing:1.4px;color:#8fa0b7;padding:8px 14px}.sidebar a{display:block;color:#dbe5f1;text-decoration:none;padding:11px 14px;border-radius:9px;margin:3px 0;font-size:14px}.sidebar a:hover{background:#1f2937;color:#fff}.content-area{flex:1;padding:26px;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.page-head h2{font-size:24px;margin:0;font-weight:700}.card{border:0;border-radius:14px;box-shadow:0 4px 18px rgba(22,34,51,.06)}.stat-card{padding:20px}.stat-icon{width:44px;height:44px;border-radius:12px;background:#e8f1ff;color:#0d6efd;display:flex;align-items:center;justify-content:center;font-size:21px}.stat-number{font-size:28px;font-weight:800;margin-top:12px}.table-card{padding:18px}.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.table td{vertical-align:middle}.form-label{font-weight:600;font-size:13px}.required:after{content:" *";color:#dc3545}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d6efd,#10203d)}.login-card{width:min(420px,92vw);padding:30px;border-radius:18px}.login-logo{text-align:center;margin-bottom:24px}.login-logo .icon{width:58px;height:58px;margin:auto;border-radius:16px;background:#eaf2ff;color:#0d6efd;display:flex;align-items:center;justify-content:center;font-size:28px}.calendar-card{padding:20px}.calendar-actions{display:flex;align-items:center;gap:10px;justify-content:space-between}.calendar-date{max-width:180px}.doctor-select{cursor:pointer}.doctor-select.active{border-color:#0d6efd;box-shadow:0 0 0 .15rem rgba(13,110,253,.12)}.visit-card{border:1px solid #e5eaf1;border-radius:12px;padding:16px;margin-bottom:14px;background:#fff}.visit-card h6{font-weight:800}.rating-options{display:flex;gap:12px;flex-wrap:wrap}.rating-option{flex:1;min-width:90px;border:1px solid #e1e5ea;border-radius:10px;padding:12px;text-align:center;cursor:pointer}.rating-option input{display:none}.rating-option.selected{border-color:#20a464;background:#eefaf4}.rating-option .emoji{font-size:28px;display:block}.brand-checks{display:flex;gap:8px;flex-wrap:wrap}.brand-check{border:1px solid #d9e0e8;border-radius:20px;padding:7px 12px;cursor:pointer}.brand-check input{margin-right:5px}.stepper{display:flex;gap:8px;margin-bottom:18px}.step{flex:1;text-align:center;padding:9px;border-radius:8px;background:#e9eef5;color:#64748b;font-weight:600;font-size:13px}.step.active{background:#0d6efd;color:#fff}.action-btns{display:flex;gap:8px;justify-content:flex-end}.mobile-only{display:none}@media(max-width:900px){.sidebar{width:72px;padding:12px 8px}.sidebar a{font-size:0;text-align:center}.sidebar a i{font-size:19px}.sidebar-label{display:none}.content-area{padding:16px}.page-head{align-items:flex-start}.user-pill{display:none}}@media(max-width:600px){.app-navbar{height:58px}.app-shell{min-height:calc(100vh - 58px)}.content-area{padding:12px}.page-head{display:block}.page-head .btn{margin-top:12px}.calendar-actions{align-items:stretch;flex-direction:column}.calendar-date{max-width:none;width:100%}.table-card{padding:10px}.table-responsive{font-size:13px}.action-btns{flex-direction:column}.action-btns .btn{width:100%}.login-card{padding:22px}.stat-number{font-size:24px}}