@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color: #0b0f19;--text-primary: #f8fafc;--text-secondary: #94a3b8;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .12);--primary-accent: #8b5cf6;--secondary-accent: #3b82f6;--error: #ef4444;--success: #10b981;--warning: #fbbf24;--nav-height: 72px;--nav-bg: rgba(11, 15, 25, .8);--nav-border: rgba(255, 255, 255, .08);--nav-link-hover: #8b5cf6;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(59,130,246,.08) 0%,transparent 50%)}#root{flex:1;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:var(--transition);padding:.5rem .75rem;border-radius:8px}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link.active{color:var(--primary-accent)}.user-badge{display:flex;align-items:center;gap:.75rem;padding:.4rem .6rem;background:#ffffff08;border:1px solid var(--nav-border);border-radius:100px;transition:var(--transition)}.user-badge:hover{background:#ffffff0f;border-color:#ffffff26}.avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--primary-accent)}.nav-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:10px;font-weight:600;cursor:pointer;transition:var(--transition);font-size:.9rem}.nav-btn-primary{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:#fff;border:none;box-shadow:0 4px 12px #8b5cf633}.nav-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf64d}.nav-btn-outline{background:transparent;border:1px solid var(--nav-border);color:var(--text-primary)}.nav-btn-outline:hover{background:#ffffff0d;border-color:#fff3}@media (max-width: 768px){.nav-items{display:none!important}}.mobile-menu-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;z-index:1002}@media (max-width: 768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}}.mobile-nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0b0f19f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1001;display:flex;flex-direction:column;padding:5rem 2rem 2rem;transition:var(--transition);transform:translate(100%)}.mobile-nav-overlay.active{transform:translate(0)}.mobile-nav-links{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.mobile-nav-link{font-size:1.5rem;font-weight:600;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:1rem}.mobile-nav-footer{margin-top:auto;padding-top:2rem;border-top:1px solid var(--nav-border)}@media (max-width: 768px){.hide-mobile{display:none!important}}.show-mobile{display:none}@media (max-width: 768px){.show-mobile{display:block!important}}@media (max-width: 480px){:root{--nav-height: 64px}.shortener-card{padding:1.25rem!important}}.dropdown{position:relative;display:flex;align-items:center;height:100%}.dropdown-trigger{cursor:pointer;display:flex;align-items:center;gap:.4rem}.dropdown-menu{position:absolute;top:calc(100% - 10px);left:50%;transform:translate(-50%) translateY(10px);background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--nav-border);border-radius:16px;padding:1rem;min-width:280px;box-shadow:0 20px 40px #0006;opacity:0;visibility:hidden;transition:var(--transition);z-index:1001;display:grid;gap:.5rem}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.feature-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem;border-radius:12px;text-decoration:none;transition:var(--transition)}.feature-item:hover{background:#ffffff0d}.feature-icon-wrapper{background:#8b5cf61a;color:var(--primary-accent);padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.feature-item:hover .feature-icon-wrapper{background:var(--primary-accent);color:#fff;transform:scale(1.1)}.feature-content{display:flex;flex-direction:column}.feature-title{color:var(--text-primary);font-weight:600;font-size:.95rem;margin-bottom:.1rem}.feature-description{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.dropdown-menu-right{left:auto!important;right:0!important;transform:translateY(10px)!important}.dropdown:hover .dropdown-menu-right{transform:translateY(0)!important}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;border-radius:12px;transition:var(--transition);border:none;background:transparent;width:100%;cursor:pointer;text-align:left}.dropdown-item:hover{background:#ffffff0d;color:var(--text-primary)}.dropdown-item-danger{color:#f87171}.dropdown-item-danger:hover{background:#f871711a;color:#f87171}.user-menu-header{padding:.5rem 1rem 1rem;border-bottom:1px solid var(--nav-border);margin-bottom:.5rem;min-width:200px}.user-menu-name{display:block;font-weight:600;color:var(--text-primary);font-size:.95rem;white-space:nowrap}.user-menu-tier{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--primary-accent);background:#8b5cf61a;padding:.1rem .4rem;border-radius:4px;margin-top:.25rem}.app-container{max-width:800px;margin:0 auto;padding:4rem 1.5rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;position:relative;z-index:1}.hero-section{text-align:center;margin-bottom:3rem}.title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1rem;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:500px;margin:0 auto;font-weight:300}.shortener-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;width:100%;max-width:650px;box-shadow:0 25px 50px -12px #00000080;transition:transform .3s ease,box-shadow .3s ease}.shortener-card:hover{border-color:var(--glass-highlight)}.input-group{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.input-group{flex-direction:row}}.url-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.url-icon{position:absolute;left:1rem;color:var(--text-secondary);pointer-events:none}.url-input{width:100%;background:#0003;border:1px solid var(--glass-border);border-radius:12px;padding:1rem 3.5rem 1rem 3rem;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s ease;outline:none}.paste-icon-btn{position:absolute;right:1rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;transition:all .2s ease;z-index:10;border-radius:6px}.paste-icon-btn:hover:not(:disabled){color:var(--primary-accent);background:#ffffff0d;transform:scale(1.05)}.paste-icon-btn:disabled{opacity:.5;cursor:not-allowed}.tooltip-btn:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#0f172af2;color:var(--text-primary);padding:.4rem .75rem;border-radius:8px;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none;box-shadow:0 4px 12px #0000004d;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}.tooltip-btn:after{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%) translateY(4px);border-width:6px;border-style:solid;border-color:rgba(15,23,42,.95) transparent transparent transparent;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:20}.tooltip-btn:hover:not(:disabled):before,.tooltip-btn:hover:not(:disabled):after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.url-input:focus{border-color:var(--primary-accent);box-shadow:0 0 0 2px #8b5cf633;background:#0006}.url-input::placeholder{color:var(--text-secondary)}.submit-btn{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px -10px var(--primary-accent)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.3)}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-container{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--glass-border)}.result-box{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}@media (min-width: 480px){.result-box{flex-direction:row;align-items:center;justify-content:space-between}}.short-url{color:var(--success);font-size:1.25rem;font-weight:600;word-break:break-all;display:flex;align-items:center;gap:.5rem}.copy-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-primary);padding:.75rem 1.25rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-family:inherit;font-weight:500;transition:all .2s ease}.copy-btn:hover{background:#ffffff1a;border-color:var(--glass-highlight)}.copy-btn.copied{background:#10b9811a;border-color:var(--success);color:var(--success)}.error-message{margin-top:1rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:var(--error);display:flex;align-items:center;gap:.5rem;font-size:.9rem}.bg-shape{position:fixed;border-radius:50%;filter:blur(120px);z-index:0;opacity:.5;pointer-events:none}.shape-1{top:-10%;left:-10%;width:500px;height:500px;background:var(--primary-accent)}.shape-2{bottom:-20%;right:-10%;width:600px;height:600px;background:var(--secondary-accent)}.app-footer{width:100%;padding:5rem 2rem 2rem;background:#0f172a66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);margin-top:auto;position:relative;z-index:10}.footer-container{max-width:1200px;margin:0 auto}.footer-main{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:4rem;margin-bottom:4rem}.footer-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.company-info .footer-logo{text-decoration:none;font-size:1.5rem;font-weight:700;display:inline-block;margin-bottom:1.25rem}.logo-text{color:var(--text-primary)}.footer-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;max-width:320px}.social-links{display:flex;gap:1rem}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-secondary);transition:var(--transition)}.social-icon:hover{background:var(--primary-accent);color:#fff;transform:translateY(-3px);border-color:var(--primary-accent);box-shadow:0 8px 15px #8b5cf64d}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:var(--transition)}.footer-links a:hover{color:var(--primary-accent);padding-left:4px}.footer-links a.disabled-link{opacity:.5;cursor:not-allowed}.footer-links a.disabled-link:hover{color:var(--text-secondary);padding-left:0}.contact-link{display:flex;align-items:center;gap:.5rem}.footer-bottom{padding-top:2rem;border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.9rem}.author-name{color:var(--text-primary);font-weight:500}.footer-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;background:#10b9810d;padding:.4rem .75rem;border-radius:100px;border:1px solid rgba(16,185,129,.1)}.status-indicator{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 8px var(--success);animation:pulse-glow 2s infinite}@media (max-width: 992px){.footer-main{grid-template-columns:1.5fr 1fr;gap:3rem}}@media (max-width: 640px){.app-footer{padding:3rem 1.5rem 2rem}.footer-main{grid-template-columns:1fr;gap:2.5rem;text-align:center}.footer-description{margin:0 auto 1.5rem}.social-links{justify-content:center}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}}.legal-page{width:100%;max-width:900px!important;margin:0 auto;padding:6rem 1.5rem!important}.legal-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:3rem;box-shadow:0 25px 50px -12px #00000080}.legal-content h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.last-updated{color:var(--text-secondary);font-size:.9rem;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--glass-border)}.legal-content section{margin-bottom:2.5rem}.legal-content h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem}.legal-content p,.legal-content ul{color:var(--text-secondary);line-height:1.7;font-size:1.05rem}.legal-content ul{padding-left:1.5rem;margin-top:1rem}.legal-content li{margin-bottom:.5rem}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:3rem 0}.security-feature{background:#ffffff05;border:1px solid var(--glass-border);border-radius:20px;padding:2rem;transition:var(--transition);height:100%}.security-feature:hover{background:#ffffff0d;transform:translateY(-5px);border-color:var(--primary-accent);box-shadow:0 10px 30px -10px #8b5cf633}.security-icon-wrapper{background:#8b5cf61a;color:var(--primary-accent);width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.security-feature h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-primary);font-weight:600}.security-feature p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.security-badge-section{display:flex;align-items:center;gap:2.5rem;background:linear-gradient(135deg,#8b5cf60d,#3b82f60d);padding:3rem;border-radius:32px;border:1px solid rgba(139,92,246,.15);margin-top:5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.security-badge-content h2{font-size:1.75rem;margin-bottom:1rem}@media (max-width: 768px){.security-badge-section{flex-direction:column;text-align:center;gap:2rem;padding:2rem}}.help-hero{text-align:center;padding:4rem 1rem;background:radial-gradient(circle at center,rgba(139,92,246,.05) 0%,transparent 70%);border-radius:32px;margin-bottom:4rem}.search-container{max-width:600px;margin:2rem auto 0;position:relative}.search-input{width:100%;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.25rem 1.5rem 1.25rem 3.5rem;color:var(--text-primary);font-size:1.1rem;outline:none;transition:var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-input:focus{border-color:var(--primary-accent);background:#ffffff0d;box-shadow:0 0 0 4px #8b5cf61a}.search-icon-hero{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.faq-section{max-width:800px;margin:4rem auto}.faq-item{background:#ffffff05;border:1px solid var(--glass-border);border-radius:16px;margin-bottom:1rem;overflow:hidden;transition:var(--transition)}.faq-question{width:100%;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;color:var(--text-primary);font-size:1.1rem;font-weight:600;cursor:pointer;text-align:left}.faq-item:hover{border-color:#ffffff26;background:#ffffff0a}.faq-answer{max-height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0 1.5rem;color:var(--text-secondary);line-height:1.6}.faq-item.active{border-color:var(--primary-accent);background:#8b5cf605}.faq-item.active .faq-answer{max-height:500px;padding:0 1.5rem 1.5rem}.faq-icon{transition:transform .3s ease;color:var(--text-secondary)}.faq-item.active .faq-icon{transform:rotate(180deg);color:var(--primary-accent)}.dashboard-actions{display:flex;gap:.75rem}.action-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-secondary);padding:.4rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.action-btn.edit:hover{border-color:var(--primary-accent);color:var(--primary-accent)}.action-btn.delete:hover{border-color:var(--error);color:var(--error)}.edit-input-wrapper{display:flex;gap:.5rem;width:100%;margin-top:.5rem}.edit-input{flex:1;background:#0000004d;border:1px solid var(--glass-border);color:#fff;padding:.5rem .75rem;border-radius:8px;font-size:.85rem}.edit-input:focus{outline:none;border-color:var(--primary-accent);background:#00000080}.save-btn{background:var(--primary-accent);border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:opacity .2s}.save-btn:hover{opacity:.9}.cancel-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem}.cancel-btn:hover{background:#ffffff1a;color:#fff}.url-card{background:#ffffff08;border:1px solid var(--glass-border);padding:1.25rem;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;transition:transform .2s ease,border-color .2s ease}.url-card:hover{transform:translate(4px);border-color:#fff3;background:#ffffff0d}.loading-overlay{opacity:.5;pointer-events:none}.tabs-container{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--glass-border);padding-bottom:.5rem;overflow-x:auto}.tab-btn{background:none;border:none;color:var(--text-secondary);padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border-radius:8px;white-space:nowrap}.tab-btn:hover{background:#ffffff0d;color:#fff}.tab-btn.active{background:#8b5cf61a;color:var(--primary-accent);border:1px solid rgba(139,92,246,.2)}.admin-table-wrapper{width:100%;overflow-x:auto;background:#0003;border-radius:12px;border:1px solid var(--glass-border)}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem;text-align:left}.admin-table th{background:#ffffff0d;padding:1rem;color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--glass-border)}.admin-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.02);vertical-align:middle}.admin-table tr:hover td{background:#ffffff05}.badge{padding:.2rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge-starter{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.badge-pro{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.badge-business{background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.3);box-shadow:0 0 10px #8b5cf614}.badge-enterprise{background:linear-gradient(135deg,#d946ef1f,#8b5cf61f);color:#e879f9;border:1px solid rgba(217,70,239,.3);box-shadow:0 0 12px #d946ef1a}.badge-root{background:linear-gradient(135deg,#8b5cf640,#d946ef33);color:#f0abfc;border:1px solid rgba(217,70,239,.45);box-shadow:0 0 18px #8b5cf633;letter-spacing:.08em}.toggle-btn{padding:.3rem .6rem;font-size:.75rem;border-radius:6px;cursor:pointer;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-secondary);transition:all .2s}.toggle-btn:hover{background:#ffffff1a;color:#fff}.role-select{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-secondary);padding:.35rem .6rem;border-radius:8px;font-size:.85rem;cursor:pointer;outline:none;transition:all .2s ease;font-family:inherit}.role-select:hover{background:#ffffff1a;color:#fff}.role-select:focus{border-color:var(--primary-accent);box-shadow:0 0 0 2px #8b5cf61a}.role-select option{background:#0f172a;color:#fff}.search-container{position:relative;margin-bottom:2rem;width:100%}.search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;transition:color .2s}.search-input{width:100%;background:#ffffff08;border:1px solid var(--glass-border);border-radius:14px;padding:1.1rem 1rem 1.1rem 3.5rem;color:#fff;font-size:1rem;transition:all .2s ease;outline:none}.search-input:focus{background:#ffffff12;border-color:var(--primary-accent);box-shadow:0 0 0 4px #8b5cf61a}.search-input:focus+.search-icon{color:var(--primary-accent)}.search-input::placeholder{color:var(--text-secondary);opacity:.6}.empty-search-results{text-align:center;padding:4rem 2rem;color:var(--text-secondary);background:#ffffff05;border:1px dashed var(--glass-border);border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:1rem}@media (max-width: 768px){.app-container{padding:2rem 1rem}.title{font-size:2.5rem}.subtitle{font-size:1rem}.shortener-card{padding:1.5rem}.admin-table-wrapper{margin:0 -1rem;width:calc(100% + 2rem);border-radius:0;border-left:none;border-right:none}}@media (max-width: 480px){.title{font-size:2.2rem}.submit-btn{width:100%}.url-input{padding-right:1rem}.tab-btn{padding:.5rem .75rem;font-size:.8rem}.role-select{font-size:.75rem;padding:.25rem .4rem}.search-input{padding:1rem 1rem 1rem 3rem;font-size:.9rem}}.login-page-container{display:flex;min-height:calc(100vh - 160px);align-items:center;justify-content:center;padding:2rem;width:100%}.login-card{display:flex;width:100%;max-width:1000px;background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--nav-border);border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.login-illustration{flex:1;background:#050510;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-illustration img{width:100%;height:100%;object-fit:cover;opacity:.9}.login-form-container{flex:1;padding:4rem;display:flex;flex-direction:column;justify-content:center}.login-title{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary);line-height:1.2}.login-subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem}.login-form .input-group{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.login-input-wrapper{position:relative;width:100%}.login-input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;z-index:10}.login-input{width:100%;padding:1rem 1.25rem 1rem 3.5rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:1rem;transition:var(--transition)}.login-input:focus{outline:none;border-color:var(--primary-accent);background:#ffffff0d;box-shadow:0 0 0 3px #8b5cf633}.login-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:#fff;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #8b5cf633}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf64d}.login-divider{display:flex;align-items:center;text-align:center;margin:2rem 0;color:var(--text-secondary);font-size:.9rem}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid var(--nav-border)}.login-divider:before{margin-right:1rem}.login-divider:after{margin-left:1rem}.social-login-group{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.social-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;background:#ffffff08;border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition);color:var(--text-primary)}.social-btn.google-primary{flex:1;gap:.5rem;font-weight:600;font-size:1rem;background:#ffffff0d}.social-btn.google-primary:hover{background:#ffffff1a;border-color:var(--primary-accent)}.social-btn:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.login-footer-links{text-align:center;margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.login-footer-link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:var(--transition);cursor:pointer}.login-footer-link:hover{color:var(--text-primary)}.login-footer-link span{color:var(--primary-accent);font-weight:600}.login-footer-link span:hover{text-decoration:underline}@media (max-width: 992px){.login-card{flex-direction:column;max-width:500px}.login-illustration{display:none}.login-form-container{padding:3rem 2rem}}