/* HitCounters Studio — shared design system. Layout + presentation only. */
:root{--hc-ink:#16223b;--hc-muted:#607089;--hc-blue:#3865f4;--hc-blue-hover:#244ee0;--hc-line:#e6eaf2;--hc-canvas:#f5f7fb;--hc-purple:#8b6ae6;--hc-green:#16ad8a;--hc-radius:16px;--primary-blue:#3865f4;--primary-blue-light:#6789fa;--primary-blue-dark:#244ee0;--light-gray:#f6f8fc;--medium-gray:#e7ebf3;--dark-gray:#16223b;--success:#169d7e;--border-radius:14px;--shadow:0 4px 18px rgba(18,40,80,.035);--font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--sidebar-width:238px;--header-height:76px}
html:has(.hc-studio){font-size:16px;scroll-padding-top:100px}
body.hc-studio{font-family:var(--font-family);font-size:16px;line-height:1.6;background:var(--hc-canvas);color:var(--hc-ink);margin:0;-webkit-font-smoothing:antialiased}
.hc-studio *, .hc-studio *::before,.hc-studio *::after{box-sizing:border-box}
.hc-studio h1,.hc-studio h2,.hc-studio h3,.hc-studio h4,.hc-studio h5{font-family:'Manrope',var(--font-family);color:var(--hc-ink);font-weight:750;letter-spacing:-.035em;line-height:1.2}
.hc-studio h1{font-size:36px}.hc-studio h2{font-size:28px}.hc-studio h3{font-size:18px}.hc-studio p{color:var(--hc-muted)}
.hc-studio a{color:var(--hc-blue);text-decoration:none}.hc-studio a:hover{color:var(--hc-blue-hover)}
.hc-studio input,.hc-studio button,.hc-studio select,.hc-studio textarea{font-family:inherit}
.hc-studio [hidden]{display:none!important}
.hc-studio :focus-visible{outline:3px solid #8dacff;outline-offset:3px}
.hc-icon{width:20px;height:20px;flex-shrink:0;display:inline-block;vertical-align:middle}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hc-skip-link{position:fixed;left:12px;top:-70px;padding:10px 20px;background:#fff;z-index:12000;border-radius:8px}.hc-skip-link:focus{top:10px}
.hc-studio .container,.hc-container{width:100%;max-width:1232px;padding:0 24px;margin:0 auto}
.hc-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none;color:var(--hc-ink)!important}
.hc-logomark{display:inline-flex;align-items:flex-end;gap:3px;height:28px;width:28px;flex-shrink:0}.hc-logomark span{width:7px;border-radius:3px;background:var(--hc-blue)}.hc-logomark span:nth-child(1){height:12px;background:#91abff}.hc-logomark span:nth-child(2){height:21px;background:#678cfd}.hc-logomark span:nth-child(3){height:28px}
.hc-wordmark{font-family:'Manrope',var(--font-family);font-weight:800;font-size:22px;letter-spacing:-1px;line-height:1.1}.hc-wordmark>span{color:var(--hc-blue)}
.hc-eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.13em;color:var(--hc-blue);line-height:1.5;text-transform:uppercase}
.hc-live-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#19b992;box-shadow:0 0 0 4px rgba(25,185,146,.09)}
.hc-studio .hc-button,.hc-studio .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 17px;font-family:inherit;font-size:15px;font-weight:650;line-height:1.3;letter-spacing:0;border-radius:9px;border:1px solid transparent;box-shadow:none;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;text-decoration:none}
.hc-studio .hc-button-primary,.hc-studio .btn-primary{background:var(--hc-blue);color:#fff!important;border-color:var(--hc-blue);box-shadow:0 3px 7px #3865f41c,inset 0 1px 0 #ffffff20}
.hc-studio .hc-button-primary:hover,.hc-studio .btn-primary:hover{background:var(--hc-blue-hover);border-color:var(--hc-blue-hover);box-shadow:0 5px 15px #3865f426;transform:translateY(-1px)}
.hc-studio .hc-button-quiet,.hc-studio .btn-secondary,.hc-studio .btn-outline{background:white;color:var(--hc-ink);border-color:var(--hc-line)}
.hc-studio .hc-button-quiet:hover,.hc-studio .btn-secondary:hover,.hc-studio .btn-outline:hover{color:var(--hc-blue);border-color:#b9c9ff;background:#f8faff}
.hc-studio .btn-sm{min-height:32px;font-size:13px;padding:7px 11px;border-radius:7px}.hc-studio .btn-lg,.hc-studio .hc-button-lg{min-height:52px;padding:14px 23px;font-size:16px;border-radius:10px}
.hc-studio .btn-block{width:100%}.hc-studio .btn-danger{background:#fff1f2;color:#c73b50;border:1px solid #fad6dc}.hc-studio .btn-success{background:#119d7c;color:white}
.hc-icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border:1px solid transparent;border-radius:9px;background:transparent;color:#7d88a0!important;cursor:pointer;transition:background .15s}.hc-icon-button:hover{background:#eef3ff;color:var(--hc-blue)!important}.hc-icon-button .hc-icon{width:18px;height:18px}
.hc-text-link{display:inline-flex;align-items:center;gap:12px;font-weight:650;font-size:15px}.hc-text-link .hc-icon{width:17px}
.hc-studio .form-control,.hc-studio input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),.hc-studio select,.hc-studio textarea{border:1px solid #dde3ee;border-radius:9px;min-height:44px;padding:10px 13px;font-size:16px;line-height:1.5;color:var(--hc-ink);background:#fff;box-shadow:0 1px 2px #19254e03;max-width:100%;transition:border-color .2s,box-shadow .2s}
.hc-studio input::placeholder{color:#9aa3b5}.hc-studio input:focus,.hc-studio select:focus,.hc-studio textarea:focus{border-color:#9db6ff;box-shadow:0 0 0 3px #3865f40a;outline:none}
.hc-studio input[type=checkbox],.hc-studio input[type=radio]{accent-color:var(--hc-blue);width:16px;height:16px;vertical-align:middle}
.hc-studio .form-group{margin-bottom:22px}.hc-studio .form-group>label{font-size:15px;font-weight:650;color:#48556e;margin-bottom:8px;display:block}.hc-studio .form-text,.hc-studio .form-hint{font-size:14px;color:var(--hc-muted);margin-top:7px}
.hc-studio .card{background:white;border:1px solid var(--hc-line);border-radius:var(--hc-radius);box-shadow:var(--shadow);margin-bottom:22px;overflow:visible;min-width:0;transition:box-shadow .2s}
.hc-studio .card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:22px 24px 17px;background:transparent;border-bottom:0;border-radius:var(--hc-radius) var(--hc-radius) 0 0;min-width:0}
.hc-studio .card-header h3,.hc-studio .card-header h2{display:flex;align-items:center;gap:10px;color:#26344f;margin:0;font-size:16px;letter-spacing:-.025em;font-weight:750}.hc-studio .card-header h3>i{color:var(--hc-blue);font-size:16px}.hc-studio .card-header h3>.hc-icon{color:var(--hc-blue);width:18px;height:18px}
.hc-studio .card-body{padding:22px 24px;min-width:0}.hc-studio .card-header+.card-body{padding-top:8px}.hc-studio .card-footer{border-top:1px solid var(--hc-line);padding:15px 24px;background:transparent;border-radius:0 0 16px 16px}
.hc-studio .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:22px;margin:0 0 22px;align-items:start;min-width:0}.hc-studio .row>.col{padding:0;min-width:0;width:auto;max-width:none;flex:unset}.hc-studio .row>.col>.card{margin-bottom:0}
.hc-studio .table-responsive,.hc-studio .insights-table{overflow-x:auto;max-width:100%;border-radius:12px;scrollbar-width:thin}
.hc-studio table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
.hc-studio table th{font-size:13px!important;font-weight:700!important;letter-spacing:.055em;text-transform:uppercase;color:#8892a7!important;background:#f6f8fc!important;padding:13px 17px!important;line-height:1.5;border:0!important;text-align:left;white-space:nowrap}
.hc-studio table td{font-size:15px;padding:16px 17px;border-bottom:1px solid #edf0f6!important;color:#45536e;line-height:1.55}.hc-studio table td strong{font-weight:650;color:#253552}.hc-studio table tbody tr:hover{background:#f8faff}.hc-studio table tbody tr:last-child td{border-bottom:0!important}.hc-studio table td a{font-weight:550}
.hc-studio table .text-right,.hc-studio table th.text-right{text-align:right}.hc-studio .table-total{background:#f6f8fc}.hc-studio table .text-muted{font-size:13px}.hc-studio .table-compact td{padding:13px 0}.hc-studio .table-compact tr:hover{background:transparent}
.hc-studio .badge,.hc-studio .site-badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 8px;font-size:13px;font-weight:600;line-height:1.4}.hc-studio .badge-light{background:#f0f3fa;color:#627189}.hc-studio .badge-success,.hc-studio .verified{background:#e9f9f2;color:#138265}.hc-studio .badge-warning,.hc-studio .unverified{background:#fff5df;color:#ad7421}.hc-studio .badge-danger{background:#fff0f2;color:#ca4760}
.hc-studio .alert{border:1px solid #dbe4fe;border-radius:12px;padding:16px 20px;font-size:15px;margin:0 0 22px;background:#eff4ff;color:#405889;box-shadow:none}.hc-studio .alert-success{background:#eefbf6;border-color:#ccebdd;color:#237c5f}.hc-studio .alert-danger{background:#fff3f4;border-color:#fadfe2;color:#b44153}.hc-studio .alert-warning{background:#fff9ed;border-color:#f5e7c5;color:#987124}.hc-studio .alert p{color:inherit}
.hc-studio .text-muted{color:var(--hc-muted)!important}.hc-studio .text-success{color:#159376!important}.hc-studio .text-danger{color:#ce5266!important}.hc-studio .text-warning{color:#b8892e!important}
.hc-studio .pagination{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}.hc-studio .pagination a,.hc-studio .pagination>span{border:1px solid var(--hc-line);border-radius:7px;background:#fff;min-height:34px;min-width:34px;display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;font-size:14px}.hc-studio .pagination .active{background:var(--hc-blue);color:white}
.hc-studio .code-block,.hc-studio pre{background:#14213b!important;color:#d2defc;border:0;border-radius:12px;padding:20px;overflow:auto;max-width:100%;font-size:14px;line-height:1.8}.hc-studio code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1em}
.hc-studio .modal-content,.hc-studio .modal-panel,.hc-studio .modal-body,.hc-studio .visitor-modal-panel{border-radius:18px}.hc-studio .modal-header{border-color:var(--hc-line);padding:20px 24px}.hc-studio .modal-overlay{backdrop-filter:blur(5px)}
.hc-studio .dropdown-menu{background:#fff;border:1px solid var(--hc-line);border-radius:12px;padding:7px;box-shadow:0 16px 48px #1d365a21}.hc-studio .dropdown-item{border-radius:7px;padding:9px 12px;font-size:15px}
.hc-studio .hc-heading-dot{color:var(--hc-blue)}
.hc-topbar{display:flex;align-items:center;gap:30px;height:76px;padding:0 30px;background:#fff;border-bottom:1px solid var(--hc-line);position:relative;z-index:60}
.hc-topbar-public{max-width:none;width:100%;padding-left:max(28px,calc((100vw - 1184px)/2));padding-right:max(28px,calc((100vw - 1184px)/2))}
.hc-public-nav{display:flex;align-items:center;gap:32px;margin:auto}.hc-public-nav a{color:#5e6981;font-size:15px;font-weight:550;display:flex;gap:9px;align-items:center}.hc-public-nav a:hover{color:var(--hc-blue)}.hc-public-nav .hc-live-dot{width:5px;height:5px;box-shadow:none}
.hc-public-actions{display:flex;align-items:center;gap:26px}.hc-login-link{font-size:15px;font-weight:600;color:#43516e!important}.hc-menu-button{display:none}
.hc-public-footer{background:#f8faff;border-top:1px solid var(--hc-line);padding:64px 0 25px}.hc-footer-main{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:50px}.hc-footer-main h3{font-family:var(--font-family);font-size:14px;font-weight:700;letter-spacing:0;margin:0 0 20px}.hc-footer-main>div>a:not(.hc-brand):not(.hc-text-link){display:block;color:#7a8498;font-size:14px;margin:10px 0}.hc-footer-brand p{font-size:15px;line-height:1.8;margin:18px 0 20px}.hc-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:54px;border-top:1px solid var(--hc-line);padding-top:23px;color:#959fb1;font-size:13px}.hc-footer-bottom>div{display:flex;gap:20px}.hc-footer-bottom a{color:#8590a5}.hc-footer-tagline{display:flex;align-items:center;gap:9px}
.hc-positive{color:#16a17d}.hc-positive em{font-style:normal;color:#9aa3b5}
.hc-small-label{font-size:13px;letter-spacing:.09em;font-weight:650;color:#9aa3b3}
@media(max-width:900px){.hc-topbar-public{padding:0 24px;gap:20px}.hc-public-nav{gap:20px}.hc-public-actions{gap:18px}.hc-footer-main{gap:26px;grid-template-columns:1.3fr repeat(3,1fr)}}
@media(max-width:700px){.hc-studio .container,.hc-container{padding-left:20px;padding-right:20px}.hc-topbar{height:68px;padding:0 20px}.hc-wordmark{font-size:20px}.hc-logomark{height:24px;transform:scale(.87);transform-origin:left center;width:25px}.hc-menu-button{display:inline-flex}.hc-public-nav{position:absolute;top:68px;left:0;right:0;padding:22px;background:#fff;border-bottom:1px solid var(--hc-line);box-shadow:0 15px 20px #12315309;display:none;flex-direction:column;gap:22px}.hc-public-nav.open{display:flex}.hc-public-actions{margin-left:auto;gap:8px}.hc-public-actions .hc-button{font-size:13px;min-height:36px;padding:9px 11px;gap:5px}.hc-public-actions .hc-button .hc-icon{width:14px}.hc-login-link{display:none}.hc-footer-main{grid-template-columns:repeat(2,1fr);gap:35px}.hc-footer-brand{grid-column:1/-1}.hc-footer-main>div:last-child{grid-column:auto}.hc-footer-bottom{flex-wrap:wrap;gap:15px}.hc-footer-tagline{display:none}.hc-studio .card-header{padding:18px 18px 15px}.hc-studio .card-body{padding:18px}.hc-studio .card-header+.card-body{padding-top:6px}.hc-studio .row{gap:16px}.hc-studio .btn{max-width:100%;white-space:normal}.hc-studio h1{font-size:29px}.hc-studio table td{padding:13px}.hc-studio table th{padding:12px 13px!important}}
@media(prefers-reduced-motion:reduce){.hc-studio *, .hc-studio *::before,.hc-studio *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}