.inline-form{display:inline}.toast-region{position:fixed;z-index:200;top:20px;right:20px;display:grid;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}.toast{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:13px 12px;border:1px solid;border-radius:12px;background:#fff;box-shadow:0 15px 36px rgba(20,30,55,.16);font-size:12px;font-weight:700;line-height:1.45;pointer-events:auto;animation:toast-in .22s ease-out}.toast-success{color:#147653;border-color:#bfe7d5}.toast-error{color:#ae3340;border-color:#f0c6cb}.toast-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;font-size:13px}.toast-success .toast-icon{background:#1a9d73}.toast-error .toast-icon{background:#c4404e}.toast-close{width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:currentColor;font-size:18px;line-height:1;cursor:pointer}.toast-close:hover{background:rgba(23,32,51,.08)}.toast.is-leaving{animation:toast-out .18s ease-in forwards}@keyframes toast-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@keyframes toast-out{to{opacity:0;transform:translateX(18px)}}.panel>.filters{margin:0;padding:0 22px 18px;border-bottom:1px solid var(--line)}
.page-size-label{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#687489;font-size:11px;font-weight:700}.page-size-label select{display:inline-block;width:auto;margin:0;padding:8px 26px 8px 9px;font-size:11px}.date-filter{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#687489;font-size:11px;font-weight:700}.date-filter input{display:inline-block;width:auto;margin:0;padding:8px 9px;font-size:11px}.dashboard-filters{margin-top:2px}.log-filters{margin-top:3px}.visit-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 18px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.visit-header h2{margin:5px 0 4px;font-size:20px;letter-spacing:-.6px}.visit-header p{margin:0;color:#788499;font-size:12px}.visit-header p a{color:#4f46e5;text-decoration:none;font-weight:700}.visit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:18px}.visit-card{padding:20px;min-height:146px}.visit-card h3{margin:7px 0 7px;font-size:15px;letter-spacing:-.3px}.visit-card p{margin:0;color:#778399;font-size:11px;line-height:1.7}.visit-card a{color:#4f46e5;text-decoration:none;font-size:11px;font-weight:700}.visit-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visit-detail-panel{padding-bottom:8px}.detail-list{margin:0;padding:0}.detail-list>div{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:15px 22px;border-top:1px solid #edf0f5}.detail-list dt{font:500 10px 'DM Mono',monospace;letter-spacing:.7px;color:#8995a7}.detail-list dd{margin:0;font-size:12px;color:#3d4a5d;word-break:break-word}.detail-list dd a{color:#4f46e5;text-decoration:none}.detail-list .full-row{grid-template-columns:1fr}.detail-list .full-row dd{margin-top:-5px}.raw-user-agent{display:block;max-width:100%;padding:11px;border-radius:7px;background:#f5f7fb;color:#5a6679;white-space:normal;line-height:1.7;font-size:10px}@media(max-width:760px){.page-size-label{width:100%;justify-content:space-between}.page-size-label select{width:calc(100% - 90px)}.date-filter{width:calc(50% - 6px);justify-content:space-between}.date-filter input{width:calc(100% - 54px)}.visit-header{display:block}.visit-header .button{margin-top:14px}.visit-grid{grid-template-columns:1fr;gap:12px}.detail-list>div{grid-template-columns:1fr;gap:5px;padding:14px 17px}.visit-card{min-height:0}}
