@font-face{font-family:OAS;src:url(/fonts/OAS-Light.otf) format("opentype");font-weight:300}@font-face{font-family:OAS;src:url(/fonts/OAS-Regular.otf) format("opentype");font-weight:400}@font-face{font-family:OAS;src:url(/fonts/OAS-Medium.otf) format("opentype");font-weight:500}@font-face{font-family:OAS;src:url(/fonts/OAS-Semibold.otf) format("opentype");font-weight:600}@font-face{font-family:OAS;src:url(/fonts/OAS-Bold.otf) format("opentype");font-weight:700}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:OAS,-apple-system,sans-serif;background:#e8e6e1;color:#1a1a1a;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.03;background-image:radial-gradient(circle,#000 1px,transparent 1px);background-size:24px 24px}.shell{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:48px 32px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.topbar-left{display:flex;align-items:center;gap:12px}.logo-mark{width:34px;height:34px;background:#1a1a1a;border-radius:10px;display:flex;align-items:center;justify-content:center}.logo-mark span{width:12px;height:12px;background:#2ab673;border-radius:3px;transform:rotate(45deg)}.logo-text{font-size:18px;font-weight:700;letter-spacing:-.02em}.topbar-right{display:flex;align-items:center;gap:8px}.av-stack{display:flex;align-items:center}.av{width:30px;height:30px;border-radius:50%;border:2px solid #E8E6E1;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;margin-left:-8px;background:#999}.av:first-child{margin-left:0}.av-more{font-size:12px;font-weight:600;color:#888;margin-left:8px}.topbar-btn{width:36px;height:36px;border-radius:50%;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:8px}.topbar-btn svg{width:18px;height:18px;stroke:#555;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-pills{display:flex;justify-content:center;gap:4px;margin-bottom:36px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:80}.nav-pills.sticky{position:fixed;top:0;left:0;right:0;max-width:860px;width:calc(100% - 64px);margin:0 auto;padding:10px 20px;background:#e8e6e1d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #0000000f;border-radius:0 0 20px 20px;animation:slideDownNav .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDownNav{0%{opacity:0;margin-top:-52px}to{opacity:1;margin-top:0}}.nav-pills-spacer{display:none;height:52px}.nav-pills.sticky~.nav-pills-spacer{display:block}.nav-pill{padding:8px 20px;border-radius:24px;font-size:14px;font-weight:500;background:transparent;color:#888;border:none;cursor:pointer;font-family:inherit;transition:all .2s;text-decoration:none}.nav-pill.active,.nav-pill.router-link-active{background:#fff9;color:#1a1a1a;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #0000000a}.nav-pill:hover:not(.active):not(.router-link-active){color:#555}.fi{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fi.visible{opacity:1;transform:translateY(0)}.hero{text-align:center;margin-bottom:8px}.hero-label{font-size:14px;color:#888;font-weight:500;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:6px}.hero-label .dot{width:8px;height:8px;border-radius:50%;background:#2ab673;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-value{font-size:64px;font-weight:700;letter-spacing:-.04em;line-height:1;background:linear-gradient(180deg,#1a1a1a 50%,#1a1a1a59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-change{display:inline-flex;align-items:center;gap:5px;font-size:15px;font-weight:500;color:#888;margin-top:10px}.hero-change .up{color:#2ab673;font-weight:600}.chart-section{position:relative;height:180px;margin:24px 0 12px}.chart-section svg{width:100%;height:100%;overflow:visible}.chart-tooltip{position:absolute;pointer-events:none;background:#1a1a1ae6;color:#fff;padding:6px 12px;border-radius:10px;font-size:12px;font-weight:600;transform:translate(-50%,-130%);opacity:0;transition:opacity .15s;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #00000026}.chart-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;width:8px;height:8px;background:#1a1a1ae6;border-radius:2px;transform:translate(-50%) rotate(45deg)}.chart-hover-dot{position:absolute;pointer-events:none;width:12px;height:12px;border-radius:50%;background:#3b82f6;border:2.5px solid #fff;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s;box-shadow:0 0 0 4px #3b82f626}.chart-hover-line{position:absolute;pointer-events:none;width:1px;top:0;bottom:0;background:#3b82f626;opacity:0;transition:opacity .15s}.period-row{display:flex;justify-content:center;gap:4px;margin-bottom:36px}.per-pill{padding:7px 18px;border-radius:20px;font-size:13px;font-weight:500;background:transparent;color:#aaa;border:none;cursor:pointer;font-family:inherit;transition:all .2s}.per-pill.active{background:#0000000f;color:#1a1a1a;font-weight:600}.glass{background:#ffffff8c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 12px #00000008}.date-picker{position:relative;display:inline-flex}.dp-trigger{display:inline-flex;align-items:center;gap:5px;background:#0000000a;border-radius:16px;padding:5px 12px;font-size:11px;font-weight:500;color:#888;border:none;cursor:pointer;font-family:inherit;transition:all .2s}.dp-trigger:hover{background:#00000012;color:#555}.dp-trigger svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dp-dropdown{position:absolute;right:0;z-index:9999;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 32px #0000001a;width:200px;padding:8px;opacity:0;pointer-events:none;transition:all .2s ease}.dp-dropdown.drop-down{top:calc(100% + 6px);transform:translateY(-4px)}.dp-dropdown.drop-up{bottom:calc(100% + 6px);transform:translateY(4px)}.dp-dropdown.open{opacity:1;pointer-events:all;transform:translateY(0)}.glass:has(.dp-dropdown.open){z-index:60}.dp-preset{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:10px;font-size:12px;font-weight:500;color:#555;background:transparent;border:none;cursor:pointer;font-family:inherit;transition:all .15s}.dp-preset:hover{background:#0000000a}.dp-preset.active{background:#2ab6731a;color:#2ab673;font-weight:600}.dp-custom{padding:8px 12px;border-top:1px solid rgba(0,0,0,.06);margin-top:4px}.dp-custom input{width:100%;padding:6px 8px;border-radius:8px;border:1px solid rgba(0,0,0,.1);font-size:11px;font-family:inherit;margin-bottom:6px;background:#fff9}.dp-apply{width:100%;padding:6px;border-radius:8px;background:#2ab673;color:#fff;font-size:11px;font-weight:600;border:none;cursor:pointer;font-family:inherit}.audience-section{position:relative;overflow:hidden;padding:0;margin-bottom:20px}.audience-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.audience-title{font-size:16px;font-weight:700}.audience-switch{display:flex;gap:2px;background:#0000000a;border-radius:12px;padding:3px}.audience-switch-btn{padding:5px 14px;border-radius:10px;font-size:12px;font-weight:500;background:transparent;color:#888;border:none;cursor:pointer;font-family:inherit;transition:all .2s}.audience-switch-btn.active{background:#fff;color:#1a1a1a;font-weight:600;box-shadow:0 1px 4px #00000014}.audience-canvas-wrap{position:relative;width:100%;height:280px;overflow:hidden}.audience-canvas{width:100%;height:100%}.audience-ratio{position:absolute;top:12px;right:16px;font-size:10px;color:#aaa;font-weight:500}.audience-bottom{position:absolute;bottom:0;left:0;right:0;padding:28px 24px 22px;background:linear-gradient(to top,rgba(255,255,255,.85) 60%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:baseline;justify-content:center;gap:8px;font-size:15px;color:#555;font-weight:400;z-index:3}.audience-bottom strong{color:#1a1a1a;font-weight:700;font-size:20px}.audience-legend{display:flex;align-items:center;gap:14px;justify-content:center;padding:0 24px 16px;font-size:11px;color:#999}.audience-legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px}.audience-ticker{padding:0 24px 12px;overflow:hidden;height:20px;position:relative}.audience-ticker-inner{display:flex;gap:32px;white-space:nowrap;animation:tickerScroll 30s linear infinite;font-size:11px;color:#999}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.globe-section{position:relative;overflow:hidden;margin-bottom:20px;min-height:400px}.globe-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.globe-title{font-size:16px;font-weight:700}.globe-canvas-wrap{position:relative;width:100%;height:360px;display:flex;align-items:center;justify-content:center;cursor:grab}.globe-canvas-wrap:active{cursor:grabbing}#globeCanvas{width:100%;height:100%;display:block}.globe-label{position:absolute;font-size:10px;font-weight:600;color:#555;pointer-events:none;background:#fff9;padding:2px 8px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;transition:transform .1s}.globe-label .gl-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#2ab673;margin-right:4px;vertical-align:middle}.globe-live-badge{position:absolute;top:20px;right:24px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#2ab673;letter-spacing:.05em}.globe-live-dot{width:8px;height:8px;border-radius:50%;background:#2ab673;animation:pulse 2s ease-in-out infinite}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.mc{padding:22px 24px}.mc-label{font-size:13px;color:#888;font-weight:500;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;min-height:24px}.mc-label>span{line-height:24px}.mc-val-row{display:flex;align-items:baseline;gap:8px}.mc-val{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.mc-change{font-size:12px;font-weight:600;line-height:1}.mc-change.up{color:#2ab673}.mc-change.down{color:#ef4444}.mc-compare{font-size:11px;color:#aaa;margin-top:3px}.mc-spark{height:44px;margin-top:12px;position:relative}.mc-spark svg{width:100%;height:100%;overflow:visible}.spark-pulse-dot{position:absolute;right:0;width:8px;height:8px;border-radius:50%;transform:translate(50%,-50%);animation:sparkPulse 2s ease-in-out infinite}@keyframes sparkPulse{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 5px transparent;opacity:.7}}.seg-bar{display:flex;gap:3px;height:8px;border-radius:4px;overflow:hidden;margin-top:12px;margin-bottom:12px}.seg-bar div{border-radius:4px}.c-row{display:flex;align-items:center;gap:10px;padding:7px 0}.c-flag{width:28px;height:28px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f0f0ec;flex-shrink:0;border:1px solid rgba(0,0,0,.06)}.c-flag svg{width:28px;height:28px}.c-code{font-size:13px;font-weight:600;color:#555;width:28px;font-variant-numeric:tabular-nums}.c-val{margin-left:auto;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.al-title{font-size:16px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.al-title svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.al-row{display:flex;align-items:center;gap:12px;padding:14px 0;min-height:56px}.al-row+.al-row{border-top:1px solid rgba(0,0,0,.04)}.al-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.al-icon svg{width:22px;height:22px}.al-icon img{width:22px;height:22px;object-fit:contain}.al-info{flex:1;min-width:0}.al-name{font-size:14px;font-weight:600}.al-sub{font-size:11px;color:#999;margin-top:1px}.al-bar{width:80px;height:7px;background:#0000000a;border-radius:4px;overflow:hidden;flex-shrink:0}.al-bar-fill{height:100%;border-radius:4px;width:0%;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.al-right{display:flex;flex-direction:column;align-items:flex-end;min-width:48px;flex-shrink:0}.al-val{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.al-pct{font-size:11px;color:#999}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-size:24px;font-weight:700;letter-spacing:-.02em}.btn-create{padding:10px 24px;border-radius:20px;font-size:13px;font-weight:600;border:none;cursor:pointer;font-family:inherit;color:#fff;transition:all .2s}.btn-green{background:#2ab673}.btn-green:hover{background:#239e63}.btn-purple{background:#8b5cf6}.btn-purple:hover{background:#7c3aed}.search-bar{display:flex;gap:8px;margin-bottom:20px}.search-input{flex:1;padding:10px 16px;border-radius:16px;background:#ffffff8c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);font-size:13px;font-family:inherit;color:#1a1a1a;outline:none;transition:border .2s}.search-input:focus{border-color:#2ab67366}.search-input::placeholder{color:#aaa}.filter-pill{padding:8px 16px;border-radius:16px;font-size:12px;font-weight:500;background:#ffffff8c;border:1px solid rgba(255,255,255,.6);color:#888;cursor:pointer;font-family:inherit;transition:all .2s}.filter-pill.active{background:#2ab6731a;color:#2ab673;border-color:#2ab6734d}.link-card{padding:18px 22px;margin-bottom:12px;display:flex;align-items:center;gap:14px;transition:transform .2s,box-shadow .2s;cursor:pointer}.link-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.link-favicon{width:38px;height:38px;border-radius:10px;background:#0000000a;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.link-info{flex:1;min-width:0}.link-name{font-size:14px;font-weight:600;margin-bottom:2px}.link-url{font-size:12px;color:#2ab673;font-weight:500}.link-dest{font-size:11px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.link-stats{display:flex;align-items:center;gap:16px}.link-clicks{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.link-date{font-size:11px;color:#999}.link-spark{width:60px;height:24px}.link-spark svg{width:100%;height:100%;overflow:visible}.link-status{padding:4px 10px;border-radius:10px;font-size:11px;font-weight:600}.link-status.active{background:#2ab6731a;color:#2ab673}.link-status.paused{background:#f59e0b1a;color:#f59e0b}.link-actions{display:flex;gap:6px}.link-action-btn{width:30px;height:30px;border-radius:8px;background:#0000000a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.link-action-btn:hover{background:#00000014}.link-action-btn svg{width:14px;height:14px;stroke:#888;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.qr-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.qr-thumb{aspect-ratio:1;border-radius:16px;background:#ffffff8c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;gap:8px}.qr-thumb svg{width:64px;height:64px}.qr-thumb-label{font-size:10px;font-weight:600;color:#888}.ld-header{position:relative;overflow:hidden;margin-bottom:20px;padding:0}.ld-header-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;z-index:0}.ld-header-top{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:24px 24px 16px}.ld-header-emoji{width:56px;height:56px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;box-shadow:0 4px 16px #00000014}.ld-header-info{flex:1;min-width:0}.ld-header-name{font-size:20px;font-weight:700;letter-spacing:-.02em}.ld-header-urls{display:flex;flex-direction:column;gap:2px;margin-top:4px}.ld-short{font-size:13px;font-weight:600;color:#2ab673;display:flex;align-items:center;gap:6px}.ld-short .ld-copy-btn{width:22px;height:22px;border-radius:6px;background:#2ab6731a;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.ld-short .ld-copy-btn:hover{background:#2ab67333}.ld-short .ld-copy-btn svg{width:12px;height:12px;stroke:#2ab673;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ld-dest{font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.ld-header-meta{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:0 24px 16px;font-size:12px;color:#888}.ld-header-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 24px 20px}.ld-stat{text-align:center;padding:12px 8px;background:#fff6;border-radius:14px}.ld-stat-val{font-size:22px;font-weight:700;letter-spacing:-.02em}.ld-stat-label{font-size:10px;color:#888;font-weight:500;margin-top:2px}.ld-chart-wrap{position:relative;height:160px;padding:0 24px;margin-bottom:16px}.ld-chart-wrap svg{width:100%;height:100%;overflow:visible}.ld-period-row{display:flex;gap:4px;padding:0 24px 20px}.ld-period-pill{padding:5px 14px;border-radius:16px;font-size:11px;font-weight:500;background:transparent;color:#aaa;border:none;cursor:pointer;font-family:inherit;transition:all .15s}.ld-period-pill.active{background:#0000000f;color:#1a1a1a;font-weight:600}.ld-qr-section{display:flex;align-items:center;gap:24px;padding:24px}.ld-qr-code{width:140px;height:140px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(0,0,0,.06)}.ld-qr-info{flex:1}.ld-qr-title{font-size:15px;font-weight:700;margin-bottom:6px}.ld-qr-sub{font-size:12px;color:#888;line-height:1.5;margin-bottom:12px}.ld-qr-actions{display:flex;gap:8px}.ld-qr-btn{padding:8px 18px;border-radius:12px;font-size:12px;font-weight:600;border:none;cursor:pointer;font-family:inherit;transition:all .15s}.ld-qr-btn-primary{background:#2ab673;color:#fff}.ld-qr-btn-primary:hover{background:#239e63}.ld-qr-btn-secondary{background:#0000000a;color:#555}.ld-qr-btn-secondary:hover{background:#00000014}.ld-recent{padding:24px}.ld-recent-title{font-size:14px;font-weight:700;margin-bottom:14px}.ld-click-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid rgba(0,0,0,.04);font-size:12px}.ld-click-row:first-of-type{border-top:none}.ld-click-flag{width:22px;height:22px;border-radius:50%;background:#f0f0ec;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.ld-click-city{font-weight:600;color:#1a1a1a}.ld-click-ref{color:#888;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ld-click-device{color:#aaa;font-size:11px}.ld-click-time{color:#aaa;font-size:11px;margin-left:auto;flex-shrink:0}.donut-wrap{display:flex;align-items:center;gap:32px;padding:24px}.donut-chart{width:160px;height:160px;flex-shrink:0}.donut-legend{flex:1}.donut-legend-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px}.donut-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.donut-legend-label{flex:1;font-weight:500}.donut-legend-val{font-weight:700;font-variant-numeric:tabular-nums}.heatmap-wrap{padding:24px}.heatmap-title{font-size:16px;font-weight:700;margin-bottom:16px}.heatmap-grid{display:grid;grid-template-columns:40px repeat(24,1fr);gap:2px}.heatmap-label{font-size:9px;color:#999;display:flex;align-items:center;font-weight:500}.heatmap-cell{aspect-ratio:1;border-radius:3px;transition:transform .15s;cursor:pointer;position:relative}.heatmap-cell:hover{transform:scale(1.4);z-index:2}.heatmap-hour-label{font-size:8px;color:#aaa;text-align:center;font-weight:500}.funnel-wrap{padding:24px 24px 48px}.funnel-title{font-size:16px;font-weight:700;margin-bottom:16px}.funnel-flow{display:flex;gap:3px;min-height:80px;align-items:stretch}.funnel-stage{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px 28px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%);transition:opacity .4s ease,transform .4s ease;opacity:0;transform:translate(-10px);min-width:0}.funnel-stage.visible{opacity:1;transform:translate(0)}.funnel-stage:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);border-radius:12px 0 0 12px}.funnel-stage-pct{font-size:18px;font-weight:700;color:#fff}.funnel-stage-label{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#555;white-space:nowrap}.funnel-stage-val{font-size:10px;color:#fffc;margin-top:2px}.grid-4 .mc-label{font-size:11px}.grid-4 .mc-val{font-size:22px}.site-card{padding:22px 24px;cursor:pointer;transition:transform .2s,box-shadow .2s}.site-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.btn-back{width:36px;height:36px;border-radius:50%;background:#0000000a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#555;transition:all .2s}.btn-back:hover{background:#00000014;color:#1a1a1a}.site-card-clickable{padding:22px 24px}.site-card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.site-favicon{width:32px;height:32px;border-radius:8px;background:#f0f0ec;display:flex;align-items:center;justify-content:center;font-size:14px}.site-domain{font-size:15px;font-weight:700}.site-status{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600}.site-status-dot{width:7px;height:7px;border-radius:50%}.site-stats-row{display:flex;gap:20px;margin-bottom:12px}.site-stat{text-align:center;flex:1}.site-stat-val{font-size:18px;font-weight:700;letter-spacing:-.02em}.site-stat-label{font-size:10px;color:#999;font-weight:500;margin-top:2px}.site-spark{height:36px;margin-top:4px}.site-spark svg{width:100%;height:100%;overflow:visible}.uptime-wrap{padding:24px}.uptime-title{font-size:16px;font-weight:700;margin-bottom:16px}.uptime-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.uptime-domain{width:120px;font-size:12px;font-weight:600;color:#555;flex-shrink:0}.uptime-strip{display:flex;gap:1.5px;flex:1}.uptime-pill{width:100%;height:18px;border-radius:2px;transition:transform .1s}.uptime-pill:hover{transform:scaleY(1.4)}.uptime-pct{width:60px;text-align:right;font-size:13px;font-weight:700;flex-shrink:0}.site-detail-header{position:relative;overflow:hidden;margin-bottom:20px;padding:0}.sdh-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;z-index:0}.sdh-top{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:24px 24px 16px}.sdh-favicon{width:56px;height:56px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.sdh-info{flex:1;min-width:0}.sdh-domain{font-size:22px;font-weight:700;letter-spacing:-.02em}.sdh-meta{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:12px;color:#888;font-weight:500}.sdh-status{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600}.sdh-stats{position:relative;z-index:1;display:flex;gap:16px;padding:0 24px 16px}.sdh-stat{flex:1;text-align:center}.sdh-stat-val{font-size:20px;font-weight:700;letter-spacing:-.02em}.sdh-stat-label{font-size:10px;color:#888;font-weight:500;margin-top:2px}.sdh-nav{position:relative;z-index:1;display:flex;gap:4px;padding:12px 24px 16px;border-top:1px solid rgba(0,0,0,.04)}.sdh-nav-btn{padding:7px 16px;border-radius:20px;font-size:12px;font-weight:500;background:transparent;color:#888;border:none;cursor:pointer;font-family:inherit;transition:all .2s}.sdh-nav-btn.active{background:#fff9;color:#1a1a1a;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 4px #0000000f}.sdh-nav-btn:hover:not(.active){color:#555}.realtime-card{padding:24px;margin-bottom:20px}.realtime-top{display:flex;align-items:center;gap:16px;margin-bottom:20px}.realtime-big{font-size:48px;font-weight:700;letter-spacing:-.04em;line-height:1}.realtime-dot{width:12px;height:12px;border-radius:50%;background:#2ab673;animation:pulse 2s ease-in-out infinite}.realtime-label{font-size:14px;color:#888;font-weight:500}.realtime-metrics{display:flex;gap:24px;margin-bottom:20px}.realtime-metric{flex:1}.realtime-metric-val{font-size:18px;font-weight:700}.realtime-metric-label{font-size:11px;color:#888;margin-top:2px}.realtime-feed{border-top:1px solid rgba(0,0,0,.04);padding-top:14px}.realtime-feed-title{font-size:13px;font-weight:600;margin-bottom:10px;color:#555}.realtime-event{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px;color:#666}.realtime-event-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.realtime-event-time{font-size:10px;color:#aaa;margin-left:auto}.pop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.pop-overlay.show{opacity:1;pointer-events:all}.pop{width:380px;border-radius:24px;overflow:hidden;transform:translateY(20px) scale(.96);transition:transform .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 24px 80px #0000002e}.pop-overlay.show .pop{transform:translateY(0) scale(1)}.pop-hero{height:160px;position:relative;background:linear-gradient(135deg,#a78bfa,#60a5fa 35%,#34d399 65%,#fbbf24);display:flex;align-items:center;justify-content:center}.pop-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 60%,rgba(255,255,255,.2),transparent 60%)}.pop-hero-text{font-size:24px;font-weight:700;color:#fff;position:relative;z-index:1;text-shadow:0 2px 10px rgba(0,0,0,.12)}.pop-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;cursor:pointer;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center}.pop-body{background:#fff;padding:28px 24px 24px;text-align:center}.pop-title{font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.pop-sub{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:20px}.pop-tags{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.pop-tag{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;background:#f3f4f6;color:#555}.pop-btn{padding:11px 28px;border-radius:12px;background:#1a1a1a;color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;font-family:inherit}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px}.auth-card{width:100%;max-width:380px;padding:40px 32px}.auth-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:8px;letter-spacing:-.02em}.auth-sub{font-size:14px;color:#888;text-align:center;margin-bottom:28px}.auth-field{margin-bottom:16px}.auth-field label{display:block;font-size:12px;font-weight:600;color:#555;margin-bottom:6px}.auth-field input{width:100%;padding:11px 16px;border-radius:14px;background:#fff9;border:1px solid rgba(0,0,0,.08);font-size:14px;font-family:inherit;color:#1a1a1a;outline:none;transition:border .2s}.auth-field input:focus{border-color:#2ab67366}.auth-field input::placeholder{color:#bbb}.auth-btn{width:100%;padding:12px;border-radius:14px;background:#1a1a1a;color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;font-family:inherit;margin-top:8px;transition:background .2s}.auth-btn:hover{background:#333}.auth-link{display:block;text-align:center;margin-top:16px;font-size:13px;color:#888}.auth-link a{color:#2ab673;font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.auth-error{background:#ef44441a;color:#ef4444;padding:8px 14px;border-radius:10px;font-size:12px;font-weight:500;margin-bottom:16px;text-align:center}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes greenPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.5;transform:scale(1.8)}}@media(max-width:768px){.shell{padding:24px 16px 60px}.topbar{margin-bottom:24px}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.hero-value{font-size:48px}.nav-pills.sticky{width:calc(100% - 32px)}.qr-gallery{grid-template-columns:repeat(2,1fr)}.donut-wrap{flex-direction:column;align-items:stretch}.donut-chart{margin:0 auto}.ld-header-stats{grid-template-columns:1fr 1fr}.ld-qr-section{flex-direction:column}.ld-qr-code{margin:0 auto}.sdh-stats,.sdh-nav{flex-wrap:wrap}.heatmap-grid{display:none}.funnel-flow{flex-direction:column;gap:0}.funnel-stage{clip-path:none!important;border-radius:8px;margin-bottom:4px;padding:12px 16px}.funnel-stage-label{position:static;transform:none;margin-top:4px}.link-card{flex-wrap:wrap}.link-stats{order:3;width:100%;justify-content:flex-end;gap:10px}.link-actions{order:4}.uptime-domain{width:80px;font-size:10px}}@media(max-width:480px){.hero-value{font-size:36px}.mc-val{font-size:22px}.grid-4{grid-template-columns:1fr}.grid-4 .mc-val{font-size:18px}.audience-switch{flex-wrap:wrap}.ld-header-stats{grid-template-columns:1fr}}