@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700&display=swap";
:root{--bg-page:#f6f8fb;--bg-surface:#fff;--bg-soft:#eef3f9;--line:#d9e1eb;--line-strong:#bfcad8;--text-main:#111827;--text-muted:#5c6878;--brand:#1d4ed8;--brand-soft:#dbeafe;--danger:#dc2626;--success:#0f766e;--radius:16px;--shadow-sm:0 6px 20px #0f172a0d;--shadow-lg:0 30px 80px #0f172a1a;--max-width:1180px;--nav-height:78px;--background:var(--bg-page);--foreground:var(--text-main);--card:var(--bg-surface);--card-foreground:var(--text-main);--border:var(--line);--muted:var(--bg-soft);--muted-foreground:var(--text-muted);--accent:var(--brand)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:radial-gradient(circle at 4% 8%,#fff 0%,transparent 34%),radial-gradient(circle at 92% 9%,#e9f0ff 0%,transparent 28%),var(--bg-page);color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}h1,h2,h3,h4,.brand{color:var(--text-main);letter-spacing:-.02em;font-family:Manrope,sans-serif}h1{font-size:clamp(2rem,3.7vw,3.8rem);line-height:1.08}h2{font-size:clamp(1.35rem,2.1vw,2.2rem);line-height:1.2}p{color:var(--text-muted);line-height:1.65}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.4rem}.min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.btn{border:1px solid var(--line);background:var(--bg-surface);color:var(--text-main);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.25rem;font-size:.96rem;font-weight:600;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.btn:hover{border-color:var(--line-strong);transform:translateY(-1px)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 24px #1d4ed838}.btn-primary:hover{background:#1e40af;border-color:#1e40af}.btn-soft{background:var(--bg-soft);border-color:var(--line)}.btn-danger{color:var(--danger);background:#fff;border-color:#dc26264d}.btn-danger:hover{background:#fef2f2}.glass-card{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.section-card{padding:1.25rem}.landing-nav{height:var(--nav-height);z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6f8fbdb;border-bottom:1px solid #d9e1ebcc;position:fixed;top:0;left:0;right:0}.landing-nav-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.nav-links{align-items:center;gap:1.25rem;display:flex}.nav-links a:not(.btn){color:var(--text-muted);font-size:.93rem;font-weight:600}.nav-links a:not(.btn):hover{color:var(--text-main)}.hero-section{padding-top:calc(var(--nav-height) + 4.4rem);padding-bottom:4rem}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--line);padding:2.8rem 0}.auth-screen,.dashboard-container,.redirect-interpage,.login-container{min-height:100vh}.dashboard-container{background:0 0}.dashboard-header{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6f8fbeb;border-bottom:1px solid #d9e1ebcc;position:sticky;top:0}.header-flex{justify-content:space-between;align-items:center;gap:1rem;min-height:72px;display:flex}.dashboard-brand{align-items:center;gap:.75rem;display:flex}.brand-pill{text-transform:uppercase;letter-spacing:.06em;background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:.28rem .62rem;font-size:.78rem;font-weight:700}.content{max-width:var(--max-width);margin:0 auto;padding:1.4rem}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--text-main);background:#fff;border-radius:10px;padding:.72rem .9rem;font-size:.95rem}input:focus,textarea:focus,select:focus{border-color:#93c5fd;outline:none;box-shadow:0 0 0 3px #3b82f626}.auth-screen{justify-content:center;align-items:center;padding:2rem 1rem;display:flex}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#eef3f9}::-webkit-scrollbar-thumb{background:#c8d3e2;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#b4c2d4}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:.55s forwards fadeInUp}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.2s}@media (max-width:860px){.nav-links a:not(.btn){display:none}.content,.container{padding-left:1rem;padding-right:1rem}}.link-stats-page{flex-direction:column;gap:1rem;display:flex}.link-stats-page .top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.link-stats-page .link-url{color:var(--text-muted);word-break:break-all;margin-top:.35rem}.link-stats-page .stats-grid,.link-stats-page .detail-grid{gap:.75rem;display:grid}.link-stats-page .stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.link-stats-page .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.link-stats-page .stat-card,.link-stats-page .card-block{border:1px solid var(--line);background:#fbfdff;border-radius:12px;padding:.9rem}.link-stats-page .stat-label{color:var(--text-muted);margin-bottom:.35rem;font-size:.82rem}.link-stats-page .stat-value{color:#0f172a;font-family:Manrope,sans-serif;font-size:1.75rem}.link-stats-page h2{font-size:1.18rem}.link-stats-page h3{margin-bottom:.72rem;font-size:.95rem}.link-stats-page .list-wrap{flex-direction:column;gap:.45rem;display:flex}.link-stats-page .trend-head{flex-wrap:wrap;justify-content:space-between;gap:.7rem;margin-bottom:.72rem;display:flex}.link-stats-page .ratio-pill{color:#166534;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:999px;padding:.25rem .58rem;font-size:.78rem;font-weight:700}.link-stats-page .line-chart-wrap{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.55rem}.link-stats-page .line-chart{background-image:linear-gradient(#0000 24%,#eef2f7 25%,#0000 26%);background-size:100% 45px;border-radius:8px;width:100%;height:180px;display:block}.link-stats-page .line-stayed,.link-stats-page .line-left{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.link-stats-page .line-stayed{stroke:#16a34a}.link-stats-page .line-left{stroke:#dc2626}.link-stats-page .x-axis-labels{text-align:center;color:var(--text-muted);text-transform:uppercase;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:.4rem;font-size:.7rem;display:grid}.link-stats-page .legend-row{color:var(--text-muted);flex-wrap:wrap;gap:1rem;margin-top:.62rem;font-size:.83rem;display:flex}.link-stats-page .legend-item{align-items:center;gap:.35rem;display:inline-flex}.link-stats-page .legend-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.link-stats-page .legend-dot.stayed{background:#16a34a}.link-stats-page .legend-dot.left{background:#dc2626}.link-stats-page .line-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:.65rem;padding-bottom:.45rem;font-size:.9rem;display:flex}.link-stats-page .ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.link-stats-page .bars-row{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:.45rem;min-height:150px;display:grid}.link-stats-page .bar-col{flex-direction:column;align-items:center;gap:.18rem;display:flex}.link-stats-page .bar-wrap{align-items:end;height:122px;display:flex}.link-stats-page .bar{background:linear-gradient(#60a5fa 0%,#2563eb 100%);border-radius:8px 8px 3px 3px;width:20px}.link-stats-page .bar-count{color:#1f2937;font-size:.74rem}.link-stats-page .bar-label{text-transform:uppercase;color:var(--text-muted);font-size:.7rem}@media (max-width:1200px){.link-stats-page .stats-grid,.link-stats-page .detail-grid{grid-template-columns:1fr}}