@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--hue:250;--primary:hsl(var(--hue), 85%, 60%);--primary-hover:hsl(var(--hue), 85%, 52%);--secondary:#0dccf2;--accent:#fa38b9;--background:#f6f7f9;--foreground:#172136;--card-bg:#fffc;--card-border:#c2c9d666;--card-shadow:0 8px 32px 0 #1f26870d;--nav-bg:#f6f7f9d9;--input-bg:#e0e4eb4d;--input-border:#c2c9d680;--success:#14b858;--error:#ee2b3b;--warning:#f9a806;--info:#1aa1e6;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-xl:36px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--background:#080c16;--foreground:#f8fafc;--card-bg:#0e152599;--card-border:#2e4d6b40;--card-shadow:0 8px 32px 0 #0000004d;--nav-bg:#080c16d9;--input-bg:#141f3880;--input-border:#2e4d6b4d}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{min-height:100%;font-family:var(--font-body);color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}[dir=rtl]{text-align:right}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:hsla(var(--hue), 85%, 60%, .3);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsla(var(--hue), 85%, 60%, .6)}::selection{background:var(--primary);color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--foreground);font-weight:700;line-height:1.25}a{color:inherit;transition:var(--transition);text-decoration:none}.bg-glow{background:radial-gradient(circle, hsla(var(--hue), 85%, 60%, .15) 0%, transparent 70%);z-index:-1;pointer-events:none;filter:blur(80px);width:50vw;max-width:600px;height:50vw;max-height:600px;animation:20s infinite alternate float;position:absolute;top:-10%;right:-10%}.bg-glow-secondary{z-index:-1;pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#0dccf21f 0%,#0000 70%);width:40vw;max-width:500px;height:40vw;max-height:500px;animation:25s infinite alternate float-reverse;position:absolute;bottom:-5%;left:-5%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(5%,5%)scale(1.1)}}@keyframes float-reverse{0%{transform:translate(0)scale(1.1)}to{transform:translate(-5%,-5%)scale(1)}}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:var(--radius-md);transition:var(--transition)}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 50%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.btn{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:center;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, hsl(var(--hue), 85%, 50%) 100%);color:#fff;box-shadow:0 4px 15px hsla(var(--hue), 85%, 60%, .3)}.btn-primary:hover{box-shadow:0 6px 20px hsla(var(--hue), 85%, 50%, .45);transform:translateY(-2px)}.btn-secondary{background:var(--input-bg);color:var(--foreground);border:1px solid var(--input-border)}.btn-secondary:hover{background:hsla(var(--hue), 85%, 60%, .1);border-color:var(--primary);transform:translateY(-2px)}.btn-danger{background:var(--error);color:#fff;box-shadow:0 4px 15px #ee2b3b4d}.btn-danger:hover{background:#e21224;transform:translateY(-2px);box-shadow:0 6px 20px #ee2b3b73}.form-group{flex-direction:column;gap:8px;width:100%;margin-bottom:20px;display:flex}.form-group label{font-family:var(--font-heading);color:var(--foreground);opacity:.85;font-size:.9rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;font-family:var(--font-body);color:var(--foreground);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);transition:var(--transition);outline:none;padding:12px 16px;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);background:var(--card-bg);box-shadow:0 0 0 4px hsla(var(--hue), 85%, 60%, .15)}.fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}
.landing-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.navbar{z-index:100;border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin:10px 5%;padding:16px 5%;display:flex;position:sticky;top:0}.logo{font-family:var(--font-heading);letter-spacing:-.5px;align-items:center;gap:8px;font-size:1.8rem;font-weight:800;display:flex}.nav-links{align-items:center;gap:24px;display:flex}.nav-item{font-family:var(--font-heading);opacity:.85;font-size:.95rem;font-weight:500}.nav-item:hover{opacity:1;color:var(--primary)}.nav-actions{align-items:center;gap:16px;display:flex}.hero-sec{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:1000px;margin:0 auto;padding:80px 5% 60px;display:flex}.hero-sec h1{letter-spacing:-1.5px;text-transform:capitalize;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1}.hero-sec p{opacity:.85;max-width:800px;margin-bottom:12px;font-size:clamp(1.1rem,2vw,1.3rem)}.hero-quick-shorten{gap:8px;width:100%;max-width:680px;margin-top:15px;padding:8px;display:flex}.hero-quick-shorten input{color:var(--foreground);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;padding:12px 16px;font-size:1.05rem}.hero-quick-shorten button{white-space:nowrap}.features-strip{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:40px;display:flex}.feature-tag{font-family:var(--font-heading);background:var(--input-bg);border:1px solid var(--input-border);border-radius:50px;align-items:center;gap:10px;padding:8px 18px;font-size:.95rem;font-weight:600;display:flex}.how-section{width:100%;max-width:1200px;margin:0 auto;padding:80px 5%}.section-title{text-align:center;margin-bottom:50px}.section-title h2{margin-bottom:16px;font-size:clamp(2rem,4vw,2.8rem)}.section-title p{opacity:.8;max-width:600px;margin:0 auto;font-size:1.05rem}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:60px;display:grid}.step-card{border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:36px;display:flex}.step-card h3{font-size:1.35rem;font-family:var(--font-heading)}.step-card p{opacity:.8;font-size:.98rem}.guide-box{border-radius:var(--radius-lg);margin-top:40px;padding:40px}.guide-box h3{border-bottom:1px solid var(--card-border);margin-bottom:24px;padding-bottom:12px;font-size:1.6rem}.guide-step{margin-bottom:24px}.guide-step h4{color:var(--primary);align-items:center;gap:8px;margin-bottom:10px;font-size:1.15rem;display:flex}.guide-step p{opacity:.85;margin-bottom:12px;font-size:.95rem}.code-snippet{color:#172136;border-radius:var(--radius-sm);border-left:4px solid var(--primary);word-break:break-all;background:#eaecf1;padding:14px 20px;font-family:monospace;font-size:.92rem}@media (prefers-color-scheme:dark){.code-snippet{color:#dbe6f0;background:#05080f}}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:20px;display:grid}.tip-card{border-radius:var(--radius-md);background:var(--input-bg);border:1px solid var(--input-border);opacity:.9;padding:20px;font-size:.9rem}.auth-wrapper{background:radial-gradient(circle at 50% 50%, hsla(var(--hue), 85%, 60%, .05) 0%, transparent 60%);flex:1;justify-content:center;align-items:center;padding:40px 5%;display:flex}.auth-card{border-radius:var(--radius-lg);flex-direction:column;gap:24px;width:100%;max-width:460px;padding:40px;display:flex}.auth-header{text-align:center}.auth-header h2{margin-bottom:8px;font-size:1.8rem}.auth-header p{opacity:.8;font-size:.92rem}.auth-switch{text-align:center;opacity:.85;font-size:.9rem}.auth-switch a{color:var(--primary);font-weight:600}.auth-switch a:hover{text-decoration:underline}.error-banner{border:1px solid var(--error);color:var(--error);border-radius:var(--radius-sm);text-align:center;background:#ee2b3b26;padding:12px;font-size:.9rem;font-weight:500}.footer{text-align:center;border-top:1px solid var(--card-border);opacity:.8;margin-top:auto;padding:30px;font-size:.9rem}@media (max-width:768px){.navbar{flex-direction:column;gap:15px;margin:10px 15px;padding:16px 20px}.nav-links{flex-wrap:wrap;justify-content:center;gap:15px}.hero-quick-shorten{flex-direction:column;padding:0;box-shadow:none!important;background:0 0!important;border:none!important}.hero-quick-shorten input{border-radius:var(--radius-md);background:var(--card-bg)!important;border:1px solid var(--card-border)!important}.hero-quick-shorten button{width:100%;padding:14px}}
.dashboard-wrapper{min-height:100vh;display:flex}.sidebar{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--card-border);z-index:90;width:280px;height:100vh;transition:var(--transition);flex-direction:column;gap:30px;padding:30px 20px;display:flex;position:fixed;top:0;left:0}[dir=rtl] .sidebar{border-right:none;border-left:1px solid var(--card-border);left:auto;right:0}.sidebar-brand{font-family:var(--font-heading);align-items:center;gap:10px;padding-left:10px;font-size:1.6rem;font-weight:800;display:flex}.sidebar-menu{flex-direction:column;gap:8px;display:flex}.sidebar-link{border-radius:var(--radius-sm);font-family:var(--font-heading);color:var(--foreground);opacity:.8;cursor:pointer;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;display:flex}.sidebar-link:hover,.sidebar-link.active{opacity:1;background:hsla(var(--hue), 85%, 60%, .1);color:var(--primary)}.sidebar-user{border-radius:var(--radius-sm);background:var(--input-bg);border:1px solid var(--input-border);justify-content:space-between;align-items:center;margin-top:auto;padding:12px;font-size:.88rem;font-weight:500;display:flex}.sidebar-logout{color:var(--error);cursor:pointer}.dashboard-content{min-height:100vh;transition:var(--transition);flex-direction:column;flex:1;gap:30px;margin-left:280px;padding:40px 5%;display:flex}[dir=rtl] .dashboard-content{margin-left:0;margin-right:280px}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.dashboard-header h1{font-size:2.2rem}.link-builder-box{border-radius:var(--radius-lg);flex-direction:column;gap:20px;padding:30px;display:flex}.link-builder-box h3{font-size:1.35rem}.link-builder-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.form-full-width{grid-column:1/-1}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.stat-card{border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:24px;display:flex}.stat-info{flex-direction:column;gap:6px;display:flex}.stat-label{opacity:.8;font-size:.88rem;font-weight:500}.stat-value{font-size:2rem;font-weight:800;font-family:var(--font-heading)}.stat-icon{background:hsla(var(--hue), 85%, 60%, .1);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.data-table-container{border-radius:var(--radius-md);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}[dir=rtl] .data-table{text-align:right}.data-table th,.data-table td{border-bottom:1px solid var(--card-border);padding:16px 20px}.data-table th{font-family:var(--font-heading);background:var(--input-bg);opacity:.85;font-weight:700}.data-table tbody tr:hover{background:hsla(var(--hue), 85%, 60%, .03)}.link-original-cell{text-overflow:ellipsis;white-space:nowrap;opacity:.8;max-width:250px;font-size:.88rem;overflow:hidden}.link-short-cell{color:var(--primary);align-items:center;gap:8px;font-weight:600;display:flex}.copy-badge{background:var(--input-bg);border:1px solid var(--input-border);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:inline-flex}.copy-badge:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.badge{border-radius:50px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}.badge-success{color:var(--success);background:#14b85826}.badge-pending{color:var(--warning);background:#f9a80626}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;display:grid}@media (max-width:500px){.charts-grid{grid-template-columns:1fr}}.chart-card{border-radius:var(--radius-lg);flex-direction:column;gap:20px;padding:30px;display:flex}.chart-card h3{font-size:1.25rem}.visualizer-bar-chart{flex-direction:column;gap:12px;display:flex}.bar-row{justify-content:space-between;align-items:center;gap:15px;font-size:.9rem;display:flex}.bar-label{text-overflow:ellipsis;white-space:nowrap;width:140px;font-weight:500;overflow:hidden}.bar-container{background:var(--input-bg);border-radius:50px;flex:1;height:12px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);border-radius:50px;height:100%;transition:width .8s ease-out}.bar-value{text-align:right;width:60px;font-weight:600}[dir=rtl] .bar-value{text-align:left}.svg-chart-container{width:100%;height:200px}.domains-layout{grid-template-columns:1fr;gap:30px;display:grid}.add-domain-box{border-radius:var(--radius-lg);padding:30px}.add-domain-form{align-items:flex-end;gap:16px;display:flex}@media (max-width:768px){.sidebar{border-right:none;width:0;padding:0;overflow:hidden}.sidebar.active{border-right:1px solid var(--card-border);width:280px;padding:30px 20px}.dashboard-content{margin-left:0!important;margin-right:0!important}.add-domain-form{flex-direction:column;align-items:stretch}}.sidebar-section{border-top:1px solid var(--card-border);flex-direction:column;gap:10px;margin-top:10px;padding-top:20px;display:flex}.sidebar-section-header{justify-content:space-between;align-items:center;margin-bottom:4px;padding:0 10px;display:flex}.sidebar-section-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-size:.8rem;font-weight:700}.sidebar-folder-list{flex-direction:column;gap:4px;display:flex}.sidebar-folder-item{border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px 8px 16px;transition:all .2s;display:flex}.sidebar-folder-item-content{align-items:center;gap:10px;display:flex;overflow:hidden}.sidebar-folder-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-folder-delete{cursor:pointer;opacity:.5;background:0 0;border:none;align-items:center;padding:4px;display:flex}.sidebar-folder-form{gap:6px;margin-top:6px;padding:0 8px;display:flex}.sidebar-folder-input{border:1px solid var(--input-border);background:var(--input-bg);color:var(--foreground);border-radius:6px;flex:1;padding:6px 10px;font-size:.8rem}.sidebar-folder-btn{border-radius:6px;padding:6px 10px}.sidebar-drag-over{background:hsla(var(--hue), 85%, 60%, .25);border:2px dashed var(--primary);border-radius:8px;transition:all .2s}.sidebar-drag-none{border:2px solid #0000;border-radius:8px;transition:all .2s}.sidebar-user-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.sidebar-user-email{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.analytics-selector{flex-direction:column;gap:10px;padding:24px;display:flex}.analytics-selector-label{opacity:.95;align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:flex}.analytics-selector-select{border:1px solid var(--input-border);background:var(--input-bg);width:100%;max-width:500px;color:var(--foreground);cursor:pointer;border-radius:10px;outline:none;padding:12px 16px;font-size:.95rem;font-weight:600}.analytics-empty{text-align:center;opacity:.8;padding:60px 40px}.analytics-empty-hint{opacity:.7;margin-top:8px;font-size:.9rem}.chart-full-width{grid-column:1/-1}.chart-time-container{width:100%;height:220px;margin-top:10px;position:relative}.chart-time-labels{opacity:.7;justify-content:space-between;margin-top:8px;font-size:.75rem;display:flex}.chart-bar-list{margin-top:10px}.chart-empty-text{opacity:.7;text-align:center;padding:40px}.utm-metric-buttons{flex-wrap:wrap;gap:4px;display:flex}.utm-metric-btn{cursor:pointer;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:600}.utm-metric-btn-active{background:var(--primary);color:#fff;border-color:var(--primary)}.utm-metric-btn-inactive{background:var(--input-bg);color:var(--foreground);border-color:var(--input-border)}.click-history-table{grid-column:1/-1;margin-top:10px;padding:30px}.click-history-title{align-items:center;gap:8px;margin-bottom:20px;display:flex}.query-log{grid-column:1/-1;padding:24px}.query-log-title{align-items:center;gap:8px;margin-bottom:16px;display:flex}.link-title-cell{flex-direction:column;gap:4px;display:flex}.link-title-row,.link-code-row{align-items:center;gap:8px;display:flex}.link-code-text{opacity:.6;font-size:.75rem}.link-folder-badge{background:hsla(var(--hue), 85%, 60%, .12);color:var(--primary);border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:600}.utm-subgrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;display:grid}.utm-subgrid-title{border-bottom:1px solid var(--card-border);margin-bottom:12px;padding-bottom:6px;font-size:.95rem}.form-actions{justify-content:flex-end;margin-top:10px;display:flex}.links-list-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.links-empty{opacity:.7;text-align:center;padding:40px}.links-drag-hint{opacity:.6;font-size:.8rem;font-style:italic}.domain-instruction-card{background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;padding:16px}.domain-instruction-code{background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;margin:10px 0 0;padding:6px 10px;font-size:.8rem;display:block}.domain-setup-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.domain-cell{flex-direction:column;gap:8px;display:flex}.domain-name{color:var(--foreground);font-size:1.05rem;font-weight:700}.domain-actions{gap:8px;display:flex}.domain-date{opacity:.8;font-size:.88rem}.domain-message{color:var(--primary);margin-top:15px;font-size:.9rem;font-weight:500}.domain-empty{opacity:.7;text-align:center;padding:40px}.dashboard-header-subtitle{opacity:.8}