.outbound-card{max-width:720px;margin:36px auto;padding:clamp(24px,5vw,54px);border:1px solid #dbe4f2;border-radius:28px;background:linear-gradient(145deg,#fff,#eff5ff);text-align:center;box-shadow:0 22px 60px #164a9410}
.outbound-card h1{font-size:clamp(1.65rem,4vw,2.4rem);font-weight:700;margin:14px 0 18px}.outbound-icon{display:flex;justify-content:center;color:#2563eb;margin-bottom:20px}.outbound-icon .icon{width:42px;height:42px}.outbound-event{font-size:1.2rem;font-weight:600}.outbound-counter{display:grid;place-items:center;width:96px;height:96px;margin:28px auto;border-radius:50%;background:#1d4ed8;color:#fff;font-size:2.6rem;font-weight:700;box-shadow:0 0 0 8px #93c5fd;animation:outbound-ring-pulse 1s ease-out infinite}.outbound-card .btn{white-space:normal}.outbound-card .eyebrow{display:block}
.outbound-cancel{display:block;width:max-content;max-width:100%;margin:14px auto 0;color:#334155;text-decoration:underline;text-underline-offset:4px}
.outbound-cancel:hover{color:#1d4ed8;text-decoration:underline}
@keyframes outbound-ring-pulse{0%{box-shadow:0 0 0 8px #93c5fd}70%{box-shadow:0 0 0 18px #dbeafe99}100%{box-shadow:0 0 0 26px #eff6ff00}}
@media(prefers-reduced-motion:reduce){.outbound-counter{animation:none;box-shadow:0 0 0 10px #dbeafe}}
.visitor-modal .modal-header,.visitor-modal .modal-body{padding:1.4rem 1.6rem}.visitor-modal .modal-content{border-radius:22px}.visitor-divider{position:relative;text-align:center;margin:24px 0;color:#6b7280;font-size:.86rem}.visitor-divider::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e5e7eb}.visitor-divider span{background:#fff;padding:0 12px;position:relative}.visitor-tabs{display:flex;gap:8px}.visitor-tabs .btn{flex:1}.visitor-password-wrap{position:relative}.visitor-password-wrap input{padding-right:50px}.visitor-password-wrap .password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;background:transparent;color:#536174}.visitor-check{display:flex;align-items:flex-start;gap:10px;font-size:.9rem}.visitor-check .form-check-input{width:20px;height:20px;flex:0 0 20px;margin-top:2px}.visitor-header{flex-shrink:0}.visitor-header .dropdown-menu{min-width:180px}.visitor-header #visitor-header-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.privacy-copy{max-width:850px;margin:auto;padding:clamp(24px,4vw,48px)}.privacy-copy h1{font-size:2rem}.privacy-copy h2{font-size:1.2rem;margin-top:28px}.privacy-copy p{line-height:1.75}
.stats-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;padding:20px}.stats-filters>div{flex:1 1 145px;min-width:0}.stats-filters .flatpickr-wrapper{display:block}.stats-filters>label{align-self:center;font-size:.9rem}.stats-ranking-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.stats-path{overflow-wrap:anywhere;font-size:.85rem}.stats-detail{min-width:100px;max-width:380px}.stats-detail summary{cursor:pointer;color:#2563eb}.stats-detail[open]{min-width:280px}.stats-detail dl{margin:14px 0 0;font-size:.8rem;overflow-wrap:anywhere}.stats-detail dt{margin-top:10px;font-weight:600}.stats-detail dd{margin-bottom:0;color:#657184}.stats-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px}
@media(max-width:767px){.stats-ranking-grid{grid-template-columns:1fr}.outbound-card{margin:12px auto}.visitor-modal .modal-header,.visitor-modal .modal-body{padding:1.2rem}.visitor-header #visitor-header-name{max-width:90px}.stats-filters>div{flex-basis:42%}.stats-pagination{flex-wrap:wrap}}
