:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;width:100%}body{min-width:320px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.landing-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;padding:20px}.landing-content{text-align:center;max-width:600px}.landing-title{font-size:3.5rem;margin-bottom:.5rem;background:linear-gradient(90deg,#e94560,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-subtitle{font-size:1.3rem;color:#a0a0a0;margin-bottom:3rem}.landing-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.feature{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.1rem;color:#e0e0e0}.feature-icon{font-size:1.5rem}.landing-cta{background:#ffffff0d;border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1)}.cta-text{margin-bottom:1rem;color:#b0b0b0}.admin-button{background:linear-gradient(90deg,#e94560,#ff6b6b);color:#fff;border:none;padding:12px 32px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.admin-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px #e9456066}.landing-footer{color:#606060;font-size:.9rem}.landing-footer p{margin:.5rem 0}.disclaimer{font-size:.75rem;font-style:italic}@media (max-width: 480px){.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1rem}}.admin-container{min-height:100vh;width:100%;background-color:#121212;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-content{max-width:1200px;margin:0 auto;padding:20px}@media (min-width: 768px){.admin-content{padding:40px 20px}}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:10px}.admin-title{font-size:clamp(1.5rem,5vw,2.5rem);margin:0;color:#0f0}.header-right{display:flex;align-items:center;gap:15px}.user-badge{display:flex;align-items:center;gap:8px;color:#888;font-size:.9rem}.admin-badge{background-color:#0f0;color:#000;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700}.logout-btn{padding:8px 16px;background-color:transparent;border:1px solid #666;border-radius:6px;color:#888;cursor:pointer;font-size:.9rem;transition:all .2s}.logout-btn:hover{border-color:#888;color:#e0e0e0}.admin-subtitle{color:#888;margin-bottom:30px;font-size:clamp(.85rem,2vw,1rem)}@media (min-width: 768px){.admin-subtitle{margin-bottom:40px}}.card{background-color:#1e1e1e;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 6px #0000004d}@media (min-width: 768px){.card{padding:30px;margin-bottom:40px}}.card h2{margin-top:0;margin-bottom:20px;font-size:clamp(1.1rem,3vw,1.5rem)}.create-form{display:flex;flex-direction:column;gap:10px}@media (min-width: 600px){.create-form{flex-direction:row}.url-input{flex:0 0 80%}.submit-btn{flex:0 0 calc(20% - 10px)}}.url-input{padding:12px 16px;font-size:1rem;background-color:#2a2a2a;border:2px solid #333;border-radius:8px;color:#e0e0e0;outline:none;transition:border-color .2s}.url-input:focus{border-color:#0f0}.submit-btn{padding:12px 24px;font-size:1rem;background-color:#0f0;color:#000;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:opacity .2s,transform .2s;white-space:nowrap}.error-message{margin-top:15px;padding:12px;background-color:#ff00001a;border:1px solid #ff4444;border-radius:8px;color:#f44}.success-message{margin-top:20px;padding:15px;background-color:#00ff001a;border:1px solid #00ff00;border-radius:8px;word-break:break-all}.success-message a{color:#0f0}.empty-state{color:#888;text-align:center;padding:40px 20px}.table-container{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse}.stats-table th{padding:15px 10px;text-align:left;color:#888;border-bottom:2px solid #333;font-size:.9rem;white-space:nowrap}.stats-table th:nth-child(3),.stats-table th:nth-child(5){text-align:center}.stats-table td{padding:15px 10px;border-bottom:1px solid #333}.short-code{background-color:#2a2a2a;padding:4px 8px;border-radius:4px;color:#0f0;font-size:.9rem}.url-link{color:#7ab8ff;text-decoration:none;word-break:break-all}.url-link:hover{text-decoration:underline}.clicks{text-align:center;font-weight:700;color:#888}.clicks.has-clicks{color:#0f0}.date{color:#888;font-size:.9rem;white-space:nowrap}.copy-btn{padding:6px 12px;background-color:#333;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.copy-btn:hover{background-color:#444}.copy-btn.copied{background-color:#0f0;color:#000}.mobile-cards{display:flex;flex-direction:column;gap:15px}.link-card{background-color:#2a2a2a;border-radius:8px;padding:15px}.link-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.clicks-badge{font-size:.85rem;color:#888;padding:4px 8px;background-color:#1e1e1e;border-radius:4px}.clicks-badge.has-clicks{color:#0f0}.link-card .url-link{display:block;margin-bottom:12px;font-size:.9rem}.link-card-footer{display:flex;justify-content:space-between;align-items:center}.desktop-only{display:none}.mobile-only{display:block}@media (min-width: 768px){.desktop-only{display:block}.mobile-only{display:none}}.tabs{display:flex;gap:10px;margin-bottom:20px}.tab{padding:12px 24px;background-color:#1e1e1e;border:2px solid #333;border-radius:8px;color:#888;cursor:pointer;font-size:1rem;transition:all .2s}.tab:hover{border-color:#444;color:#e0e0e0}.tab.active{border-color:#0f0;color:#0f0;background-color:#00ff001a}.users-table td{vertical-align:middle}.status-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:700}.status-badge.active{background-color:#0f03;color:#0f0}.status-badge.inactive{background-color:#f443;color:#f44}.role-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:700}.role-badge.admin{background-color:#0f03;color:#0f0}.role-badge.user{background-color:#8883;color:#888}.user-actions{display:flex;gap:8px;flex-wrap:wrap}.action-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.activate{background-color:#0f03;color:#0f0}.action-btn.activate:hover:not(:disabled){background-color:#00ff004d}.action-btn.deactivate{background-color:#ffa50033;color:orange}.action-btn.deactivate:hover:not(:disabled){background-color:#ffa5004d}.action-btn.toggle-admin{background-color:#7ab8ff33;color:#7ab8ff}.action-btn.toggle-admin:hover:not(:disabled){background-color:#7ab8ff4d}.action-btn.delete{background-color:#f443;color:#f44}.action-btn.delete:hover:not(:disabled){background-color:#ff44444d}.user-card{background-color:#2a2a2a;border-radius:8px;padding:15px}.user-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;flex-wrap:wrap;gap:8px}.user-name{font-weight:700;color:#e0e0e0;word-break:break-all}.user-badges{display:flex;gap:6px}.user-card-date{color:#888;font-size:.85rem;margin-bottom:12px}.user-card-actions{display:flex;flex-wrap:wrap;gap:8px}.register-container{min-height:100vh;background-color:#121212;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;justify-content:center;padding:20px}.register-card{background-color:#1e1e1e;border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 4px 6px #0000004d}.register-title{font-size:2rem;margin-bottom:10px;color:#0f0;text-align:center}.register-subtitle{color:#888;margin-bottom:30px;text-align:center;font-size:.9rem}.register-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:#888;font-size:.9rem}.form-input{width:100%;padding:12px 16px;font-size:1rem;background-color:#2a2a2a;border:2px solid #333;border-radius:8px;color:#e0e0e0;outline:none;box-sizing:border-box;transition:border-color .2s}.form-input:focus{border-color:#0f0}.form-input::placeholder{color:#666}.error-message{padding:12px;background-color:#ff00001a;border:1px solid #ff4444;border-radius:8px;color:#f44;text-align:center}.submit-btn{width:100%;padding:14px;font-size:1rem;background-color:#0f0;color:#000;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:opacity .2s,transform .2s}.submit-btn:hover:not(:disabled){transform:translateY(-1px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-link{text-align:center;margin-top:20px;color:#888;font-size:.9rem}.login-link a{color:#0f0;text-decoration:none}.login-link a:hover{text-decoration:underline}.success-icon{font-size:4rem;text-align:center;margin-bottom:20px}.success-text{color:#888;text-align:center;margin-bottom:10px;line-height:1.5}.redirect-text{color:#666;text-align:center;font-size:.85rem;margin-bottom:20px}.login-link-btn{display:block;width:100%;padding:14px;font-size:1rem;background-color:#333;color:#e0e0e0;border:none;border-radius:8px;text-align:center;text-decoration:none;transition:background-color .2s}.login-link-btn:hover{background-color:#444}