*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--text-primary);min-height:100vh}.App{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--surface);padding:2rem;text-align:center;box-shadow:0 2px 8px var(--shadow),0 1px 3px var(--shadow-medium);border-bottom:1px solid var(--border-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-.02em}.header p{color:var(--text-secondary);font-size:1.1rem;font-weight:400}.main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem}.error-message{background:var(--danger-light);color:var(--danger-color);padding:1rem 1.5rem;border-radius:12px;border:1px solid var(--danger-color);margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #f03e3e26}.close-btn{background:none;border:none;color:var(--danger-color);font-size:1.5rem;cursor:pointer;padding:0 .5rem;opacity:.7;transition:opacity .2s}.close-btn:hover{opacity:1}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:var(--text-secondary)}.footer{background:var(--surface);padding:1.5rem;text-align:center;color:var(--text-secondary);box-shadow:0 -2px 8px var(--shadow),0 -1px 3px var(--shadow-medium);border-top:1px solid var(--border-light)}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.header h1{font-size:2rem}.main{padding:1rem}}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;max-width:1400px;margin:0 auto}.auth-header{flex-wrap:nowrap;gap:1rem}.auth-header-actions{display:inline-flex;align-items:center;gap:.5rem}.auth-header .auth-logo{flex-shrink:0}.header-brand{display:inline-flex;align-items:center;gap:.75rem;padding:0;--logo-scale: 1.2}.header-info{display:flex;flex-direction:column;gap:.35rem}.header-info p{margin:0;color:var(--text-secondary)}.auth-logo{align-self:center;--logo-scale: 1.35}.header-nav{display:flex;align-items:center;gap:.5rem}.desktop-nav{flex:1;justify-content:center}.nav-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;color:var(--text-secondary);border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500;font-size:.95rem;white-space:nowrap}.nav-btn:hover{background:var(--border);color:var(--text-primary)}.nav-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.nav-btn svg{width:20px;height:20px}.header-actions{display:flex;align-items:center;gap:.75rem}.header-quick-actions{display:inline-flex;align-items:center;gap:.5rem}.header-user-actions{display:inline-flex;align-items:center;gap:.75rem}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:var(--surface);border:2px solid var(--border);border-radius:50px;cursor:pointer;transition:all .2s}.user-menu-trigger:hover{border-color:var(--primary-color);background:var(--background)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:#fff}.user-avatar.large{width:48px;height:48px}.user-avatar svg{width:20px;height:20px}.user-avatar.large svg{width:28px;height:28px}.user-name{font-weight:500;color:var(--text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px var(--shadow);min-width:280px;z-index:1001;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{display:flex;align-items:center;gap:1rem;padding:1.25rem}.user-info-text{flex:1;overflow:hidden}.user-menu-name{font-weight:600;color:var(--text-primary);font-size:1rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-email{font-size:.875rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-divider{height:1px;background:var(--border);margin:0 .75rem}.user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;background:transparent;border:none;text-align:left;cursor:pointer;transition:all .2s;color:var(--text-primary);font-size:.95rem;font-weight:500}.user-menu-item:hover{background:var(--border)}.user-menu-item.logout{color:var(--danger-color);border-radius:0 0 12px 12px}.user-menu-item.logout:hover{background:#ef44441a}.user-menu-item svg{width:20px;height:20px}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--primary-color);padding:0;line-height:0;font-size:1.6rem}.mobile-menu-toggle:hover{border-color:var(--primary-color);background:var(--border);color:var(--primary-hover)}.mobile-menu-toggle svg{width:1em;height:1em;color:inherit;display:block;fill:currentColor;stroke:currentColor}.mobile-nav{display:none;flex-direction:column;gap:.5rem;padding:1rem;background:var(--surface);border-top:1px solid var(--border);position:absolute;top:100%;left:0;right:0;z-index:1001;animation:slideDown .2s ease-out}.menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1000;animation:fadeIn .2s ease-out}.user-info{display:flex;align-items:center;gap:1rem}.welcome-text{color:var(--text-primary);font-weight:500}.stats-toggle-btn{padding:.6rem 1.2rem;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:600}.stats-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4facfe66}.stats-toggle-btn.active{background:linear-gradient(135deg,#43e97b,#38f9d7)}.admin-toggle-btn{padding:.6rem 1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:600}.admin-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.admin-toggle-btn.active{background:linear-gradient(135deg,#f093fb,#f5576c)}.logout-btn{padding:.6rem 1.2rem;background:var(--danger-color);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-weight:600}.logout-btn:hover{background:var(--danger-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.short-link,.original-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .2s ease;border-bottom:1px dashed var(--primary-color)}.short-link:hover,.original-link:hover{color:var(--secondary-color);border-bottom-color:var(--secondary-color);transform:translateY(-1px)}.short-link{font-family:Courier New,monospace;font-size:.95rem}.original-link{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.header{padding:1.25rem 1rem;text-align:left}.header-content{display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo quick" "user user";align-items:center;column-gap:.6rem;row-gap:.5rem}.auth-header{display:flex;flex-wrap:nowrap;align-items:center;gap:.75rem}.auth-header-actions{margin-left:auto}.header-brand{grid-area:logo;flex:0 0 auto;justify-content:flex-start;--logo-scale: 1.1}.desktop-nav{display:none}.mobile-menu-toggle,.mobile-nav{display:flex}.user-name{display:none}.user-menu-trigger{padding:.5rem}.user-menu-dropdown{right:-.5rem}.header-actions{display:contents}.header-quick-actions{grid-area:quick;justify-self:end;gap:.4rem}.header-user-actions{grid-area:user;display:flex;justify-content:space-between;align-items:center;gap:.5rem}}@media (max-width: 480px){.header{padding:1rem .75rem}.header-content{column-gap:.45rem;row-gap:.45rem;grid-template-columns:1fr auto}.header-brand{gap:.5rem;--logo-scale: 1}.auth-header{gap:.5rem}.auth-header-actions{gap:.4rem}.header-quick-actions{gap:.3rem}.header-user-actions{gap:.35rem;justify-content:space-between}}.google-auth-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;border-radius:8px;font-weight:600;font-size:1rem;padding:.9rem 1.5rem;border:1px solid rgba(15,23,42,.08);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;background:#fff;color:#1f2937;box-shadow:0 10px 25px #0f172a1f}.google-auth-btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px #0f172a26}.google-auth-btn:active{transform:translateY(0)}.google-auth-btn:focus-visible{outline:3px solid rgba(99,102,241,.35);outline-offset:2px}.google-auth-btn__icon{font-size:1.25rem}.google-auth-btn--outline{background:transparent;border-color:#fff9;color:#fff;box-shadow:none}.google-auth-btn--outline:hover{background:#ffffff24;border-color:#fffc}.google-auth-btn--outline .google-auth-btn__icon{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}.apple-auth-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;border-radius:8px;font-weight:600;font-size:1rem;padding:.9rem 1.5rem;border:1px solid rgba(15,23,42,.1);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;background:#000;color:#fff;box-shadow:0 10px 25px #0f172a2e}.apple-auth-btn:hover{transform:translateY(-1px);box-shadow:0 14px 32px #0f172a33}.apple-auth-btn:active{transform:translateY(0)}.apple-auth-btn:focus-visible{outline:3px solid rgba(99,102,241,.35);outline-offset:2px}.apple-auth-btn__icon{font-size:1.25rem}.apple-auth-btn--outline{background:transparent;border-color:#ffffffb3;color:#fff;box-shadow:none}.apple-auth-btn--outline:hover{background:#ffffff1f;border-color:#ffffffd9}.auth-container{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{background:var(--surface);border-radius:16px;padding:3rem;box-shadow:0 8px 24px var(--shadow-medium);border:1px solid var(--border-light);max-width:450px;width:100%;animation:slideIn .3s ease-out}.auth-card h2{font-size:2rem;margin-bottom:.5rem;text-align:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-divider{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;margin:1.75rem 0 1rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.auth-divider span{white-space:nowrap}.auth-social{display:flex;flex-direction:column;gap:.75rem}.auth-actions{display:flex;justify-content:center;margin-top:1.5rem}.auth-form .form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form label{font-weight:600;color:var(--text-primary);font-size:.9rem}.auth-form input{width:100%;padding:.875rem;font-size:1rem;border:2px solid var(--border-light);border-radius:8px;background:var(--background);color:var(--text-primary);transition:all .3s}.auth-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5b6cf526;outline:none}.auth-form input:disabled{opacity:.6;cursor:not-allowed}.auth-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px var(--shadow);margin-top:.5rem}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #5b6cf566}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-switch{text-align:center;margin-top:1.5rem;color:var(--text-secondary)}.link-btn{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;padding:0;font-size:inherit;text-decoration:underline;transition:color .3s}.link-btn:hover{color:var(--secondary-color);box-shadow:none;transform:none}.error-message{background:var(--danger-color);color:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center;animation:slideIn .3s ease-out}.success-message{background:var(--success-color);color:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center;animation:slideIn .3s ease-out}.auth-forgot{text-align:center;margin-top:1rem}.forgot-link{color:var(--text-secondary);font-size:.9rem;text-decoration:none}.forgot-link:hover{color:var(--primary-color)}@media (max-width: 768px){.auth-card{padding:2rem 1.5rem}.auth-card h2{font-size:1.75rem}.auth-btn{font-size:1rem}}.app-logo{--logo-scale: 1;--logo-icon-base: 1.8rem;--logo-text-base: 1.2rem;--logo-icon-size: calc(var(--logo-icon-base) * var(--logo-scale));--logo-text-size: calc(var(--logo-text-base) * var(--logo-scale));display:inline-flex;align-items:center;gap:.6rem;background:transparent;border:none;color:var(--primary-color);font-weight:700;letter-spacing:.015em;padding:0;cursor:pointer;transition:none}.app-logo:hover,.app-logo:focus,.app-logo:active{background:transparent;box-shadow:none}.app-logo:focus{outline:2px dashed rgba(99,102,241,.65);outline-offset:4px}.app-logo__icon{font-size:var(--logo-icon-size)}.app-logo__text{font-size:var(--logo-text-size);font-weight:700}.app-logo__icon,.app-logo__text{color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-theme=dark] .app-logo{color:var(--primary-color)}.url-form-container{background:var(--surface);border-radius:12px;padding:2rem;box-shadow:0 2px 8px var(--shadow),0 4px 16px var(--shadow-medium);margin-bottom:2rem;border:1px solid var(--border-light)}.url-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.9rem}.form-group input{width:100%;padding:.875rem;font-size:1rem;border:2px solid var(--border-light);border-radius:8px;background:var(--background);color:var(--text-primary);transition:all .3s}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5b6cf526;outline:none}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group .hint{font-size:.8rem;color:var(--text-secondary);font-style:italic}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:3rem}.toggle-password-btn{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .2s;border-radius:4px}.toggle-password-btn:hover{color:var(--primary-color);background:var(--border)}.toggle-password-btn svg{width:20px;height:20px}.submit-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px var(--shadow)}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #5b6cf566}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-message{background:var(--success-color);color:#fff;padding:1rem;border-radius:8px;text-align:center;font-weight:600;animation:slideIn .3s ease-out}@media (max-width: 768px){.url-form-container{padding:1.5rem}.submit-btn{font-size:1rem}}.url-list-container{margin-top:2rem}.url-list-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.url-list-container h2{color:var(--text-primary);font-size:1.75rem;margin:0;display:flex;align-items:center;gap:.5rem}.header-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.search-container{position:relative;display:flex;align-items:center;flex:1;min-width:250px;max-width:400px}.search-icon{position:absolute;left:1rem;color:var(--text-secondary);font-size:1.2rem;pointer-events:none}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid var(--border);border-radius:12px;font-size:.95rem;color:var(--text-primary);background:var(--surface);transition:all .3s}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #5b6cf526}.search-input::placeholder{color:var(--text-secondary)}.filter-container{display:flex;gap:0;background:var(--background);padding:.375rem;border-radius:12px;border:2px solid var(--border-light)}.filter-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;position:relative}.filter-btn:hover:not(.active){background:var(--surface);color:var(--text-primary)}.filter-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 2px 8px #5b6cf559}.filter-btn svg{font-size:1.2rem;flex-shrink:0}.sort-selector{position:relative;display:inline-block}.sort-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border:2px solid var(--border-light);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none;box-shadow:0 2px 4px var(--shadow);min-width:180px}.sort-toggle:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #5b6cf526;transform:translateY(-1px)}.sort-toggle:active{transform:translateY(0)}.sort-icon{font-size:20px;color:var(--primary-color)}.sort-label{flex:1;color:var(--text-primary);font-weight:500}.dropdown-arrow{font-size:20px;transition:transform .3s ease;color:var(--text-secondary)}.sort-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:100%;background:var(--surface);border:2px solid var(--border-light);border-radius:12px;box-shadow:0 8px 24px var(--shadow-large);z-index:1000;animation:dropdownSlide .2s ease-out}.sort-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.sort-option:hover{background:var(--background)}.sort-option.active{background:#5b6cf51a;color:var(--primary-color);font-weight:600}.checkmark{font-size:16px;color:var(--primary-color);font-weight:700}.view-toggle{display:flex;gap:0;background:var(--background);padding:.375rem;border-radius:12px;border:2px solid var(--border-light)}.view-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:1.4rem;cursor:pointer;transition:all .2s;padding:0}.view-btn:hover:not(.active){background:var(--surface);color:var(--text-primary)}.view-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 2px 8px #5b6cf559}.view-btn svg{flex-shrink:0}.url-list{display:grid;gap:1.5rem}.url-list.grid-view{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}.url-list.list-view{grid-template-columns:1fr}.url-list-empty{text-align:center;padding:4rem 2rem;background:var(--surface);border-radius:16px;color:var(--text-secondary);border:2px dashed var(--border-light)}.url-list-empty p{font-size:1.2rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.url-list-empty p svg{font-size:1.5rem}.empty-subtitle{font-size:.95rem!important;color:var(--text-secondary);margin-top:.5rem}.url-card{background:var(--surface);border-radius:16px;padding:1.75rem;box-shadow:0 2px 8px var(--shadow),0 1px 3px var(--shadow-medium);transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid var(--border-light);position:relative;overflow:hidden}.url-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));opacity:0;transition:opacity .3s}.url-card:hover:before{opacity:1}.url-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow-medium),0 4px 12px #5b6cf526;border-color:var(--primary-color)}.url-card.inactive-card{opacity:.7;background:var(--background)}.url-card-main{display:flex;flex-direction:column;gap:1.5rem}.url-card-content{display:flex;flex-direction:column;gap:1rem}.short-url-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.short-url-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--primary-color);font-size:1.25rem;font-weight:700;font-family:Courier New,monospace;transition:all .3s;padding:.5rem 1rem;background:#5b6cf50f;border-radius:8px;border:2px solid transparent}.short-url-link:hover{color:var(--secondary-color);background:#5b6cf51f;border-color:var(--primary-color);transform:translate(4px)}.link-icon{font-size:1.3rem}.short-code{font-size:1.15rem}.copy-btn-modern{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:var(--surface);border:2px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:1.3rem;font-weight:600;cursor:pointer;transition:all .3s}.copy-btn-modern:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-3px) scale(1.1);box-shadow:0 6px 16px #5b6cf559}.copy-btn-modern.copied{background:var(--success-color);border-color:var(--success-color);color:#fff;transform:scale(1.05)}.copy-btn-modern:disabled{opacity:.5;cursor:not-allowed}.copy-btn-modern svg{font-size:1.3rem}.short-url-section .qr-inline-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:var(--surface);border:2px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:1.3rem;cursor:pointer;transition:all .3s}.short-url-section .qr-inline-btn:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#22d3ee);color:#fff;border-color:transparent;transform:translateY(-3px) scale(1.1);box-shadow:0 6px 16px #6366f159}.short-url-section .qr-inline-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.original-url-section{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--background);border-radius:8px;border-left:3px solid var(--border-light)}.url-icon{font-size:1.1rem;color:var(--text-secondary);flex-shrink:0}.original-url-link{color:var(--text-secondary);font-size:.95rem;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;transition:color .2s}.original-url-link:hover{color:var(--primary-color);text-decoration:underline}.url-metadata{display:flex;flex-wrap:wrap;gap:1rem;padding-top:.5rem}.metadata-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.metadata-item svg{font-size:1.1rem;color:var(--text-secondary)}.metadata-item strong{color:var(--text-primary);font-weight:700}.protected-badge{background:#ef44441a;color:var(--danger-color);padding:.25rem .75rem;border-radius:6px;font-weight:600}.url-card-actions{display:flex;gap:.75rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--border-light);justify-content:flex-start}.action-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:10px;font-size:1.3rem;cursor:pointer;transition:all .3s;flex-shrink:0}.action-btn svg{font-size:1.3rem}.action-btn:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 6px 16px var(--shadow-medium)}.action-btn:active{transform:translateY(-1px) scale(1.05)}.toggle-btn.active{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.toggle-btn.inactive{background:linear-gradient(135deg,#757f9a,#d7dde8);color:#fff}.toggle-btn:hover{box-shadow:0 6px 16px #38ef7d66}.stats-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stats-btn:hover{box-shadow:0 6px 16px #4facfe66}.edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.edit-btn:hover{box-shadow:0 6px 16px #667eea66}.delete-btn{background:var(--danger-color);color:#fff}.delete-btn:hover{background:var(--danger-hover);box-shadow:0 4px 12px #ef444466}.btn-label{font-weight:600}@media (max-width: 1024px){.url-list.grid-view{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.url-list-header{gap:1rem}.url-list-container h2{font-size:1.5rem}.header-controls{flex-direction:column;align-items:stretch;gap:.75rem}.search-container{max-width:100%;width:100%}.filter-container{width:100%;justify-content:space-between}.filter-btn{flex:1;justify-content:center;padding:.625rem .75rem;font-size:.8rem}.filter-btn svg{font-size:1.1rem}.sort-selector,.sort-toggle{width:100%}.view-toggle{width:100%;justify-content:center}.url-list.grid-view{grid-template-columns:1fr}.url-card{padding:1.25rem}.short-url-link{font-size:1.1rem}.url-card-actions{gap:.5rem}.action-btn{width:40px;height:40px;font-size:1.2rem}.action-btn svg{font-size:1.2rem}}@media (max-width: 480px){.url-list-container h2{font-size:1.25rem}.search-input{font-size:.875rem;padding:.75rem 1rem .75rem 2.75rem}.filter-container{flex-direction:column;gap:.25rem}.filter-btn{width:100%;padding:.75rem;font-size:.85rem}.sort-toggle{font-size:13px;padding:8px 12px}.view-toggle{padding:.5rem}.view-btn{flex:1;height:48px}.short-url-section{flex-direction:column;align-items:stretch}.short-url-link{justify-content:center}.copy-btn-modern{width:40px;height:40px;font-size:1.2rem}.copy-btn-modern svg{font-size:1.2rem}.action-btn{width:40px;height:40px;font-size:1.2rem}.action-btn svg{font-size:1.2rem}.url-card-actions{gap:.5rem}.url-metadata{flex-direction:column;gap:.5rem}.url-card{padding:1rem}}.toggle-btn-small.inactive:hover{box-shadow:0 4px 12px #757f9a66}.edit-btn-small{padding:.5rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;transition:all .3s;font-size:1.2rem}.edit-btn-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5b6cf566}.delete-btn{padding:.5rem 1rem;background:var(--danger-color);color:#fff;border:none;cursor:pointer;transition:all .3s;font-size:1.2rem}.delete-btn:hover{background:var(--danger-hover);transform:translateY(-1px)}.url-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-light);flex-wrap:wrap;gap:.5rem}.stat{color:var(--text-secondary);font-size:.875rem;display:flex;align-items:center;gap:.25rem}.stat.protected{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.8rem}.stat.status-badge{padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.8rem;color:#fff}.stat.status-badge.active{background:linear-gradient(135deg,#11998e,#38ef7d)}.stat.status-badge.inactive{background:linear-gradient(135deg,#757f9a,#d7dde8)}@media (max-width: 768px){.url-card{padding:1rem}.url-card-header{flex-direction:column}.delete-btn{align-self:flex-end}.short-url{font-size:1rem}.url-card-footer{flex-direction:column;align-items:flex-start}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.modal-content{background:var(--surface);border-radius:16px;padding:2rem;max-width:450px;width:100%;box-shadow:0 20px 60px var(--shadow-large);position:relative;animation:slideUp .3s ease-out;border:1px solid var(--border-light)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);transition:color .3s,transform .3s;padding:.25rem;line-height:1}.modal-close:hover{color:var(--danger-color);transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:1.5rem}.lock-icon{font-size:3rem;margin-bottom:.5rem}.modal-header h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.modal-header p{color:var(--text-secondary);font-size:.9rem}.modal-form{margin-bottom:1rem}.modal-form .form-group{margin-bottom:1.5rem}.modal-form label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem}.modal-form input{width:100%;padding:.875rem;font-size:1rem;border:2px solid var(--border-light);border-radius:8px;background:var(--background);color:var(--text-primary);transition:all .3s}.modal-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5b6cf526;outline:none}.modal-form input:disabled{opacity:.6;cursor:not-allowed}.modal-error{background:#fee;color:#c33;padding:.875rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;text-align:center}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions button{flex:1;padding:12px 24px;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:var(--surface-light);color:var(--text-primary);border:2px solid var(--border-light)!important}.btn-cancel:hover:not(:disabled){background:var(--surface);border-color:var(--primary-color)}.btn-submit{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #5b6cf566}.modal-footer{text-align:center;padding-top:1rem;border-top:1px solid var(--border-light)}.modal-footer small{color:var(--text-secondary);font-size:.8rem}@media (max-width: 768px){.modal-content{padding:1.5rem}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.edit-modal-content{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px var(--shadow-large);animation:slideUp .3s ease-out}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-light);background:var(--surface-light)}.edit-modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.edit-modal-close{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.edit-modal-close:hover{background:var(--surface);color:var(--text-primary)}.edit-modal-form{padding:24px}.edit-form-group{margin-bottom:24px}.edit-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:.95rem}.edit-input{width:100%;padding:12px 16px;border:2px solid var(--border-light);border-radius:8px;font-size:1rem;transition:all .2s;box-sizing:border-box;background-color:var(--surface);color:var(--text-primary)}.edit-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #5b6cf526}.edit-input.disabled{background:var(--surface-light);color:var(--text-secondary);cursor:not-allowed}.edit-help-text{display:block;margin-top:6px;font-size:.85rem;color:var(--text-secondary)}.edit-checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:500;color:var(--danger-color)}.edit-checkbox-label input[type=checkbox]{margin-right:8px;width:18px;height:18px;cursor:pointer;accent-color:var(--danger-color)}.edit-checkbox-label span{-webkit-user-select:none;user-select:none}.edit-error-message{padding:12px 16px;background:#ef44441a;color:var(--danger-color);border:1px solid var(--danger-color);border-radius:8px;margin-bottom:16px;font-size:.95rem}.edit-modal-actions{display:flex;gap:12px;margin-top:24px}.edit-btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.edit-btn:disabled{opacity:.6;cursor:not-allowed}.edit-btn-cancel{background:var(--surface-light);color:var(--text-primary);border:2px solid var(--border-light)}.edit-btn-cancel:hover:not(:disabled){background:var(--surface);border-color:var(--primary-color)}.edit-btn-submit{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff}.edit-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #5b6cf566}@media (max-width: 640px){.edit-modal-content{width:95%;max-height:95vh}.edit-modal-header,.edit-modal-form{padding:20px}.edit-modal-header h2{font-size:1.25rem}.edit-btn{padding:10px 16px;font-size:.95rem}}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.delete-modal-content{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px var(--shadow-large);animation:slideUp .3s ease-out}.delete-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-light);background:var(--surface-light)}.delete-modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary);display:flex;align-items:center}.delete-modal-close{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.delete-modal-close:hover{background:var(--surface);color:var(--text-primary)}.delete-modal-body{padding:24px}.delete-warning{color:#f44336;font-weight:600;text-align:center;margin-bottom:1rem;padding:12px;background:linear-gradient(135deg,#fff5f5,#ffe5e5);border-radius:8px;border-left:4px solid #f44336;font-size:.95rem}.delete-url-info{background:var(--surface-light);border:1px solid var(--border-light);border-radius:12px;padding:16px;margin-bottom:24px}.delete-url-field{display:flex;justify-content:space-between;align-items:center;padding:10px 0;gap:1rem}.delete-url-field:not(:last-child){border-bottom:1px solid var(--border-light)}.delete-url-label{color:var(--text-secondary);font-weight:600;font-size:.9rem;flex-shrink:0}.delete-url-value{color:var(--text-primary);font-weight:500;text-align:right;font-size:.9rem}.delete-url-value.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.delete-modal-actions{display:flex;gap:12px;margin-top:0;padding:0 24px 24px}.delete-btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.delete-btn:disabled{opacity:.6;cursor:not-allowed}.delete-btn-cancel{background:var(--surface-light);color:var(--text-primary);border:2px solid var(--border-light)}.delete-btn-cancel:hover:not(:disabled){background:var(--surface);border-color:var(--primary-color)}.delete-btn-confirm{background:var(--danger-color);color:#fff}.delete-btn-confirm:hover:not(:disabled){background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.delete-modal-content{width:95%;max-height:95vh}.delete-modal-header,.delete-modal-body{padding:20px}.delete-modal-header h2{font-size:1.25rem}.delete-url-field{flex-direction:column;align-items:flex-start;gap:.5rem}.delete-url-value{text-align:left;max-width:100%}.delete-modal-actions{flex-direction:column-reverse;gap:8px}.delete-btn{width:100%;padding:10px 16px;font-size:.95rem}}.qr-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000}.qr-modal{background:var(--surface);color:var(--text-primary);border-radius:18px;border:1px solid var(--border-light);box-shadow:0 24px 70px var(--shadow-large);max-width:420px;width:100%;padding:1.75rem;display:flex;flex-direction:column;gap:1.5rem;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.qr-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.qr-modal-header h3{margin:0;font-size:1.4rem;color:var(--text-primary)}.qr-modal-subtitle{margin:.35rem 0 0;color:var(--text-secondary);font-size:.95rem}.qr-modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.6rem;cursor:pointer;line-height:1;padding:.25rem;border-radius:8px;transition:all .2s ease}.qr-modal-close:hover{color:var(--danger-color);transform:rotate(90deg)}.qr-modal-body{display:flex;flex-direction:column;align-items:center;gap:1.1rem;padding:1.5rem 1rem;background:var(--surface-light);border:1px solid var(--border-light);border-radius:14px}.qr-modal-body svg{width:210px;height:210px}.qr-url-preview{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;word-break:break-all;text-align:center;color:var(--text-secondary);background:var(--surface);padding:.6rem .9rem;border-radius:8px;border:1px dashed var(--border-light);width:100%}.qr-modal-actions{display:flex;justify-content:center}.qr-action-btn{display:inline-flex;align-items:center;gap:.55rem;border:none;background:var(--primary-color);color:#fff;padding:.75rem 1.35rem;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 12px 30px #5b6cf559}.qr-action-btn:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 16px 34px #7c3aed59}.qr-action-btn:active{transform:translateY(0)}.url-stats-container{margin-top:2rem}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;position:relative;z-index:auto}.stats-header h2{color:var(--text-primary);font-size:1.8rem;margin:0}.chart-type-selector{display:flex;gap:.5rem;background:var(--surface);padding:.5rem;border-radius:12px;border:2px solid var(--border-light);box-shadow:0 2px 4px var(--shadow)}.chart-btn{padding:.6rem 1.2rem;background:transparent;border:none;font-size:1.5rem;cursor:pointer;border-radius:8px;transition:all .3s;color:var(--text-secondary)}.chart-btn:hover{background:var(--surface-light);transform:scale(1.1);color:var(--text-primary)}.chart-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);transform:scale(1.1);color:#fff}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;border-color:var(--primary-color)}:root[data-theme=light] .stat-card .stat-value{color:#212529!important}:root[data-theme=light] .stat-card .stat-label{color:#495057!important}.chart-container{background:var(--surface);border:2px solid var(--border-light);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px var(--shadow)}.top-urls-table{background:var(--surface);border:2px solid var(--border-light);border-radius:16px;padding:2rem;box-shadow:0 2px 8px var(--shadow)}.top-urls-table h3{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.3rem}.table-wrapper{overflow-x:auto}th{padding:1rem;text-align:left;color:var(--text-primary);font-weight:600;border-bottom:2px solid var(--border-light);white-space:nowrap}td{padding:1rem;color:var(--text-secondary);border-bottom:1px solid var(--border-light)}tbody tr{transition:all .2s}tbody tr:hover{background:var(--surface-light)}.rank{font-size:1.2rem;font-weight:700;text-align:center;min-width:50px}.short-code a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .2s}.short-code a:hover{color:var(--secondary-color);text-decoration:underline}.original-url{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clicks{text-align:center}.clicks-badge{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:.4rem 1rem;border-radius:20px;font-weight:700;font-size:1rem}.status{text-align:center}.badge{padding:.4rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem;display:inline-block}.url-stats-empty{text-align:center;padding:4rem 2rem;background:var(--surface);border-radius:16px;border:2px solid var(--border);color:var(--text-secondary)}.url-stats-empty p{font-size:1.2rem;margin-bottom:.5rem}.empty-subtitle{font-size:.9rem!important;color:var(--text-secondary)}@media (max-width: 768px){.stats-header{flex-direction:column;gap:1rem;align-items:flex-start}.stats-header h2{font-size:1.5rem}.chart-type-selector{width:100%;justify-content:center}.stats-summary{grid-template-columns:1fr}.chart-wrapper{height:300px}.top-urls-table{padding:1rem}.original-url{max-width:150px}th,td{padding:.75rem .5rem;font-size:.85rem}.stat-icon{font-size:2rem;min-width:50px;height:50px}.stat-value{font-size:1.5rem}}@media (max-width: 480px){.chart-btn{padding:.5rem .8rem;font-size:1.2rem}.original-url{max-width:100px}}.url-detail-container{max-width:1200px;margin:0 auto;padding:2rem;--icon-filter: none}:root[data-theme=dark] .url-detail-container{--icon-filter: invert(1) brightness(.8)}.detail-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.detail-header h2{color:var(--text-primary);margin:0;font-size:2rem}.back-btn{padding:.6rem 1.2rem;background:var(--surface-light);color:var(--text-primary);border:2px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .3s;font-weight:600}.back-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translate(-4px)}.url-info-card{background:var(--surface);border:2px solid var(--border-light);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px var(--shadow)}.info-row{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-light)}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--text-secondary);min-width:150px}.info-value-group{display:flex;align-items:center;gap:.75rem;flex:1}.short-link,.original-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .2s ease;border-bottom:1px dashed var(--primary-color);flex:1;word-break:break-all}.short-link:hover,.original-link:hover{color:var(--secondary-color);border-bottom-style:solid}.url-info-card .qr-inline-btn{display:inline-flex;align-items:center;gap:.4rem;background:#3b82f61f;color:var(--primary-color);border:1px solid rgba(59,130,246,.25);border-radius:999px;padding:.4rem .85rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.url-info-card .qr-inline-btn:hover{background:#3b82f633;transform:translateY(-1px)}.url-info-card .qr-inline-btn svg{font-size:1.2rem}.badge{padding:.4rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.badge.protected{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.badge.public{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stats-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.stat-box:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;border-color:var(--primary-color)}.stat-icon{font-size:2.5rem;min-width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:12px;color:#fff}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)!important;line-height:1;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--text-secondary)!important;font-weight:500}:root[data-theme=light] .stat-box .stat-value{color:#212529!important}:root[data-theme=light] .stat-box .stat-label{color:#495057!important}.chart-controls{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.unified-time-selector{flex:1;background:var(--surface);border:2px solid var(--border-light);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 2px 4px var(--shadow)}.preset-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.range-btn{padding:.6rem 1.2rem;background:transparent;border:2px solid var(--border-light);color:var(--text-primary);cursor:pointer;border-radius:8px;transition:all .3s;font-weight:600}.range-btn:hover{background:var(--surface-light);transform:translateY(-2px)}.range-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border-color:transparent}.custom-date-inputs{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;padding-top:1rem;border-top:2px solid var(--border-light)}.date-input-group{display:flex;flex-direction:column;gap:.5rem}.date-action-buttons{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.date-input-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.date-picker{padding:.7rem 1rem;border:2px solid var(--border-light);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.9rem;font-weight:600;transition:all .3s;min-width:160px}.date-picker:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #5b6cf526}.date-picker::-webkit-calendar-picker-indicator{cursor:pointer;filter:var(--icon-filter)}.apply-dates-btn{padding:.7rem 1.2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.apply-dates-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.clear-dates-btn{padding:.7rem 1.2rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.clear-dates-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.chart-container{background:var(--surface);border:2px solid var(--border-light);border-radius:16px;padding:2rem;box-shadow:0 2px 8px var(--shadow)}.chart-wrapper{height:400px;position:relative}.ip-stats-card,.ua-stats-card{margin-top:2rem;background:var(--surface);border:2px solid var(--border-light);border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow)}.ip-stats-header,.ua-stats-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.ip-stats-title,.ua-stats-title{display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.ip-stats-title h3,.ua-stats-title h3{margin:0;font-size:1.4rem}.ip-stats-title svg,.ua-stats-title svg{font-size:1.8rem;color:var(--primary-color)}.ip-stats-metrics,.ua-stats-metrics{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}.ip-stat,.ua-stat{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.ip-stat-value,.ua-stat-value{font-size:1.6rem;font-weight:700;color:var(--text-primary)}.ip-stat-label,.ua-stat-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase}.ip-stats-table,.ua-stats-table{width:100%;border-collapse:collapse}.ip-stats-table th,.ip-stats-table td,.ua-stats-table th,.ua-stats-table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border-light)}.ip-stats-table th,.ua-stats-table th{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.ip-stats-table tbody tr:hover,.ua-stats-table tbody tr:hover{background:var(--surface-light)}:root[data-theme=dark] .ip-stats-table tbody tr:hover,:root[data-theme=dark] .ua-stats-table tbody tr:hover{background:#94a3b826}.ip-stats-empty,.ua-stats-empty{padding:1rem 1.5rem;background:var(--surface-light);border-radius:12px;text-align:center;color:var(--text-secondary);font-weight:500}.url-detail-loading,.url-detail-error{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.url-detail-error p{font-size:1.2rem;color:var(--danger-color)}@media (max-width: 768px){.url-detail-container{padding:1rem}.detail-header{flex-direction:column;align-items:flex-start;gap:1rem}.detail-header h2{font-size:1.5rem}.stats-summary-grid{grid-template-columns:1fr}.chart-controls{flex-direction:column;align-items:stretch}.unified-time-selector{width:100%}.preset-buttons{justify-content:center}.range-btn{padding:.5rem .8rem;font-size:.85rem}.chart-type-selector{width:100%;justify-content:center}.custom-date-inputs{flex-direction:column;align-items:stretch}.date-picker,.clear-dates-btn{width:100%}.info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.info-label{min-width:auto}.stat-icon{font-size:2rem;min-width:50px;height:50px}.stat-value{font-size:1.5rem}.chart-wrapper{height:300px}.ip-stats-header,.ua-stats-header{flex-direction:column;align-items:flex-start;gap:.75rem}.ip-stats-metrics,.ua-stats-metrics{width:100%;justify-content:space-between}.ip-stat,.ua-stat{align-items:center}}.admin-panel{max-width:1400px;margin:0 auto;padding:2rem}.admin-header{text-align:center;margin-bottom:2rem}.admin-header h1{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.admin-header p{color:var(--text-secondary);font-size:1rem}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-light);padding-bottom:0}.admin-tabs button{padding:1rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s;border-bottom:3px solid transparent;margin-bottom:-2px}.admin-tabs button:hover{color:var(--primary-color)}.admin-tabs button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.admin-content{background:var(--surface);border-radius:12px;padding:2rem;box-shadow:0 2px 8px var(--shadow),0 1px 3px var(--shadow-medium);border:1px solid var(--border-light)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 4px 12px #667eea59;transition:transform .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #667eea73}.stat-icon{font-size:3rem;margin-bottom:.5rem;color:#fff}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.stat-label{font-size:.9rem;opacity:.95;color:#fff}.users-table,.urls-table{overflow-x:auto}.table-toolbar{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;align-items:center}.table-search{flex:1 1 280px;min-width:240px;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:8px;font-size:.95rem;color:var(--text-primary);background:var(--surface-light);transition:border-color .2s,box-shadow .2s}.table-search:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #5965f926}.result-count{font-size:.9rem;color:var(--text-secondary);font-weight:600}.table-empty{padding:2rem;text-align:center;color:var(--text-secondary);background:var(--surface-light);border-radius:8px;border:1px dashed var(--border-light)}table{width:100%;border-collapse:collapse}thead{background:var(--surface-light)}th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-light)}td{padding:1rem;border-bottom:1px solid var(--border-light);color:var(--text-primary)}tr:hover{background:var(--surface-light)}.short-link{color:var(--primary-color);text-decoration:none;font-weight:600}.short-link:hover{text-decoration:underline}.original-url{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info div{font-weight:600}.user-info small{color:var(--text-secondary);font-size:.85rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.badge.admin{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.badge.user{background:var(--surface-light);color:var(--text-secondary)}.badge.protected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge.open{background:var(--success-color);color:#fff}.btn-toggle-admin{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s}.btn-toggle-admin:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5b6cf566}.btn-delete{padding:.5rem 1rem;background:var(--danger-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s}.btn-delete:hover{background:var(--danger-hover);transform:translateY(-2px)}.loading,.error{text-align:center;padding:3rem;font-size:1.2rem;color:var(--text-secondary)}.error{color:var(--danger-color)}@media (max-width: 768px){.admin-panel{padding:1rem}.stats-grid{grid-template-columns:1fr}.admin-tabs{flex-direction:column;gap:0}.admin-tabs button{width:100%;text-align:left}.admin-content{padding:1rem}table{font-size:.85rem}th,td{padding:.5rem}}.settings-container{max-width:800px;margin:0 auto}.settings-header{margin-bottom:2rem}.settings-header h2{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.settings-header p{color:var(--text-secondary);font-size:1rem}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{background:var(--surface);border-radius:12px;padding:2rem;box-shadow:0 2px 8px var(--shadow),0 1px 3px var(--shadow-medium);border:1px solid var(--border-light)}.settings-section h3{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-light)}.settings-section h3 svg{width:24px;height:24px;color:var(--primary-color)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.info-item label svg{width:16px;height:16px}.info-value{padding:.875rem;background:var(--background);border:2px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:1rem;font-weight:500}.password-form{display:flex;flex-direction:column;gap:1.5rem;max-width:500px}.password-form .form-group{display:flex;flex-direction:column;gap:.5rem}.password-form label{font-weight:600;color:var(--text-primary);font-size:.9rem}.password-form .password-input-wrapper{position:relative;display:flex;align-items:center}.password-form input{width:100%;padding:.875rem 3rem .875rem .875rem;font-size:1rem;border:2px solid var(--border-light);border-radius:8px;background:var(--background);color:var(--text-primary);transition:all .3s}.password-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5b6cf526;outline:none}.password-form input:disabled{opacity:.6;cursor:not-allowed}.password-form .toggle-password-btn{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .2s;border-radius:4px}.password-form .toggle-password-btn:hover{color:var(--primary-color);background:var(--border)}.password-form .toggle-password-btn svg{width:20px;height:20px}.password-form .submit-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px var(--shadow)}.password-form .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #5b6cf566}.password-form .submit-btn:active:not(:disabled){transform:translateY(0)}.password-form .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.password-form .error-message{background:#ef44441a;color:var(--danger-color);padding:1rem;border-radius:8px;border-left:4px solid var(--danger-color);font-weight:500}.password-form .success-message{background:#10b9811a;color:var(--success-color);padding:1rem;border-radius:8px;border-left:4px solid var(--success-color);font-weight:500;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.settings-section{padding:1.5rem}.info-grid{grid-template-columns:1fr}.password-form{max-width:100%}}.language-selector{position:relative;display:inline-block;z-index:100000}.language-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1f2937;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none;box-shadow:0 2px 4px #0000000d;position:relative;z-index:100000}.language-toggle:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126;transform:translateY(-1px)}.language-toggle:active{transform:translateY(0)}.language-icon{font-size:20px;color:#6366f1}.language-flag{font-size:18px}.language-name{color:#1f2937;font-weight:500}.dropdown-arrow{font-size:20px;transition:transform .3s ease;color:#64748b}.dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;max-height:400px;overflow-y:auto;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:100000;animation:dropdownSlide .2s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;color:#1f2937;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.language-option:hover{background:#f3f4f6}.language-option.active{background:#ede9fe;color:#6366f1;font-weight:600}.option-flag{font-size:20px;min-width:24px}.option-name{flex:1}.checkmark{font-size:16px;color:#6366f1;font-weight:700}.language-dropdown::-webkit-scrollbar{width:6px}.language-dropdown::-webkit-scrollbar-track{background:transparent}.language-dropdown::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.language-dropdown::-webkit-scrollbar-thumb:hover{background:#6366f1}[data-theme=dark] .language-toggle{background:#1f2937;border-color:#374151;color:#f3f4f6}[data-theme=dark] .language-name{color:#f3f4f6}[data-theme=dark] .language-dropdown{background:#1f2937;border-color:#374151;box-shadow:0 8px 24px #0006}[data-theme=dark] .language-option{color:#f3f4f6}[data-theme=dark] .language-option:hover{background:#374151}[data-theme=dark] .language-option.active{background:#312e81;color:#818cf8}[data-theme=dark] .language-dropdown::-webkit-scrollbar-thumb{background:#374151}[data-theme=dark] .language-dropdown::-webkit-scrollbar-thumb:hover{background:#6366f1}@media (max-width: 768px){.language-toggle{padding:.5rem .75rem;gap:6px}.language-name{display:none}}@media (max-width: 480px){.language-toggle{padding:.45rem .65rem;border-radius:10px}}.theme-toggle{background:var(--surface);border:2px solid var(--border);color:var(--text-primary);padding:.6rem 1rem;border-radius:12px;font-size:1.3rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:48px}.theme-toggle:hover{transform:translateY(-2px) rotate(20deg);box-shadow:0 4px 12px var(--shadow);border-color:var(--primary-color)}.theme-toggle:active{transform:translateY(0) rotate(0)}@media (max-width: 768px){.theme-toggle{padding:.5rem .8rem;font-size:1.2rem;min-width:44px}}.landing{min-height:100vh;background:var(--background);color:var(--text-primary);display:flex;flex-direction:column;overflow-x:hidden}.reveal-on-scroll{opacity:0;transform:translateY(var(--reveal-offset, 32px));will-change:transform,opacity}.reveal-on-scroll.is-visible{animation:landing-fade-up var(--reveal-duration, .8s) ease forwards;animation-delay:var(--reveal-delay, 0s)}.landing-header{padding:2.5rem 2rem 4rem;background:linear-gradient(#0f172a99,#0f172a99),url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%235b6cf510' fill-rule='evenodd'%3E%3Crect width='20' height='20'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;border-bottom:1px solid var(--border-light)}.landing-topbar{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto 3rem}.landing-logo{letter-spacing:.02em;--logo-scale: 1.9}.landing-logo:focus{outline:2px dashed rgba(255,255,255,.7);outline-offset:4px}.landing-controls{display:flex;align-items:center;gap:.75rem}.landing-cta,.landing-secondary{border-radius:999px;font-weight:600;font-size:.95rem;padding:.7rem 1.4rem;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.landing-secondary{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2)}.landing-secondary:hover{background:#ffffff2e;transform:translateY(-2px)}.landing-cta{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 14px 35px #6366f159}.landing-cta:hover{transform:translateY(-3px);box-shadow:0 18px 40px #6366f173}.landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1200px;margin:0 auto;color:#fff}.landing-hero-content{--reveal-offset: 24px;--reveal-duration: .8s;--reveal-delay: .15s}.landing-hero-content h1{font-size:clamp(2.75rem,5vw,3.6rem);line-height:1.1;margin-bottom:1rem;font-weight:700}.landing-hero-content p{font-size:1.1rem;color:#ffffffd9;max-width:540px}.landing-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .9rem;border-radius:999px;font-size:.85rem;font-weight:600;letter-spacing:.04em;background:#ffffff1f;color:#ffffffe6;margin-bottom:1rem}.landing-hero-actions{margin:1.5rem 0;display:flex;gap:1rem;flex-wrap:wrap;align-items:center;--reveal-offset: 20px;--reveal-duration: .8s;--reveal-delay: .35s}.landing-hero-oauth{display:flex;gap:.75rem;flex-wrap:wrap}.landing-hero-actions .landing-oauth-button{width:auto;padding:.75rem 1.6rem;font-size:.95rem}.landing-hero-actions .landing-oauth-button .google-auth-btn__icon,.landing-hero-actions .landing-oauth-button .apple-auth-btn__icon{font-size:1.15rem}.landing-trusted small{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:#fff9}.landing-trusted-logos{margin-top:.85rem;display:flex;gap:1.25rem;flex-wrap:wrap;color:#ffffffbf;font-size:.9rem}.landing-hero-visual{display:grid;gap:1.5rem;--reveal-offset: 30px;--reveal-duration: .9s;--reveal-delay: .45s}.visual-card{border-radius:16px;padding:1.75rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);background:#0f172a73;box-shadow:0 20px 45px #0f172a4d;color:#fff;--reveal-offset: 24px;--reveal-duration: .9s}.visual-card.primary ul{margin-top:1rem;list-style:none;display:grid;gap:.75rem;font-size:.95rem;color:#ffffffbf}.visual-card.primary .visual-title{display:flex;align-items:center;gap:.75rem;font-weight:600}.visual-card.primary svg{color:var(--secondary-color)}.visual-card.primary{--reveal-delay: .5s}.visual-card.secondary{display:flex;gap:1rem;justify-content:space-between;align-items:center;--reveal-delay: .55s}.visual-card.secondary .stat span{display:block;font-size:1.75rem;font-weight:700}.visual-card.secondary .stat small{color:#ffffffb3;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}:root[data-theme=light] .landing .visual-card{background:#ffffffe0;border-color:#0f172a14;color:var(--text-primary);box-shadow:0 18px 45px #0f172a1f}:root[data-theme=light] .landing .visual-card.primary ul{color:var(--text-secondary)}:root[data-theme=light] .landing .visual-card.secondary .stat small{color:var(--text-secondary)}.landing-main{flex:1;padding:4rem 2rem}.landing-features,.landing-stats,.landing-cta-block{max-width:1100px;margin:0 auto}.landing-features h2,.landing-stats h2,.landing-cta-block h2{font-size:2.4rem;margin-bottom:1.5rem;--reveal-offset: 24px;--reveal-duration: .75s;--reveal-delay: .1s}.feature-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card{padding:1.8rem;border-radius:16px;background:var(--surface);border:1px solid var(--border-light);box-shadow:0 12px 32px var(--shadow);transition:transform .2s ease,box-shadow .2s ease;--reveal-offset: 28px;--reveal-duration: .8s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px var(--shadow)}.feature-card:nth-child(1){--reveal-delay: .2s}.feature-card:nth-child(2){--reveal-delay: .3s}.feature-card:nth-child(3){--reveal-delay: .4s}.feature-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#6366f12e,#8b5cf633);color:var(--primary-color);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;font-size:1.4rem}.feature-card h3{margin-bottom:.75rem;font-size:1.2rem}.feature-card p{color:var(--text-secondary);line-height:1.6;font-size:.95rem}.landing-stats{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-top:5rem}.stats-content{--reveal-offset: 26px;--reveal-duration: .85s;--reveal-delay: .25s}.stats-content p{color:var(--text-secondary);max-width:460px;line-height:1.6}.stats-grid{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.stats-card{flex:1 1 140px;min-width:140px;padding:1.6rem;border-radius:16px;background:var(--surface);border:1px solid var(--border-light);box-shadow:0 14px 32px var(--shadow);text-align:center;--reveal-offset: 24px;--reveal-duration: .8s}.stats-card span{font-size:1.6rem;font-weight:700;display:block}.stats-card small{text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;color:var(--text-secondary)}.stats-card:nth-child(1){--reveal-delay: .25s}.stats-card:nth-child(2){--reveal-delay: .35s}.stats-card:nth-child(3){--reveal-delay: .45s}.stats-preview .preview-card{background:var(--surface);border-radius:16px;border:1px solid var(--border-light);box-shadow:0 18px 42px var(--shadow);overflow:hidden;--reveal-offset: 28px;--reveal-duration: .85s;--reveal-delay: .35s}.preview-card header{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:#6366f114;color:var(--primary-color);font-weight:600}.preview-body{padding:1.5rem;display:grid;gap:.9rem}.preview-row{display:flex;justify-content:space-between;font-size:.95rem;color:var(--text-secondary)}.preview-row strong{color:var(--text-primary)}.landing-cta-block{background:linear-gradient(135deg,#6366f11f,#8b5cf62e);border-radius:24px;padding:3rem 3.5rem;margin-top:5rem;text-align:center;border:1px solid rgba(99,102,241,.15);box-shadow:0 22px 60px #6366f133}.cta-content{--reveal-offset: 28px;--reveal-duration: .85s;--reveal-delay: .3s}.landing-cta-block p{max-width:560px;margin:1rem auto 2rem;color:var(--text-secondary)}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.landing-footer{padding:2rem;text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-light);margin-top:4rem}@media (max-width: 1024px){.landing-hero{grid-template-columns:1fr;text-align:center;gap:2.5rem}.landing-hero-content p{margin:0 auto}.landing-hero-visual{max-width:420px;margin:0 auto}.landing-stats{grid-template-columns:1fr}}@media (max-width: 768px){.landing-header{padding:1.5rem 1.2rem 3rem}.landing-topbar{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:.75rem}.landing-controls{width:auto;justify-content:flex-end;flex-wrap:nowrap;gap:.5rem}.landing-controls>*{flex:0 0 auto}.landing-main{padding:3rem 1.2rem}.landing-features h2,.landing-stats h2,.landing-cta-block h2{font-size:2rem}.landing-cta-block{padding:2.5rem 1.75rem}.landing-hero{gap:2.25rem}.landing-hero-actions{width:100%;flex-direction:column;align-items:stretch;gap:.75rem}.landing-hero-actions button{width:100%}.landing-hero-oauth{width:100%;flex-direction:column}.landing-hero-oauth .landing-oauth-button{width:100%}.landing-trusted-logos{justify-content:center}.landing-hero-visual{width:100%}.visual-card.secondary{flex-direction:column;align-items:flex-start;gap:1.25rem}.visual-card.secondary .stat{width:100%;display:flex;justify-content:space-between;align-items:baseline}.stats-grid{flex-direction:column}.stats-card{width:100%}.stats-preview .preview-card{margin:0 auto}}@media (max-width: 640px){.landing-hero-content h1{font-size:clamp(2.2rem,8vw,2.8rem)}.landing-hero-content p{font-size:1rem}.landing-hero-badge{font-size:.8rem}.feature-card{padding:1.5rem}.stats-content{text-align:center}.stats-content p{margin:0 auto}.preview-card header{flex-direction:column;align-items:flex-start;gap:.35rem}.preview-row{flex-direction:column;gap:.2rem;align-items:flex-start}}@media (max-width: 480px){.landing-header{padding:1.25rem 1rem 2.4rem}.landing-logo{--logo-scale: 1.4}.landing-main{padding:2.4rem 1rem}.landing-hero{gap:2rem}.landing-hero-actions{gap:.6rem}.landing-hero-content p{font-size:.95rem}.landing-features h2,.landing-stats h2,.landing-cta-block h2{font-size:1.7rem}.landing-cta-block{padding:2rem 1.4rem}.feature-card h3{font-size:1.1rem}}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(var(--reveal-offset, 32px))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.reveal-on-scroll{opacity:1!important;transform:none!important;animation:none!important}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--background: #f8f9fa;--surface: #ffffff;--surface-light: #f1f3f5;--surface-hover: #e9ecef;--text-primary: #212529;--text-secondary: #495057;--text-tertiary: #6c757d;--border: #dee2e6;--border-light: #e9ecef;--shadow: rgba(0, 0, 0, .05);--shadow-medium: rgba(0, 0, 0, .1);--shadow-large: rgba(0, 0, 0, .15);--primary-color: #5b6cf5;--primary-hover: #4c5de5;--primary-light: #eef0ff;--secondary-color: #7c3aed;--secondary-light: #f5f3ff;--danger-color: #f03e3e;--danger-hover: #d92626;--danger-light: #fff5f5;--success-color: #12b886;--success-light: #e6fcf5;--warning-color: #fd7e14;--warning-light: #fff3e6;--info-color: #4dabf7;--info-light: #e7f5ff;color-scheme:light;color:var(--text-primary);background-color:var(--background)}:root[data-theme=dark]{--background: #0d1117;--surface: #161b22;--surface-light: #1c2128;--surface-hover: #21262d;--text-primary: #e6edf3;--text-secondary: #8d96a0;--text-tertiary: #6e7681;--border: #30363d;--border-light: #21262d;--shadow: rgba(1, 4, 9, .3);--shadow-medium: rgba(1, 4, 9, .5);--shadow-large: rgba(1, 4, 9, .7);--primary-color: #818cf8;--primary-hover: #6366f1;--primary-light: #1e1b4b;--secondary-color: #a78bfa;--secondary-light: #2e1065;--danger-color: #f87171;--danger-hover: #ef4444;--danger-light: #450a0a;--success-color: #34d399;--success-light: #064e3b;--warning-color: #fbbf24;--warning-light: #451a03;--info-color: #60a5fa;--info-light: #1e3a8a;color-scheme:dark;color:var(--text-primary);background-color:var(--background)}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--text-primary);transition:background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}:root[data-theme=light] body{background:linear-gradient(135deg,#f8f9fa,#e7f5ff,#f5f3ff);background-attachment:fixed}:root[data-theme=dark] body{background:linear-gradient(135deg,#0d1117,#1e1b4b,#2e1065);background-attachment:fixed}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}button{border-radius:8px;border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:all .25s}button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #5b6cf540}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input{border-radius:8px;border:1.5px solid var(--border);padding:.8em;font-size:1em;font-family:inherit;background-color:var(--surface);transition:all .2s ease;color:var(--text-primary);transition:all .25s}input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #5b6cf526}