:root{--header-primary:#1a202c;--header-secondary:#4a5568;--header-accent:#4299e1;--header-accent-dark:#3182ce;--header-light:#f7fafc;--header-dark:#1a202c;--header-border:#e2e8f0;--header-shadow:0 1px 3px #0000000f;--header-gradient:linear-gradient(135deg,#667eea,#764ba2);--header-gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--header-transition:all 0.18s ease;--header-radius:8px;--header-height:64px;--header-height-mobile:56px;--header-gap:12px;--header-font-small:0.85rem;--header-font-xs:0.78rem}.header{animation:slideIn .28s ease-out;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--header-border);box-shadow:0 1px 3px #0000000f;box-shadow:var(--header-shadow);height:64px;height:var(--header-height);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header,.header-container{align-items:center;display:flex;width:100%}.header-container{box-sizing:border-box;gap:12px;gap:var(--header-gap);justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.logo,.logo-section{align-items:center;display:flex;gap:.75rem}.logo{color:inherit;text-decoration:none;transition:all .18s ease;transition:var(--header-transition)}.logo:hover{opacity:.95}.logo-image-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient);border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.logo-image{filter:brightness(0) invert(1);height:24px;object-fit:contain;width:24px}.platform-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient);-webkit-background-clip:text;background-clip:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:-.3px;line-height:1;white-space:nowrap}.header-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:.6rem}.language-selector-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--header-border);border-radius:8px;box-sizing:border-box;display:flex;height:36px;min-width:44px;padding:.25rem .5rem;position:relative;transition:all .18s ease;transition:var(--header-transition)}.language-selector-container:hover{border-color:#4299e1;border-color:var(--header-accent)}.language-icon{font-size:.875rem;margin-right:.25rem;opacity:.7}.language-selector{-webkit-appearance:none;appearance:none;background:#0000;border:none;color:#1a202c;color:var(--header-dark);cursor:pointer;font-size:.85rem;font-size:var(--header-font-small);font-weight:500;height:100%;min-width:60px;outline:none;padding:0 1rem 0 0}.dashboard-btn,.login-btn,.logout-btn,.refer-btn,.register-btn{border:none;border-radius:8px;border-radius:var(--header-radius);box-sizing:border-box;cursor:pointer;font-family:inherit;font-size:.85rem;font-size:var(--header-font-small);font-weight:600;gap:.5rem;height:40px;min-width:72px;padding:.5rem .9rem;text-decoration:none;transition:all .18s ease;transition:var(--header-transition);white-space:nowrap}.btn-icon,.dashboard-btn,.login-btn,.logout-btn,.refer-btn,.register-btn{align-items:center;display:inline-flex;justify-content:center;line-height:1}.btn-icon{font-size:.95rem}.refer-btn{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--header-gradient-secondary);border:none;box-shadow:0 2px 6px #f55f871f;color:#fff}.refer-btn:hover{opacity:.96;transform:translateY(-1px)}.dashboard-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--header-border);color:#4a5568;color:var(--header-secondary)}.dashboard-btn:hover{border-color:#4299e1;border-color:var(--header-accent);color:#4299e1;color:var(--header-accent)}.login-btn{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--header-border);color:#4a5568;color:var(--header-secondary)}.login-btn:hover{background:#f7fafc;background:var(--header-light);border-color:#4299e1;border-color:var(--header-accent);color:#4299e1;color:var(--header-accent)}.register-btn{background:var(--header-gradient)}.register-btn:hover{opacity:.96;transform:translateY(-1px)}.auth-actions,.user-actions,.user-profile{align-items:center;display:flex;gap:.5rem}.user-profile{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--header-border);border-radius:8px;padding:.25rem}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--header-gradient);font-size:.85rem}.user-info{align-items:center;gap:.5rem}.logout-btn{background:#0000;border:1px solid #0000;color:#4a5568;color:var(--header-secondary);font-size:.85rem;height:auto;min-width:64px;padding:.35rem .6rem}.logout-btn:hover{background:#e53e3e0d;color:#e53e3e}.dashboard-btn:focus,.language-selector:focus,.login-btn:focus,.logout-btn:focus,.refer-btn:focus,.register-btn:focus{border-radius:10px;border-radius:calc(var(--header-radius) + 2px);outline:3px solid #4299e12e;outline-offset:2px}.dashboard-btn:active,.login-btn:active,.logout-btn:active,.refer-btn:active,.register-btn:active{transform:translateY(0)}.dashboard-btn:disabled,.login-btn:disabled,.logout-btn:disabled,.refer-btn:disabled,.register-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.dashboard-btn.loading,.login-btn.loading,.refer-btn.loading,.register-btn.loading{animation:pulse 1.5s ease-in-out infinite}@media (max-width:1024px){.header-container{padding:0 1rem}.platform-name{font-size:1.25rem}.logo-image-container{height:36px;width:36px}.logo-image{height:22px;width:22px}}@media (max-width:768px){.header{height:56px;height:var(--header-height-mobile)}.header-container{gap:10px;padding:0 .75rem}.platform-name{font-size:1.15rem}.logo-image-container{height:34px;width:34px}.logo-image{height:20px;width:20px}.dashboard-btn,.login-btn,.refer-btn,.register-btn{font-size:.85rem;font-size:var(--header-font-small);height:36px;min-width:64px;padding:.45rem .7rem}.btn-icon{font-size:.9rem}.user-avatar{font-size:.8rem;height:30px;width:30px}}@media (max-width:480px){.header-container{align-items:center;gap:8px;padding:0 .5rem}.logo-image-container{height:30px;width:30px}.logo-image{height:18px;width:18px}.platform-name{font-size:1.05rem;font-weight:700}.header-actions{-webkit-overflow-scrolling:touch;gap:8px;overflow-x:auto;padding-bottom:2px}.dashboard-btn,.login-btn,.refer-btn,.register-btn{align-items:center;border-radius:8px;font-size:.78rem;font-size:var(--header-font-xs);gap:.4rem;height:34px;min-width:56px;padding:.35rem .6rem}.btn-icon{font-size:.9rem}.dashboard-btn span,.login-btn span,.refer-btn span,.register-btn span{display:inline-block;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-selector-container{height:32px;min-width:44px;padding:.15rem .4rem}.language-selector{font-size:.78rem;min-width:40px}.user-avatar{font-size:.78rem;height:28px;width:28px}.logout-btn{font-size:.78rem;min-width:52px;padding:.25rem .5rem}}@media (max-width:360px){.platform-name{font-size:.98rem}.dashboard-btn,.login-btn,.refer-btn,.register-btn{font-size:.75rem;height:32px;min-width:52px;padding:.3rem .5rem}.btn-icon{font-size:.85rem}.language-selector{font-size:.72rem}}.footer{background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 -4px 20px #0000001a;color:#fff;margin-top:auto;padding:2.5rem 1.5rem;position:relative}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-nav{display:flex;flex-wrap:wrap;gap:2rem}.footer-nav a{color:#a0aec0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s ease}.footer-nav a:hover{color:#fff;text-decoration:underline}.footer-content p{color:#a0aec0;font-size:.95rem;font-weight:400;margin:0}.help-btn{background:linear-gradient(135deg,#4299e1,#3182ce);border:none;border-radius:8px;box-shadow:0 2px 10px #4299e14d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.3px;padding:.75rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.help-btn:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0);box-shadow:0 4px 15px #4299e166;transform:translateY(-2px)}.help-btn:active{transform:translateY(0)}.help-btn:focus{outline:2px solid #4299e180;outline-offset:2px}.help-popup-overlay{align-items:center;animation:overlayFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.help-popup{animation:popupSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:2.5rem;width:90%}.popup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.75rem}.popup-header h3{color:#1a202c;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.8rem;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-btn:hover{background-color:#f5f5f5;color:#333}.close-btn:disabled{cursor:not-allowed;opacity:.5}.alert{align-items:center;border-radius:4px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.success-icon{color:#28a745;font-weight:700}.error-icon{color:#dc3545;font-weight:700}.form-group{margin-bottom:1.5rem}.form-group label{align-items:center;color:#2d3748;display:flex;justify-content:space-between}.form-group .optional{color:#666;font-size:.9em;font-weight:400}.char-count{color:#666;font-size:.8rem;font-weight:400}.form-group input,.form-group textarea{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#4299e1;box-shadow:0 0 0 3px #4299e126;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0}.form-group textarea{min-height:100px}.form-help{color:#666;display:block;font-size:.85rem;margin-top:4px}.form-group input:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.popup-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-btn,.send-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;min-width:100px;padding:.75rem 1.75rem;transition:all .2s ease}.send-btn{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 2px 10px #48bb784d;color:#fff}.send-btn:hover{background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 4px 15px #48bb7866;transform:translateY(-1px)}.send-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568}.cancel-btn:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}.cancel-btn:active,.send-btn:active{transform:translateY(0)}.cancel-btn:focus,.send-btn:focus{outline:2px solid #4299e180;outline-offset:2px}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.contact-info{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.info-text{color:#666;font-size:.9rem;line-height:1.5;margin:0}.info-text strong{color:#333}.info-text.small{color:#888;font-size:.8rem;margin-top:5px}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.footer{padding:2rem 1rem}.footer-content{flex-direction:column;gap:1rem;text-align:center}.footer-nav{gap:1.2rem;justify-content:center}.footer-nav a{font-size:.9rem}.help-popup{margin:1rem;padding:2rem;width:95%}.popup-actions{flex-direction:column-reverse;gap:.75rem}.cancel-btn,.send-btn{width:100%}}@media (max-width:480px){.footer-content p{font-size:.875rem}.help-btn{font-size:.9rem;padding:.625rem 1.5rem}.help-popup h3{font-size:1.25rem;margin-bottom:1.5rem}}.bulk-upload{font-size:14px;margin:0 auto;max-width:1000px;padding:20px}.upload-area{background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;cursor:pointer;margin-bottom:20px;padding:40px 15px;position:relative;text-align:center;transition:all .3s ease}.upload-area:hover{background-color:#f0f8ff;border-color:#007bff}.upload-area.dragover{background-color:#f0fff4;border-color:#28a745}.drag-overlay{align-items:center;background:#28a7451a;bottom:0;color:#28a745;display:flex;font-size:1.1em;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0}.upload-icon{font-size:36px;margin-bottom:16px}.file-requirements{color:#666;font-size:.85em;margin-top:8px}.browse-btn,.sample-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;margin-top:12px;padding:6px 12px;transition:background-color .3s}.browse-btn:hover,.sample-btn:hover{background-color:#0056b3}.generate-btn{background-color:#28a745;font-size:1em;margin-top:16px;padding:8px 16px;transition:all .3s}.generate-btn:disabled{background-color:#6c757d}.generate-btn:hover:not(:disabled){background-color:#218838;box-shadow:0 2px 4px #28a74533;transform:translateY(-1px)}.sample-btn{background-color:#6c757d;margin-top:10px}.sample-btn:hover{background-color:#5a6268}.file-selected{align-items:center;display:flex;gap:16px;justify-content:center}.file-selected span{color:#333;font-size:.95em;font-weight:700}.file-selected button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;padding:4px 10px}.file-selected button:hover{background-color:#c82333}.generate-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:15px;text-align:center}.generate-note{color:#666;font-size:.85em;margin-top:8px}.loading-section{margin:20px 0;text-align:center}.progress-container{background-color:#e9ecef;border-radius:4px;height:6px;margin:8px auto;max-width:350px;overflow:hidden}.progress-bar{background-color:#28a745;height:100%;transition:width .3s ease}.processing-text{color:#666;font-size:.85em;margin-top:6px}.errors-container,.results-container{background-color:#f8f9fa;border-radius:8px;margin-top:25px;padding:15px}.errors-container h4,.results-container h4{color:#333;font-size:1.1em;margin-bottom:12px;margin-top:0}.error-item{background-color:#fff;border-radius:4px;margin-bottom:10px;padding:8px 12px}.error-item strong{color:#dc3545;display:block;font-size:.95em;margin-bottom:4px}.error-item ul{margin:0;padding-left:20px}.error-item li{color:#666;font-size:.85em}.results-summary{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-bottom:15px;padding:12px}.status-indicator{border-radius:4px;font-size:.9em;font-weight:700;padding:4px 10px}.status-indicator.success{background-color:#d4edda;color:#155724}.status-indicator.error{background-color:#f8d7da;color:#721c24}.results-table{background-color:#fff;border-radius:8px;box-shadow:0 1px 5px #0000001a}.table-header{grid-gap:10px;background-color:#f1f3f5;border-bottom:2px solid #dee2e6;font-size:.9em;font-weight:700;gap:10px;grid-template-columns:1fr 2fr 1fr 100px;padding:10px}.table-body{max-height:400px;overflow-y:auto}.result-item{grid-gap:10px;align-items:center;border-bottom:1px solid #e9ecef;display:grid;font-size:.9em;gap:10px;grid-template-columns:1fr 2fr 1fr 100px;padding:10px}.result-item:hover{background-color:#f8f9fa}.col-alias code{background-color:#e9ecef;border-radius:4px;font-family:monospace;font-size:.85em;padding:3px 6px}.col-url a{color:#007bff;text-decoration:none;word-break:break-all}.col-url a:hover{text-decoration:underline}.col-analytics a{color:#17a2b8;font-size:.85em;text-decoration:none}.col-analytics a:hover{text-decoration:underline}.col-actions{gap:5px}.copy-btn-small,.open-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:all .2s;width:30px}.copy-btn-small{background-color:#6c757d;color:#fff}.copy-btn-small:hover{background-color:#5a6268}.open-btn{background-color:#007bff;color:#fff;text-decoration:none}.open-btn:hover{background-color:#0056b3}.table-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6;font-size:.85em;padding:10px;text-align:center}.download-all-link{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9em;margin-left:6px;text-decoration:underline}.download-all-link:hover{color:#0056b3}.download-csv-btn{align-items:center;background-color:#28a745;border-radius:4px;display:flex;font-size:.85em;gap:5px;padding:6px 12px;transition:background-color .3s}.download-csv-btn:hover{background-color:#218838}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.results-header h4{font-size:1em}.sample-section{margin-top:15px;text-align:center}@media (max-width:768px){.result-item,.table-header{gap:8px;grid-template-columns:1fr 1fr}.col-actions,.col-analytics{grid-column:span 2}.upload-area{padding:30px 12px}.results-header{align-items:flex-start;flex-direction:column;gap:10px}.generate-btn{width:100%}}.password-protection{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:1.5rem 0}.feature-label{margin-bottom:1rem}.feature-label:last-child{margin-bottom:0}.password-input{align-items:center;display:flex;margin-top:.25rem;position:relative}.password-input input{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:.95rem;padding:.7rem 2.5rem .7rem .75rem;transition:border-color .2s,box-shadow .2s}.password-input input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.toggle-password{padding:.3rem}input[type=password],input[type=text],textarea{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:.95rem;margin-top:.25rem;padding:.7rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}input:focus,textarea:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}textarea{min-height:80px;resize:vertical}.password-protection>.feature-label:not(:last-child){margin-bottom:1.25rem}.feature-scheduled-redirect{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:1.5rem 0;max-width:100%;width:100%}.scheduled-fields{animation:slideDown .2s ease;margin-top:1rem;padding-left:1.75rem;width:100%}.feature-label input[type=datetime-local],.feature-label textarea{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:6px;display:block;font-family:inherit;font-size:.95rem;margin-top:.25rem;max-width:100%;padding:.7rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.feature-label input[type=datetime-local]:focus,.feature-label textarea:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.feature-label textarea{min-height:60px;resize:vertical}.feature-label input::placeholder,.feature-label textarea::placeholder{color:#aaa;font-size:.9rem;opacity:1}@media (max-width:480px){.scheduled-fields{padding-left:0}.checkbox-label{align-items:flex-start}}.feature-link-expiration{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:1rem 0;max-width:100%;width:100%}.checkbox-label{flex-wrap:wrap}.checkbox-custom{flex-shrink:0}.checkbox-text{flex:1 1;word-break:break-word}.expiration-fields{animation:slideDown .2s ease;margin-top:1rem;padding-left:1.75rem;width:100%}.form-row{margin-bottom:1rem}.feature-label,.form-row{width:100%}.feature-label input{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:6px;display:block;font-size:.95rem;margin-top:.25rem;max-width:100%;padding:.7rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.feature-label input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.feature-label input[type=datetime-local]{color:#333;font-family:inherit;min-height:2.5rem}.feature-label input[type=url]::placeholder{color:#aaa;font-size:.9rem;opacity:1}.field-hint{word-wrap:break-word;color:#888;display:block;font-size:.8rem;line-height:1.4;margin-top:.25rem}@media (max-width:480px){.expiration-fields{padding-left:0}.checkbox-label{align-items:flex-start}}.feature-multiple-destination{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:1.5rem 0}.checkbox-label{color:#333;font-size:.95rem;gap:.5rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.checkbox-custom{background:#fff;border:2px solid #d0d0d0;border-radius:4px;display:inline-block;height:1.25rem;position:relative;transition:all .2s;width:1.25rem}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#667eea;border-color:#667eea}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.checkbox-label input[type=checkbox]:focus+.checkbox-custom{box-shadow:0 0 0 3px #667eea33}.checkbox-text{color:#555;font-weight:500}.rules-container{animation:slideDown .2s ease;margin-top:1.5rem;padding-left:1.75rem}.rule-card{background-color:#f8fafc;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:1.25rem;padding:1.25rem;transition:box-shadow .2s}.rule-card:hover{box-shadow:0 4px 12px #0000001a}.rule-card.rule-invalid{background-color:#fff5f5}.rule-header{justify-content:space-between;margin-bottom:1rem}.rule-header,.rule-title{align-items:center;display:flex}.rule-title{gap:.75rem}.rule-number{color:#333;font-size:.95rem;font-weight:600}.validation-warning{background-color:#feebc8;border-radius:4px;color:#ed8936;font-size:.8rem;font-weight:500;padding:.2rem .5rem}.remove-rule-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;line-height:1;padding:0 .25rem;transition:color .2s}.remove-rule-btn:hover{color:#e53e3e}.rule-destination{margin-bottom:1.25rem}.feature-label{color:#555;display:block;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.destination-input-wrapper{position:relative}.rule-destination input[type=url]{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;display:block;font-size:.95rem;margin-top:.25rem;padding:.7rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.rule-destination input[type=url]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.rule-destination input[type=url].error{background-color:#fff5f5;border-color:#e53e3e}.rule-destination input[type=url].error:focus{box-shadow:0 0 0 3px #e53e3e1a}.field-error{background:#fff5f5;border-radius:4px;color:#e53e3e;font-size:.75rem;padding:.2rem .5rem;pointer-events:none;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.rule-conditions{margin-bottom:1rem}.condition-row,.rule-conditions .feature-label{margin-bottom:.75rem}.condition-row{align-items:flex-start;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:.75rem;padding:.75rem}.condition-row .value-input,.condition-row select{flex:1 1;min-width:0}.condition-row select{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-size:.9rem;padding:.6rem;transition:border-color .2s}.condition-row select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.condition-row select:disabled{background-color:#f0f0f0;color:#888}.field-select{max-width:140px}.operator-select{max-width:120px}.value-input{flex:2 1}.value-input .multi-select-input select,.value-input input[type=text],.value-input select{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;padding:.6rem;transition:border-color .2s;width:100%}.value-input .multi-select-input select:focus,.value-input input[type=text]:focus,.value-input select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.multi-select-input select{height:auto;min-height:100px}.multi-select-input .field-hint{color:#888;display:block;font-size:.7rem;margin-top:.25rem}.time-input-group{display:flex;flex-wrap:wrap;gap:.5rem}.time-input-group select{flex:1 1;min-width:120px}.time-input-group input{border:1px solid #e0e0e0;border-radius:4px;flex:2 1;font-size:.9rem;min-width:140px;padding:.6rem}.remove-condition-btn{align-self:center;background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;line-height:1;padding:0 .25rem;transition:color .2s}.remove-condition-btn:hover{color:#e53e3e}.add-condition-btn{background:none;border:1px dashed #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-size:.85rem;font-weight:500;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .2s,border-color .2s}.add-condition-btn:hover{background-color:#667eea0d;border-color:#5a67d8}.rule-preview{background-color:#e6f7ff;border-radius:6px;color:#2c3e50;font-size:.85rem;line-height:1.5;margin-top:1rem;padding:.75rem}.condition-tag{background-color:#fff;border:1px solid #b3e0ff;border-radius:4px;display:inline-block;font-family:monospace;font-size:.8rem;margin:0 .1rem;padding:.2rem .4rem}.destination-preview{color:#0056b3;font-weight:500;word-break:break-all}.rules-actions{margin-top:1.5rem}.add-rule-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.7rem 1.5rem;transition:transform .2s,box-shadow .2s}.add-rule-btn:hover{box-shadow:0 5px 15px #667eea33;transform:translateY(-2px)}.feature-note{align-items:flex-start;background-color:#f0f4f8;border-radius:6px;color:#2d3748;display:flex;font-size:.85rem;gap:.5rem;margin-top:1.5rem;padding:.75rem 1rem}.note-icon{font-size:1rem}@media (max-width:768px){.rules-container{padding-left:0}.condition-row{flex-wrap:wrap}.condition-row .value-input,.condition-row select{flex:1 1 100%}.field-select,.operator-select{max-width:none}.time-input-group{flex-direction:column}.rule-header{flex-wrap:wrap;gap:.5rem}.rule-preview{font-size:.8rem}}:root{--output-primary:#3a86ff;--output-primary-dark:#2a76ef;--output-secondary:#8338ec;--output-success:#06d6a0;--output-danger:#ef476f;--output-warning:#ffd166;--output-dark:#1a1a2e;--output-light:#f8f9fa;--output-gray:#6c757d;--output-gray-light:#e9ecef;--output-border:#dee2e6;--output-shadow-sm:0 2px 4px #0000000d;--output-shadow-md:0 4px 6px #00000012;--output-shadow-lg:0 10px 15px #0000001a;--output-radius-sm:6px;--output-radius-md:8px;--output-radius-lg:12px;--output-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.generated-output{animation:fadeIn .3s ease;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0 auto;max-width:800px;padding:1.5rem}.output-container{background:#fff;border:1px solid #dee2e6;border:1px solid var(--output-border);border-radius:12px;border-radius:var(--output-radius-lg);box-shadow:0 4px 6px #00000012;box-shadow:var(--output-shadow-md);box-sizing:border-box;margin-bottom:1.5rem;overflow:hidden;padding:2rem}.output-container h3{align-items:center;color:#1a1a2e;color:var(--output-dark);display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;justify-content:center;margin:0 0 1.5rem;text-align:center}.output-container h3:before{content:"✅";font-size:1.2rem}.output-section{box-sizing:border-box;margin-bottom:1.5rem}.output-section:last-child{margin-bottom:0}.output-section label{color:#1a1a2e;color:var(--output-dark);display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.url-display{align-items:center;background:#f8f9fa;background:var(--output-light);border:1px solid #dee2e6;border:1px solid var(--output-border);border-radius:8px;border-radius:var(--output-radius-md);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.url-display a{color:#3a86ff;color:var(--output-primary);flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.95rem;font-weight:500;min-width:0;overflow-wrap:break-word;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--output-transition);word-break:break-all}.url-display a:hover{color:#2a76ef;color:var(--output-primary-dark);text-decoration:underline}.copy-btn{background:#fff;border:1px solid #dee2e6;border:1px solid var(--output-border);border-radius:6px;border-radius:var(--output-radius-sm);box-sizing:border-box;color:#6c757d;color:var(--output-gray);cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:500;min-width:80px;padding:.5rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--output-transition);white-space:nowrap}.copy-btn:hover{background:#3a86ff;background:var(--output-primary);border-color:#3a86ff;border-color:var(--output-primary);color:#fff}.copy-btn:active{transform:translateY(1px)}.qr-output-section{grid-gap:2rem;box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:1fr;max-width:100%;width:100%}@media (min-width:640px){.qr-output-section{grid-template-columns:250px 1fr}}.qr-display{align-items:center;background:#fff;border:1px solid #dee2e6;border:1px solid var(--output-border);border-radius:8px;border-radius:var(--output-radius-md);box-shadow:0 2px 4px #0000000d;box-shadow:var(--output-shadow-sm);box-sizing:border-box;display:flex;justify-content:center;max-width:100%;overflow:hidden;padding:1.5rem;width:100%}.qr-image{height:auto;max-height:200px;max-width:200px;object-fit:contain;width:100%}.qr-info{flex-direction:column;gap:1.25rem;max-width:100%}.qr-actions,.qr-info{box-sizing:border-box;display:flex;width:100%}.qr-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.download-btn,.share-btn{border:none;border-radius:8px;border-radius:var(--output-radius-md);box-sizing:border-box;cursor:pointer;flex:1 1;font-family:inherit;font-size:.875rem;font-weight:600;min-width:140px;padding:.75rem 1rem;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--output-transition)}.download-btn{background:linear-gradient(135deg,#3a86ff,#8338ec);background:linear-gradient(135deg,var(--output-primary),var(--output-secondary));box-shadow:0 2px 4px #3a86ff33;color:#fff}.download-btn:hover{box-shadow:0 4px 8px #3a86ff40;transform:translateY(-2px)}.share-btn{background:#fff;border:1px solid #dee2e6;border:1px solid var(--output-border);color:#1a1a2e;color:var(--output-dark)}.share-btn:hover{background:#f8f9fa;background:var(--output-light);border-color:#3a86ff;border-color:var(--output-primary);color:#3a86ff;color:var(--output-primary)}.analytics-link{margin-top:.5rem}.analytics-link a{align-items:center;color:#06d6a0;color:var(--output-success);display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--output-transition);word-break:break-word}.analytics-link a:hover{color:#06d6a0;color:var(--output-success);text-decoration:underline}.analytics-link a:before{content:"📊";font-size:.875rem}.bulk-summary{background:linear-gradient(135deg,#06d6a00d,#3a86ff0d);border:1px solid #06d6a01a;border-radius:8px;border-radius:var(--output-radius-md);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem;padding:1rem}.bulk-summary p{color:#1a1a2e;color:var(--output-dark);font-size:1rem;margin:0}.bulk-summary strong{color:#06d6a0;color:var(--output-success);font-size:1.25rem}.bulk-summary p:last-child strong{color:#ef476f;color:var(--output-danger)}.bulk-results{background:#f8f9fa;background:var(--output-light);border:1px solid #dee2e6;border:1px solid var(--output-border);border-radius:8px;border-radius:var(--output-radius-md);box-sizing:border-box;overflow:hidden;padding:1.5rem}.bulk-results h4{align-items:center;color:#1a1a2e;color:var(--output-dark);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.bulk-results h4:before{content:"📋";font-size:1rem}.results-table{border:1px solid #dee2e6;border:1px solid var(--output-border);border-radius:6px;border-radius:var(--output-radius-sm);box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:1rem;max-width:100%;overflow:hidden}.table-header{background:#3a86ff;background:var(--output-primary);box-sizing:border-box;color:#fff;display:grid;font-size:.8rem;grid-template-columns:1fr 2fr 1fr;letter-spacing:.5px}.table-header div{box-sizing:border-box;padding:.75rem 1rem;text-align:left}.table-row{background:#fff;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--output-border);box-sizing:border-box;display:grid;grid-template-columns:1fr 2fr 1fr;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--output-transition)}.table-row:hover{background:#3a86ff0d}.table-row div{align-items:center;box-sizing:border-box;color:#1a1a2e;color:var(--output-dark);display:flex;font-size:.875rem;min-width:0;padding:.75rem 1rem}.table-row div a{color:#3a86ff;color:var(--output-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:500;overflow-wrap:break-word;text-decoration:none;word-break:break-all}.table-row div a:hover{text-decoration:underline}.row-actions{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.row-actions a,.row-actions button{background:#0000;border:1px solid #dee2e6;border:1px solid var(--output-border);border-radius:6px;border-radius:var(--output-radius-sm);box-sizing:border-box;color:#6c757d;color:var(--output-gray);cursor:pointer;flex-shrink:0;font-size:.75rem;padding:.25rem .5rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--output-transition)}.row-actions a:hover,.row-actions button:hover{background:#3a86ff;background:var(--output-primary);border-color:#3a86ff;border-color:var(--output-primary);color:#fff}.more-results{background:#fff;border:1px dashed #dee2e6;border:1px dashed var(--output-border);border-radius:6px;border-radius:var(--output-radius-sm);box-sizing:border-box;color:#6c757d;color:var(--output-gray);font-size:.875rem;margin:1rem 0;padding:.5rem;text-align:center}.download-csv-btn{background:linear-gradient(135deg,#06d6a0,#06b38a);background:linear-gradient(135deg,var(--output-success),#06b38a);border:none;border-radius:8px;border-radius:var(--output-radius-md);box-shadow:0 2px 4px #06d6a033;box-sizing:border-box;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--output-transition);width:100%}.download-csv-btn:hover{box-shadow:0 4px 8px #06d6a040;transform:translateY(-2px)}.text-output-section{grid-gap:2rem;box-sizing:border-box;display:grid;gap:2rem;grid-template-columns:1fr;width:100%}@media (min-width:768px){.text-output-section{grid-template-columns:2fr 1fr}}.text-preview h4{align-items:center;color:#1a1a2e;color:var(--output-dark);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .75rem}.text-preview h4:before{content:"👁️";font-size:.875rem}.text-page-preview{align-items:center;border:1px solid #dee2e6;border:1px solid var(--output-border);border-radius:8px;border-radius:var(--output-radius-md);box-shadow:0 2px 4px #0000000d;box-shadow:var(--output-shadow-sm);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:200px;overflow:hidden;padding:2rem}.text-content{line-height:1.6;margin-bottom:1.5rem;max-width:500px;text-align:center;word-break:break-word}.response-indicator{background:#06d6a01a;border:1px solid #06d6a033;border-radius:6px;border-radius:var(--output-radius-sm);box-sizing:border-box;color:#06d6a0;color:var(--output-success);font-size:.875rem;font-weight:500;padding:.5rem 1rem}.text-info{gap:1.5rem}.qr-section,.text-info{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.qr-section{align-items:center;background:#f8f9fa;background:var(--output-light);border:1px solid #dee2e6;border:1px solid var(--output-border);border-radius:8px;border-radius:var(--output-radius-md);gap:1rem;max-width:100%;padding:1.5rem}.qr-section .qr-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;width:100%}.qr-section .qr-actions a,.qr-section .qr-actions button{background:#fff;border:1px solid #dee2e6;border:1px solid var(--output-border);border-radius:6px;border-radius:var(--output-radius-sm);box-sizing:border-box;color:#6c757d;color:var(--output-gray);cursor:pointer;flex-shrink:0;font-size:.8rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--output-transition)}.qr-section .qr-actions a:hover,.qr-section .qr-actions button:hover{background:#3a86ff;background:var(--output-primary);border-color:#3a86ff;border-color:var(--output-primary);color:#fff}.output-actions{border-top:1px solid #dee2e6;border-top:1px solid var(--output-border);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem;padding-top:1.5rem;width:100%}.analytics-btn,.new-btn{border-radius:8px;border-radius:var(--output-radius-md);box-sizing:border-box;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;min-width:160px;padding:.875rem 2rem;text-align:center;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--output-transition)}.new-btn{background:linear-gradient(135deg,#3a86ff,#8338ec);background:linear-gradient(135deg,var(--output-primary),var(--output-secondary));border:none;box-shadow:0 2px 4px #3a86ff33;color:#fff}.new-btn:hover{box-shadow:0 4px 8px #3a86ff40;transform:translateY(-2px)}.analytics-btn{background:#fff;border:1px solid #3a86ff;border:1px solid var(--output-primary);color:#3a86ff;color:var(--output-primary)}.analytics-btn:hover{background:#3a86ff;background:var(--output-primary);color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.generated-output{padding:1rem}.output-container{margin-left:0;margin-right:0;padding:1.5rem;width:100%}.output-container h3{font-size:1.25rem}.qr-output-section{gap:1.5rem;grid-template-columns:1fr}.qr-display{margin:0 auto;max-width:250px}.qr-actions{flex-direction:column}.download-btn,.share-btn{min-width:auto;width:100%}.bulk-summary{flex-direction:column;gap:.75rem;padding:1rem}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.table-header div{display:none}.table-header div:first-child{background:#3a86ff;background:var(--output-primary);color:#fff;display:block}.row-actions{justify-content:center}.output-actions{flex-direction:column;gap:.75rem}.analytics-btn,.new-btn{min-width:auto;width:100%}}@media (max-width:480px){.url-display{align-items:stretch;flex-direction:column;gap:.75rem}.copy-btn{width:100%}.qr-display{padding:1rem}.qr-image{max-width:180px}.download-btn,.share-btn{font-size:.85rem;padding:.625rem .875rem}.text-page-preview{padding:1.5rem}}.copy-btn.copied{animation:pulse .5s ease;background:#06d6a0;background:var(--output-success);border-color:#06d6a0;border-color:var(--output-success);color:#fff}a:focus,button:focus,input:focus{outline:2px solid #3a86ff;outline:2px solid var(--output-primary);outline-offset:2px}button.loading{color:#0000;position:relative}button.loading:after{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}body{overflow-x:hidden}:root{--url-primary:#3a86ff;--url-primary-dark:#2a76ef;--url-secondary:#8338ec;--url-success:#06d6a0;--url-danger:#ef476f;--url-warning:#ffd166;--url-dark:#1a1a2e;--url-light:#f8f9fa;--url-gray:#6c757d;--url-gray-light:#e9ecef;--url-border:#dee2e6;--url-shadow-sm:0 2px 4px #0000000d;--url-shadow-md:0 4px 6px #00000012;--url-shadow-lg:0 10px 15px #0000001a;--url-radius-sm:6px;--url-radius-md:8px;--url-radius-lg:12px;--url-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--inner-gap-desktop:16px;--inner-gap-tablet:12px;--inner-gap-mobile:8px}.url-shortener{background:#0000;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0 auto;max-width:600px;padding:1.5rem;width:100%}.mode-selector{margin-bottom:2rem}.mode-toggle{background:#fff;border:1px solid #dee2e6;border:1px solid var(--url-border);border-radius:8px;border-radius:var(--url-radius-md);box-shadow:0 2px 4px #0000000d;box-shadow:var(--url-shadow-sm);display:flex;gap:.25rem;padding:.25rem}.mode-btn{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--url-radius-sm);color:#6c757d;color:var(--url-gray);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--url-transition)}.mode-btn:hover{background:#f8f9fa;background:var(--url-light);color:#1a1a2e;color:var(--url-dark)}.mode-btn.active{background:linear-gradient(135deg,#3a86ff,#8338ec);background:linear-gradient(135deg,var(--url-primary),var(--url-secondary));box-shadow:0 2px 4px #3a86ff33;color:#fff}.shortener-form{background:#fff;border:1px solid #dee2e6;border:1px solid var(--url-border);border-radius:12px;border-radius:var(--url-radius-lg);box-shadow:0 4px 6px #00000012;box-shadow:var(--url-shadow-md);box-sizing:border-box;padding:2rem;width:100%}.shortener-form .form-group:first-child{margin-top:0}.shortener-form .form-group{box-sizing:border-box;padding-left:16px;padding-left:var(--inner-gap-desktop);padding-right:16px;padding-right:var(--inner-gap-desktop)}.form-header{margin-bottom:2rem;text-align:center}.form-title{align-items:center;color:#1a1a2e;color:var(--url-dark);display:flex;font-size:1.75rem;font-weight:700;gap:.5rem;justify-content:center;margin:0}.form-group{margin-bottom:1.75rem}.form-label{color:#1a1a2e;color:var(--url-dark);font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.form-label,.input-wrapper{align-items:center;display:flex}.input-wrapper{position:relative}.alias-input,.url-input{background:#fff;border:2px solid #dee2e6;border:2px solid var(--url-border);border-radius:8px;border-radius:var(--url-radius-md);box-sizing:border-box;font-family:inherit;font-size:1rem;min-height:48px;padding:1rem 2.5rem 1rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--url-transition);width:100%}.alias-input:focus,.url-input:focus{border-color:#3a86ff;border-color:var(--url-primary);box-shadow:0 0 0 3px #3a86ff1a;outline:none}.alias-input::placeholder,.url-input::placeholder{color:#a0aec0;opacity:.7}.input-icon{color:#6c757d;color:var(--url-gray);font-size:1rem;pointer-events:none;position:absolute;right:1rem}.preview-url{align-items:center;background:#f8f9fa;background:var(--url-light);border-radius:6px;border-radius:var(--url-radius-sm);display:flex;font-size:.9rem;gap:.5rem;margin-top:.75rem;padding:.75rem}.preview-label{color:#1a1a2e;color:var(--url-dark);font-weight:600}.preview-value{color:#3a86ff;color:var(--url-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;word-break:break-all}.advanced-section{box-sizing:border-box;margin:2rem 0;padding-left:16px;padding-left:var(--inner-gap-desktop);padding-right:16px;padding-right:var(--inner-gap-desktop)}.section-toggle-btn{background:var(--url-light);border:1px solid #dee2e6;border:1px solid var(--url-border);border-radius:var(--url-radius-md);box-sizing:border-box;color:#1a1a2e;color:var(--url-dark);min-height:48px;padding:1rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--url-transition)}.section-toggle-btn .toggle-icon{font-size:1rem;margin-right:.5rem}.section-toggle-btn .login-indicator{color:#ffd166;color:var(--url-warning);font-size:.9rem}.section-toggle-btn .toggle-arrow{color:#6c757d;color:var(--url-gray);font-size:.95rem}.section-toggle-btn span{display:inline-block;max-width:72%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.error-message{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:1px solid #fc8181;border-radius:var(--url-radius-md);color:#c53030;font-size:.95rem}.form-actions{box-sizing:border-box;margin-top:2rem;padding-left:16px;padding-left:var(--inner-gap-desktop);padding-right:16px;padding-right:var(--inner-gap-desktop)}.generate-btn{align-items:center;background:linear-gradient(135deg,var(--url-primary),var(--url-secondary));border-radius:var(--url-radius-md);box-sizing:border-box;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;min-height:52px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--url-transition)}.generate-btn .btn-icon{font-size:1.25rem}.generate-btn span{display:inline-block;max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}@media (max-width:640px){:root{--inner-gap-desktop:var(--inner-gap-tablet)}.url-shortener{max-width:520px;padding:1rem}.shortener-form{padding:1.5rem}.form-title{font-size:1.5rem}.mode-btn{font-size:.95rem;min-height:40px;padding:.75rem .5rem}.alias-input,.url-input{font-size:.95rem;min-height:44px;padding:.875rem 2.25rem .875rem .875rem}.generate-btn{font-size:1rem;min-height:48px;padding:.875rem 1.5rem}}@media (max-width:480px){:root{--inner-gap-desktop:var(--inner-gap-mobile)}.url-shortener{box-sizing:border-box;margin-left:0!important;margin-right:0!important;max-width:100vw!important;padding:10px 12px!important;width:100%!important}.shortener-form{border-radius:6px;padding:12px}.form-title{font-size:1.2rem}.form-label{font-size:.95rem}.alias-input,.url-input{font-size:.85rem;min-height:34px;padding:6px 28px 6px 8px}.mode-toggle{gap:4px;padding:4px}.mode-btn{font-size:.8rem;min-height:34px;padding:6px 8px}.preview-url{font-size:.75rem;padding:6px 8px}.advanced-section{margin:16px 0;padding-left:16px;padding-left:var(--inner-gap-desktop);padding-right:16px;padding-right:var(--inner-gap-desktop)}.section-toggle-btn{border-radius:6px;font-size:.82rem;gap:6px;min-height:36px;padding:8px 10px}.section-toggle-btn .toggle-icon{font-size:.85rem}.section-toggle-btn .login-indicator,.section-toggle-btn .toggle-arrow{font-size:.72rem}.section-toggle-btn span:not(.toggle-icon):not(.login-indicator):not(.toggle-arrow){display:inline-block;font-size:.78rem;line-height:1;max-width:68%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.advanced-content{padding:10px}.login-prompt-message{font-size:.9rem}.login-prompt-features li{font-size:.75rem;padding:6px 8px}.generate-btn{border-radius:8px;font-size:.92rem;min-height:40px;padding:8px 12px}.generate-btn .btn-icon{font-size:1rem}.generate-btn span:not(.btn-icon){display:inline-block;font-size:.82rem;line-height:1;max-width:calc(100% - 36px);overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.btn-icon{font-size:.95rem}input,select,textarea{-webkit-text-size-adjust:none;font-size:13px}}@media (max-width:360px){.form-title{font-size:1.05rem}.alias-input,.url-input{font-size:.8rem;min-height:32px;padding:6px 24px 6px 8px}.generate-btn{font-size:.85rem;min-height:36px;padding:7px 10px}.generate-btn .btn-icon{font-size:.9rem}.section-toggle-btn{font-size:.72rem;min-height:34px;padding:6px 8px}.section-toggle-btn .toggle-icon{font-size:.8rem}.section-toggle-btn .login-indicator,.section-toggle-btn .toggle-arrow{font-size:.68rem}.section-toggle-btn span:not(.toggle-icon):not(.login-indicator):not(.toggle-arrow){font-size:.72rem;max-width:66%}.generate-btn span:not(.btn-icon){font-size:.75rem;max-width:calc(100% - 32px)}}:root{--primary-color:#3a86ff;--secondary-color:#8338ec;--success-color:#06d6a0;--danger-color:#ef476f;--warning-color:#ffd166;--dark-color:#1a1a2e;--gray-color:#6c757d;--gray-light:#e9ecef;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--transition:all 0.3s ease;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem}.qr-shortener{font-family:Inter,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:1200px;padding:1.5rem;padding:var(--spacing-md)}.qr-form{background:#fff;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);padding:2rem;padding:var(--spacing-lg)}.form-group{margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.form-group label{color:#1a1a2e;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=url]{background:#fff;border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;transition:var(--transition);width:100%}.form-group input[type=text]:focus,.form-group input[type=url]:focus{border-color:#3a86ff;border-color:var(--primary-color);box-shadow:0 0 0 3px #3a86ff1a;outline:none}.alias-hint,.url-hint{color:#6c757d;color:var(--gray-color);display:block;font-size:.875rem;line-height:1.4;margin-top:.5rem}.alias-hint{background:#e9ecef;background:var(--gray-light);border-radius:6px;border-radius:var(--border-radius-sm);margin-top:.75rem;padding:.5rem .75rem}.section-toggle-btn{align-items:center;background:#f8f9fa;background:var(--light-color);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);color:#6c757d;color:var(--gray-color);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);padding:.875rem;transition:all .3s ease;transition:var(--transition);width:100%}.section-toggle-btn:hover{background:#fff;border-color:#3a86ff;border-color:var(--primary-color);color:#3a86ff;color:var(--primary-color)}.customization-section{background:#f8f9fa;background:var(--light-color);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);margin:0 0 2rem;margin:0 0 var(--spacing-lg) 0;padding:1.5rem;padding:var(--spacing-md)}.customization-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.color-picker{gap:.5rem}.color-picker label{color:#1a1a2e;color:var(--dark-color);font-size:.9rem;font-weight:600}.color-picker input[type=color]{background:#fff;border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius-sm);width:60px}.text-options{background:#fff;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);margin:1.5rem 0;margin:var(--spacing-md) 0;padding:1.5rem;padding:var(--spacing-md)}.checkbox-label{color:#1a1a2e;color:var(--dark-color);font-weight:600;gap:.75rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.checkbox-label input[type=checkbox]{accent-color:#3a86ff}.text-options input[type=text],.text-options select{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);margin-bottom:1rem;margin-bottom:var(--spacing-sm);padding:.75rem;width:100%}.text-options select{background:#fff;cursor:pointer}.text-style{align-items:center;display:flex;gap:1rem;gap:var(--spacing-sm);margin-top:1rem;margin-top:var(--spacing-sm)}.text-style input[type=color]{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius-sm);height:40px;width:50px}.text-style select{flex:1 1;padding:.5rem}.text-style input[type=number]{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius-sm);padding:.5rem;width:80px}.logo-upload{background:#fff;border:1px dashed #dee2e6;border:1px dashed var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);margin:1.5rem 0;margin:var(--spacing-md) 0;padding:1.5rem;padding:var(--spacing-md)}.logo-upload label{color:#1a1a2e;color:var(--dark-color);display:block;font-weight:600}.logo-upload input[type=file],.logo-upload label{margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.logo-upload input[type=file]{background:#fff;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);padding:.75rem;width:100%}.remove-logo{background:#ef476f;background:var(--danger-color);border:none;border-radius:6px;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;transition:var(--transition)}.remove-logo:hover{background:#d63384;transform:translateY(-1px)}.preview-section{background:#fff;margin:0 0 2rem;margin:0 0 var(--spacing-lg) 0}.preview-section,.qr-preview{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);padding:1.5rem;padding:var(--spacing-md)}.qr-preview{align-items:center;background:#f8f9fa;background:var(--light-color);display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-md)}.qr-code-container{border-radius:8px;border-radius:var(--border-radius-md);padding:1.5rem;position:relative}.qr-code-container,.qr-text{background:#fff;box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm)}.qr-text{border-radius:6px;border-radius:var(--border-radius-sm);font-weight:600;max-width:300px;padding:.75rem;text-align:center;width:100%}.qr-text.top{margin-bottom:1rem}.qr-text.bottom{margin-top:1rem}.qr-logo{border:2px solid #fff;border-radius:6px;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm)}.advanced-section{margin:0 0 2rem;margin:0 0 var(--spacing-lg) 0}.advanced-btn{background:#0000;border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-md);color:#6c757d;color:var(--gray-color);font-size:1rem;font-weight:600;padding:.875rem;transition:all .3s ease;transition:var(--transition)}.advanced-btn:hover{background:#f8f9fa;background:var(--light-color);border-color:#3a86ff;border-color:var(--primary-color);color:#3a86ff;color:var(--primary-color)}.error-message{align-items:center;animation:slideIn .3s ease;background:linear-gradient(135deg,#ff6b6b,#ef476f);border-radius:8px;border-radius:var(--border-radius-md);color:#fff;display:flex;font-weight:500;gap:.75rem;margin:1.5rem 0;margin:var(--spacing-md) 0;padding:1rem 1.25rem}.error-message:before{content:"⚠️";font-size:1.2em}.generate-btn{background:linear-gradient(135deg,#3a86ff,#8338ec);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 4px 6px #3a86ff33;font-size:1.125rem;font-weight:700;letter-spacing:.5px;margin-top:1.5rem;margin-top:var(--spacing-md);padding:1rem 2rem;transition:all .3s ease;transition:var(--transition)}.generate-btn:hover:not(:disabled){box-shadow:0 6px 12px #3a86ff4d;transform:translateY(-2px)}.generate-btn:disabled{opacity:.6;transform:none!important}.generate-btn:active:not(:disabled){transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.generate-btn:disabled:after{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}@media (max-width:768px){.qr-shortener{padding:1rem;padding:var(--spacing-sm)}.qr-form{padding:1.5rem;padding:var(--spacing-md)}.customization-grid{grid-template-columns:1fr}.text-style{align-items:stretch;flex-direction:column}.text-style input[type=number],.text-style select{width:100%}}@media (max-width:480px){.qr-shortener{padding:.5rem;padding:var(--spacing-xs)}.customization-section,.logo-upload,.preview-section,.qr-form,.text-options{padding:1rem;padding:var(--spacing-sm)}}.text-destination{margin:0 auto;max-width:600px;padding:20px}.text-form .form-group{margin-bottom:20px}.text-form label{display:block;font-weight:500;margin-bottom:5px}.text-form input[type=text],.text-form textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.text-form textarea{min-height:120px;resize:vertical}.word-count{margin-left:5px}.alias-hint,.word-count{color:#666;font-size:12px}.alias-hint{display:block;margin-top:5px}.response-settings{background-color:#f9f9f9;border:1px solid #eee;border-radius:6px;margin-bottom:20px;padding:15px}.response-toggle-container{display:flex;flex-direction:column}.response-toggle-label{align-items:center;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;margin-bottom:8px}.toggle-wrapper{height:24px;position:relative;width:50px}.toggle-wrapper input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.toggle-switch{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-switch:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}input[type=checkbox]:checked+.toggle-switch{background-color:#2196f3}input[type=checkbox]:checked+.toggle-switch:before{transform:translateX(26px)}.response-description{color:#666;font-size:12px;line-height:1.4}.customization-section{margin-bottom:20px}.customize-btn{align-items:center;background:none;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:10px 15px;text-align:left;width:100%}.customize-btn:hover{background-color:#f5f5f5}.customization-content{background-color:#fafafa;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;padding:15px}.customization-grid{grid-gap:15px;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.color-picker{display:flex;flex-direction:column}.color-picker label{color:#666;font-size:12px;margin-bottom:5px}.color-picker input[type=color]{border:1px solid #ddd;border-radius:4px;height:40px;padding:2px}.text-style-options{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:1fr 1fr}.text-style-options .form-group{margin-bottom:0}.text-style-options input[type=range],.text-style-options select{width:100%}.advanced-section{margin-bottom:20px}.advanced-btn{align-items:center;background:none;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:10px 15px;text-align:left;width:100%}.advanced-btn:hover{background-color:#f5f5f5}.generate-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .3s;width:100%}.generate-btn:hover:not(:disabled){background-color:#0056b3}.generate-btn:disabled{background-color:#ccc;cursor:not-allowed}.error-message{border-radius:4px;color:#721c24;font-size:14px;margin-bottom:15px;padding:10px}.public-notice{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;margin-top:15px;padding:10px}.public-notice small{display:block;font-size:12px;line-height:1.4}.tabs-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;width:100%}.tabs-header{-webkit-overflow-scrolling:touch;align-items:center;background:#0000;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:center;overflow-x:auto;padding:.25rem;position:relative}.tabs-header::-webkit-scrollbar{background:#0000;height:3px}.tabs-header::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.tab-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 2px #00000008;color:#4a5568;cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;font-weight:500;gap:.375rem;height:34px;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.tab-btn:hover:not(.active){background:#f7fafc;border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d;color:#2d3748;transform:translateY(-1px)}.tab-btn:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a;outline:none}.tab-btn.active{background:#4299e1;border-color:#4299e1;box-shadow:0 2px 4px #4299e133;color:#fff;font-weight:600;transform:translateY(-1px)}.tab-btn.active:hover{background:#3182ce;border-color:#3182ce}.tabs-container.small .tab-btn{border-radius:4px;font-size:.75rem;height:30px;padding:.375rem .75rem}.tabs-container.compact .tab-btn{border-radius:3px;font-size:.7rem;height:28px;padding:.25rem .625rem}.tab-btn .tab-icon{font-size:.875rem;line-height:1}.tabs-container.small .tab-btn .tab-icon{font-size:.75rem}.tabs-container.compact .tab-btn .tab-icon{font-size:.7rem}.tab-btn .tab-count{background:#ffffff26;border-radius:10px;color:#fff;font-size:.65rem;font-weight:600;padding:.1rem .35rem}.tab-btn:not(.active) .tab-count{background:#edf2f7;color:#4a5568}.tab-btn.active:after{background:#4299e1;border-radius:2px;bottom:-.25rem;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.tab-btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.tab-btn:disabled:hover{background:#fff;border-color:#e2e8f0;box-shadow:none;color:#4a5568;transform:none}.tab-btn.loading{color:#0000;position:relative}.tab-btn.loading:before{animation:spin .8s linear infinite;border:2px solid #4299e133;border-radius:50%;border-top-color:#4299e1;content:"";height:12px;position:absolute;width:12px}@media (max-width:768px){.tabs-header{gap:.375rem;padding:.25rem}.tab-btn{font-size:.75rem;height:32px;padding:.375rem .75rem}.tabs-container.small .tab-btn{font-size:.7rem;height:28px;padding:.25rem .625rem}.tabs-container.compact .tab-btn{font-size:.65rem;height:26px;padding:.125rem .5rem}}@media (max-width:480px){.tabs-header{gap:.25rem;padding-bottom:.25rem}.tab-btn{font-size:.7rem;height:30px;padding:.25rem .625rem}.tab-btn .tab-icon{font-size:.75rem}.tabs-container.mobile-icons .tab-btn span:not(.tab-icon){display:none}.tabs-container.mobile-icons .tab-btn{border-radius:50%;height:32px;justify-content:center;padding:0;width:32px}.tabs-container.mobile-icons .tab-btn .tab-icon{font-size:.875rem;margin:0}}@media (prefers-color-scheme:dark){.tab-btn{background:#2d3748;border-color:#4a5568;color:#cbd5e0}.tab-btn:hover:not(.active){background:#4a5568;border-color:#718096;color:#f7fafc}.tab-btn.active{background:#4299e1;border-color:#4299e1;color:#fff}.tab-btn.active:hover{background:#3182ce;border-color:#3182ce}.tab-btn:disabled{background:#1a202c;border-color:#2d3748;color:#718096}.tab-btn:not(.active) .tab-count{background:#4a5568;color:#e2e8f0}}.tabs-container.primary .tab-btn.active{background:#4299e1;border-color:#4299e1}.tabs-container.success .tab-btn.active{background:#48bb78;border-color:#48bb78}.tabs-container.warning .tab-btn.active{background:#ed8936;border-color:#ed8936}.tabs-container.danger .tab-btn.active{background:#f56565;border-color:#f56565}.tabs-container.outline .tab-btn.active{background:#0000;border-color:#4299e1;color:#4299e1}.tabs-container.outline.primary .tab-btn.active{border-color:#4299e1;color:#4299e1}.tabs-container.outline.success .tab-btn.active{border-color:#48bb78;color:#48bb78}.tabs-container.outline.warning .tab-btn.active{border-color:#ed8936;color:#ed8936}.tabs-container.outline.danger .tab-btn.active{border-color:#f56565;color:#f56565}.tabs-container.pill .tab-btn,.tabs-container.pill.compact .tab-btn,.tabs-container.pill.small .tab-btn{border-radius:50px}.tabs-container.segmented .tabs-header{background:#edf2f7;border-radius:8px;padding:.25rem}.tabs-container.segmented .tab-btn{background:#0000;border:none;box-shadow:none}.tabs-container.segmented .tab-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#2d3748}.tabs-container.segmented.dark .tabs-header{background:#2d3748}.tabs-container.segmented.dark .tab-btn.active{background:#4a5568;color:#f7fafc}body,html{width:100%}.body-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:calc(100vh - 160px);padding:3rem 1.5rem}.body-container,.tab-content{box-sizing:border-box;width:100%}.tab-content{animation:fadeIn .3s ease-out;background:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-top:2.5rem;max-width:800px;overflow:visible;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-content:hover{box-shadow:0 6px 30px #0000001f}.tab-content .container,.tab-content .shortener-form,.tab-content .url-shortener,.tab-content form{box-sizing:border-box;max-width:100%;padding-left:0;padding-right:0;width:100%}@media (max-width:768px){.body-container{max-width:100%;min-height:calc(100vh - 140px);padding:2rem .5rem}.tab-content{border-radius:10px;margin-top:2rem;max-width:100%;padding:1.75rem}}@media (max-width:480px){.body-container{margin:0;max-width:100vw;padding:1.25rem 0;width:100%}.tab-content{border-radius:8px;box-shadow:0 6px 18px #0000000f;margin-top:12px;max-width:100vw;overflow-x:auto;padding:12px;width:100%}.tab-content,.tab-content button,.tab-content input,.tab-content label,.tab-content li,.tab-content p,.tab-content select,.tab-content span,.tab-content textarea{font-size:13px!important}.tab-content .btn,.tab-content .generate-btn,.tab-content .mode-btn,.tab-content .section-toggle-btn{font-size:12px!important;min-height:34px!important;padding:6px 10px!important}.tab-content h1{font-size:1.6rem!important}.tab-content h2{font-size:1.2rem!important}.tab-content h3{font-size:1.05rem!important}.tab-content .card,.tab-content .container{padding-left:10px;padding-right:10px}.tab-content .card{border-radius:8px;padding:10px}input,select,textarea{-webkit-text-size-adjust:none;font-size:13px}.tab-content *{box-sizing:border-box}}body,html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}.homepage{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0;max-width:100%;overflow-x:hidden}.hero-section,.homepage{box-sizing:border-box;width:100%}.hero-section{padding:4rem 1rem 2rem;text-align:center}.hero-content h1{color:#000;font-size:2.5rem;font-weight:400;margin:0 0 1rem}.subtitle{color:#666;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.main-section{box-sizing:border-box;padding:2rem 1rem;width:100%}.features-section{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:3rem 1rem}.features-grid{grid-gap:2rem;box-sizing:border-box;gap:2rem;grid-template-columns:repeat(4,1fr);width:100%}.feature-card{border:1px solid #eaeaea;border-radius:8px;box-sizing:border-box;padding:2rem 1rem;text-align:center;transition:border-color .2s ease}.feature-card:hover{border-color:#ccc}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature-card h3{color:#000;font-size:1.25rem;font-weight:500;margin:0 0 .75rem}.feature-card p{color:#555;font-size:1rem;line-height:1.5;margin:0}@media (min-width:768px){.hero-section{padding:6rem 1rem 3rem}.hero-content h1{font-size:3rem}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}.hero-content h1{font-size:3.5rem}.features-section,.hero-section,.main-section{padding-left:2rem;padding-right:2rem}}@media (prefers-color-scheme:dark){.feature-card h3,.hero-content h1{color:#fff}.feature-card p,.subtitle{color:#999}.feature-card{border-color:#333}.feature-card:hover{border-color:#555}}@media (max-width:480px){.homepage{padding:0}.hero-section{padding:16px 8px 8px}.hero-content h1{font-size:1.8rem;margin-bottom:6px}.subtitle{font-size:.95rem;max-width:100%;padding:0 8px}.main-section{padding:8px 0}.features-section{max-width:100%;padding:12px 0}.features-grid{-webkit-overflow-scrolling:touch;gap:8px;grid-template-columns:repeat(4,1fr);overflow-x:auto;padding:0 6px}.feature-card{box-sizing:border-box;min-width:110px;padding:8px 6px}.feature-icon{font-size:1rem;margin-bottom:6px}.feature-card h3{font-size:.85rem;margin-bottom:6px}.feature-card p{font-size:.7rem;line-height:1.2}.features-section,.hero-section,.main-section{padding-left:0;padding-right:0}.feature-card h3,.feature-card p,.homepage,.subtitle,body{font-size:13px}input,select,textarea{-webkit-text-size-adjust:none;font-size:13px}}@media (max-width:360px){.hero-content h1{font-size:1.6rem}.feature-card{min-width:100px;padding:6px 4px}.feature-card h3{font-size:.75rem}.feature-card p{font-size:.65rem}}.register-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;justify-content:center;min-height:100vh;padding:1.5rem}.register-container{background:#fff;border-radius:1rem;box-shadow:0 20px 40px #0000001a;max-width:460px;padding:2.5rem 2rem;transition:transform .3s ease;width:100%}.register-container:hover{transform:translateY(-5px)}.register-header{margin-bottom:2rem;text-align:center}.register-header h1{color:#333;font-size:2rem;font-weight:600;letter-spacing:-.5px;margin-bottom:.5rem}.register-header p{color:#666;font-size:.95rem;line-height:1.5}.register-form{display:flex;flex-direction:column;gap:1.5rem}.password-strength{margin-top:.5rem}.strength-bar{background-color:#e0e0e0;border-radius:3px;height:6px;margin-bottom:.25rem;overflow:hidden}.strength-fill{height:100%;transition:width .3s ease}.strength-bar.weak .strength-fill{background-color:#e53e3e}.strength-bar.fair .strength-fill{background-color:#ed8936}.strength-bar.good .strength-fill{background-color:#4299e1}.strength-bar.strong .strength-fill{background-color:#48bb78}.strength-text{color:#666;font-size:.8rem}.register-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:1rem;transition:transform .2s,box-shadow .2s}.register-btn:hover:not(:disabled){box-shadow:0 10px 20px #667eea33;transform:translateY(-2px)}.register-btn:disabled{cursor:not-allowed;opacity:.6}.register-footer{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem;text-align:center}.register-footer p{color:#666;font-size:.95rem}.login-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s}.login-link:hover{color:#5a67d8;text-decoration:underline}@media (max-width:480px){.register-container{padding:2rem 1.5rem}.register-header h1{font-size:1.75rem}.register-header p{font-size:.9rem}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;justify-content:center;min-height:100vh;padding:1.5rem}.login-container{background:#fff;border-radius:1rem;box-shadow:0 20px 40px #0000001a;max-width:420px;padding:2.5rem 2rem;transition:transform .3s ease;width:100%}.login-container:hover{transform:translateY(-5px)}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#333;font-size:2rem;font-weight:600;letter-spacing:-.5px;margin-bottom:.5rem}.login-header p{color:#666;font-size:.95rem;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:1.5rem}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{flex:1 1;padding-right:3rem}.toggle-password{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;position:absolute;right:.5rem;transition:color .2s}.toggle-password:hover{color:#555}.form-options{display:flex;justify-content:flex-end;margin-top:-.5rem}.forgot-password-link{color:#667eea;font-size:.9rem;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:#5a67d8;text-decoration:underline}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:1rem;transition:transform .2s,box-shadow .2s}.login-btn:hover:not(:disabled){box-shadow:0 10px 20px #667eea33;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.admin-login-btn{background:#2d3748;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:.5rem;padding:.75rem;transition:background-color .2s}.admin-login-btn:hover:not(:disabled){background-color:#1a202c}.admin-login-btn:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem;text-align:center}.login-footer p{color:#666;font-size:.95rem}.register-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s}.register-link:hover{color:#5a67d8;text-decoration:underline}@media (max-width:480px){.login-container{padding:2rem 1.5rem}.login-header h1{font-size:1.75rem}.login-header p{font-size:.9rem}}.forgot-password-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;justify-content:center;min-height:100vh;padding:1.5rem}.forgot-password-container,.success-container{background:#fff;border-radius:1rem;box-shadow:0 20px 40px #0000001a;max-width:420px;padding:2.5rem 2rem;transition:transform .3s ease;width:100%}.forgot-password-container:hover{transform:translateY(-5px)}.forgot-password-header{margin-bottom:2rem;text-align:center}.forgot-password-header h1{color:#333;font-size:2rem;font-weight:600;letter-spacing:-.5px;margin-bottom:.5rem}.forgot-password-header p{color:#666;font-size:.95rem;line-height:1.5}.forgot-password-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-group label{color:#555;font-size:.9rem;letter-spacing:.3px;text-transform:uppercase}.form-group input{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:.5rem;font-size:1rem;padding:.85rem 1rem;transition:all .2s}.form-group input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error{background-color:#fff5f5;border-color:#e53e3e}.form-group input.error:focus{box-shadow:0 0 0 3px #e53e3e1a}.form-group input:disabled{background-color:#f0f0f0;cursor:not-allowed}.error-text{color:#e53e3e;font-size:.8rem;margin-top:.25rem}.error-message{background-color:#fff5f5;border-radius:.5rem;color:#e53e3e;font-size:.9rem;padding:1rem}.error-message p{margin:.5rem 0}.error-message .contact-admin{color:#666;font-size:.85rem;margin-top:.5rem}.error-message a{color:#667eea;text-decoration:none}.error-message a:hover{text-decoration:underline}.reset-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:1rem;transition:transform .2s,box-shadow .2s}.reset-btn:hover:not(:disabled){box-shadow:0 10px 20px #667eea33;transform:translateY(-2px)}.reset-btn:disabled{cursor:not-allowed;opacity:.6}.forgot-password-footer{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem;text-align:center}.back-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s}.back-link:hover{color:#5a67d8;text-decoration:underline}.success-container{text-align:center}.success-container:hover{transform:translateY(-5px)}.success-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 10px 20px #667eea33;color:#fff;display:flex;font-size:2.5rem;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.success-container h1{color:#333;font-size:2rem;font-weight:600;margin-bottom:1rem}.success-container p{color:#666;font-size:1rem;line-height:1.5;margin-bottom:2rem}.back-to-login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;color:#fff;display:inline-block;font-size:1rem;font-weight:600;padding:.85rem 2rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.back-to-login-btn:hover{box-shadow:0 10px 20px #667eea33;transform:translateY(-2px)}@media (max-width:480px){.forgot-password-container,.success-container{padding:2rem 1.5rem}.forgot-password-header h1,.success-container h1{font-size:1.75rem}.forgot-password-header p,.success-container p{font-size:.9rem}}.section-small-stats{background:#f8f9fa;border-radius:8px;display:flex;gap:1.5rem;justify-content:flex-end;margin-top:1rem;padding:.5rem 1rem}.stat-item{align-items:flex-end}.stat-label{color:#6c757d;font-size:.75rem}.stat-value{font-size:1.1rem}.chart-small-stats{background:#ffffffe6;border-radius:20px;bottom:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:.5rem 1rem;position:absolute;right:20px}.stat-badge{align-items:center;display:flex;flex-direction:column}.top-country-summary{background:#fff;border-radius:30px;bottom:10px;box-shadow:0 2px 10px #0000000d;padding:.5rem 1rem;position:absolute;right:20px}.top-country-summary .summary-details{display:flex;flex-direction:column}.top-browser-summary{background:#fff;border-radius:30px;bottom:10px;box-shadow:0 2px 8px #0000000d;gap:.5rem;padding:.5rem 1.2rem;position:absolute;right:20px}.export-modal-overlay{background:#00000080}.export-modal-content{border-radius:12px;max-height:80vh;max-width:90%;padding:2rem;width:500px}.export-sections-list{grid-gap:.5rem;display:grid;grid-template-columns:1fr 1fr;margin:1rem 0}.export-actions{gap:1rem}.modal-footer{gap:1rem;margin-top:1.5rem}.cancel-btn,.export-btn{border:none;border-radius:6px;cursor:pointer;padding:.5rem 1.5rem}.export-btn{background:#007bff;color:#fff}.export-btn:disabled{opacity:.6}.no-data-placeholder{background:#f8f9fa;border-radius:8px;color:#6c757d;padding:3rem}.visitors-table th{background:#f1f3f5;padding:.75rem}.visitors-table td{border-bottom:1px solid #e9ecef;padding:.75rem}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f8f9fa}.visitor-detail-modal{background:#0009;z-index:1100}.visitor-detail-modal .modal-content{border-radius:12px;max-height:80vh;overflow:auto;padding:2rem}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md);justify-content:center;min-height:60vh}.dashboard-loading p{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-base)}.user-dashboard{display:flex;flex-direction:column;gap:1.25rem;gap:var(--spacing-xl);margin:0 auto;max-width:1400px;padding:.75rem;padding:var(--spacing-md)}.section-title{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.dashboard-header{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}@media (min-width:640px){.dashboard-header{align-items:center;flex-direction:row;justify-content:space-between}}.welcome-section h1{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.welcome-section .username{color:#2563eb;color:var(--primary-color)}.welcome-message{color:#6b7280;color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-sm)}.user-info-cards{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md)}.info-card{align-items:center;background:#fff;border-radius:.375rem;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:.5rem;gap:var(--spacing-sm);min-width:160px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.info-card .card-icon{font-size:1.5rem}.info-card .card-content h3{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;font-size:.625rem;font-size:var(--font-size-xs);font-weight:500;gap:4px;letter-spacing:.05em;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);text-transform:uppercase}.info-card .balance,.info-card .tier{color:#111827;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-base);font-weight:600}.coin-info-icon{cursor:help}.upgrade-btn{background-color:#2563eb;background-color:var(--primary-color);border:none;border-radius:.375rem;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:.625rem;font-size:var(--font-size-xs);margin-top:.25rem;margin-top:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s}.upgrade-btn:hover{background-color:#1d4ed8;background-color:var(--primary-hover)}.stats-grid{grid-gap:.5rem;grid-gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.stat-card,.stats-grid{gap:.5rem;gap:var(--spacing-sm)}.stat-card{background:#fff;border-radius:.375rem;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:.5rem;padding:var(--spacing-sm)}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{background-color:#f9fafb;background-color:var(--bg-light);border-radius:50%;font-size:1.5rem;height:2.5rem;justify-content:center;width:2.5rem}.stat-info h3{color:#6b7280;color:var(--text-muted);font-size:.625rem;font-size:var(--font-size-xs);font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.stat-value{font-size:.875rem;font-size:var(--font-size-base);font-weight:600}.stats-chart-container{margin-top:.75rem;margin-top:var(--spacing-md)}.dashboard-shortener,.stats-chart-container{background:#fff;border-radius:.375rem;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:.75rem;padding:var(--spacing-md)}.shortener-container{margin-top:.5rem;margin-top:var(--spacing-sm)}.tab-content{margin-top:.75rem;margin-top:var(--spacing-md)}.tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;gap:.25rem;gap:var(--spacing-xs);padding-bottom:.25rem;padding-bottom:var(--spacing-xs)}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--text-muted);cursor:pointer;font-size:.75rem;font-size:var(--font-size-sm);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s}.tab:hover{color:#111827;color:var(--text-primary)}.tab.active{border-bottom-color:#2563eb;border-bottom-color:var(--primary-color);color:#2563eb;color:var(--primary-color)}.actions-grid{grid-gap:.5rem;grid-gap:var(--spacing-sm);display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}@media (min-width:480px){.actions-grid{grid-template-columns:repeat(4,1fr)}}.action-card{align-items:center;background:#fff;border-radius:.375rem;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#111827;color:var(--text-primary);display:flex;flex-direction:column;padding:.75rem .5rem;padding:var(--spacing-md) var(--spacing-sm);text-align:center;text-decoration:none;transition:transform .2s,box-shadow .2s}.action-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-icon{font-size:2rem}.action-card h3,.action-icon{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.action-card h3{font-size:.75rem;font-size:var(--font-size-sm);font-weight:600}.action-card p{color:#6b7280;color:var(--text-muted);font-size:.625rem;font-size:var(--font-size-xs)}.section-header{align-items:center;margin-bottom:var(--spacing-md)}.view-all{color:#2563eb;color:var(--primary-color);font-size:.75rem;font-size:var(--font-size-sm);text-decoration:none}.view-all:hover{text-decoration:underline}.urls-table{background:#fff;border-radius:.375rem;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.table-header,.table-row{min-width:600px}.table-header,.table-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light)}.table-header div:first-child,.table-row .alias-cell{width:25%}.table-header div:nth-child(2),.table-row .destination-cell{width:40%}.table-header div:nth-child(3),.table-row .visitors-cell{width:15%}.table-header div:last-child,.table-row .actions-cell{width:20%}.alias-cell a,.destination-link{color:#2563eb;color:var(--primary-color);text-decoration:none;word-break:break-word}.alias-cell a:hover,.destination-link:hover{text-decoration:underline}.destination-cell{color:#4b5563;color:var(--text-secondary);font-size:.625rem;font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visitors-cell{color:#111827;color:var(--text-primary);font-weight:500}.actions-cell{display:flex;gap:.25rem;gap:var(--spacing-xs)}.analytics-btn:hover{background-color:#e0f2fe;border-color:#0284c7;color:#0369a1}.edit-btn:hover{background-color:#fef9c3;border-color:#ca8a04;color:#854d0e}.no-urls{background:#fff;border-radius:.375rem;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.no-urls p:first-child{color:#111827;color:var(--text-primary)}@media (max-width:480px){.user-dashboard{gap:8px;padding:4px}.section-title{font-size:1rem;margin-bottom:4px}.welcome-section h1{font-size:1.2rem;margin-bottom:2px}.welcome-message{font-size:.7rem}.dashboard-header{gap:8px}.user-info-cards{gap:4px}.info-card{min-width:110px;padding:2px 6px}.info-card .card-icon{font-size:1.2rem}.info-card .card-content h3{font-size:.55rem}.info-card .balance,.info-card .tier{font-size:.7rem}.coin-info-icon{font-size:.7rem;height:14px;width:14px}.stats-grid{gap:4px;grid-template-columns:repeat(2,1fr);margin-bottom:8px}.stat-card{padding:4px}.stat-icon{font-size:1rem;height:1.8rem;width:1.8rem}.stat-info h3{font-size:.55rem}.stat-value{font-size:.7rem}.stats-chart-container{margin-top:8px;padding:8px}.actions-grid{gap:4px;grid-template-columns:repeat(4,1fr)}.action-card{padding:4px 2px}.action-icon{font-size:1.4rem;margin-bottom:2px}.action-card h3{font-size:.6rem}.action-card p{font-size:.5rem}.recent-urls-section{margin-top:8px}.section-header{margin-bottom:4px}.urls-table{font-size:.6rem}.table-header,.table-row{font-size:.6rem;padding:4px 6px}.action-btn{font-size:.6rem;height:20px;width:20px}.no-urls{padding:12px}.no-urls p:first-child{font-size:.7rem;margin-bottom:2px}.no-urls p:last-child{font-size:.6rem}.tabs{gap:2px;padding-bottom:4px}.tab{font-size:.7rem;padding:2px 6px}}.coin-info-icon{align-items:center;background-color:#f9fafb;background-color:var(--bg-light);border-radius:50%;color:#6b7280;color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:.8rem;height:16px;justify-content:center;margin-left:4px;transition:all .2s;width:16px}.coin-info-icon:hover{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.coin-info-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.coin-info-modal{animation:modalFadeIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;padding:24px;position:relative;width:90%}.coin-info-modal .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:12px;top:12px;transition:color .2s;width:32px}.coin-info-modal .close-btn:hover{background-color:#f9fafb;background-color:var(--bg-light);color:#111827;color:var(--text-primary)}.coin-info-modal h4{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:16px;margin-top:0}.coin-info-modal ul{list-style-type:none;margin:0;padding-left:20px}.coin-info-modal li{align-items:center;color:#4b5563;color:var(--text-secondary);display:flex;gap:8px;line-height:1.5;margin-bottom:12px}.coin-info-modal li:before{color:#2563eb;color:var(--primary-color);content:"•";font-size:1.2rem;font-weight:700;margin-right:8px}@media (max-width:480px){.coin-info-modal{padding:20px;width:95%}.coin-info-modal h4{font-size:1.1rem;margin-bottom:12px}.coin-info-modal li{font-size:.9rem;margin-bottom:10px}.coin-info-icon{font-size:.7rem;height:14px;width:14px}}:root{--danger-hover:#b91c1c;--warning-color:#ca8a04}.manage-urls{margin:0 auto;max-width:1400px;padding:.75rem;padding:var(--spacing-md)}.manage-urls-loading{align-items:center;display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md);justify-content:center;min-height:60vh}.spinner{border:3px solid #e5e7eb;border:3px solid var(--border-light);height:2.5rem;width:2.5rem}.manage-urls-loading p{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-base)}.manage-header{margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.manage-header h1{color:#111827;color:var(--text-primary);font-size:1.5rem;font-weight:600}.manage-header .subtitle{color:#6b7280;color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-sm);margin-top:.25rem;margin-top:var(--spacing-xs)}.manage-controls{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}@media (min-width:640px){.manage-controls{align-items:center;flex-direction:row;justify-content:space-between}}.filters{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs)}.filter-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.375rem;border-radius:var(--radius);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:.625rem;font-size:var(--font-size-xs);font-weight:500;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s;white-space:nowrap}.filter-btn:hover{background-color:#f9fafb;background-color:var(--bg-light);border-color:#6b7280;border-color:var(--text-muted)}.filter-btn.active{background-color:#2563eb;background-color:var(--primary-color);border-color:#2563eb;border-color:var(--primary-color);color:#fff}.search-box{position:relative;width:100%}@media (min-width:640px){.search-box{width:300px}}.search-box input{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.375rem;border-radius:var(--radius);font-size:.75rem;font-size:var(--font-size-sm);padding:.5rem .75rem .5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) calc(var(--spacing-xl) + var(--spacing-xs));transition:border-color .2s;width:100%}.search-box input:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);outline:none}.search-icon{color:#6b7280;color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-sm);left:.5rem;left:var(--spacing-sm);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.urls-table-container{background:#fff;border-radius:.375rem;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1rem;margin-bottom:var(--spacing-lg);overflow:hidden}.urls-table{-webkit-overflow-scrolling:touch;min-width:100%;overflow-x:auto}.table-header,.table-row{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;font-size:.625rem;font-size:var(--font-size-xs);min-width:800px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.table-header{background-color:#f9fafb;background-color:var(--bg-light);color:#4b5563;color:var(--text-secondary);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:#f9fafb;background-color:var(--bg-light)}.col-type{min-width:40px;width:5%}.col-alias{min-width:120px;width:15%}.col-destination{min-width:200px;width:30%}.col-visitors{min-width:60px;width:8%}.col-status{min-width:70px;width:8%}.col-date{min-width:90px;width:12%}.col-actions{min-width:150px;width:22%}.col-type{text-align:center}.type-icon{font-size:.875rem;font-size:var(--font-size-base)}.alias-link,.destination-link{color:#2563eb;color:var(--primary-color);font-size:.625rem;font-size:var(--font-size-xs);text-decoration:none;word-break:break-word}.alias-link:hover,.destination-link:hover{text-decoration:underline}.text-preview{color:#4b5563;display:block;font-size:.625rem;font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-visitors{color:#111827;color:var(--text-primary);font-weight:500}.status-badge{border-radius:9999px;display:inline-block;font-size:.625rem;font-size:var(--font-size-xs);font-weight:500;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize;white-space:nowrap}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.paused{background-color:#fee2e2;color:#991b1b}.status-badge.restricted{background-color:#fef3c7;color:#92400e}.status-badge.expired{background-color:#e5e7eb;color:#374151}.col-date{color:#6b7280;color:var(--text-muted);font-size:.625rem;font-size:var(--font-size-xs)}.col-actions{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs)}.action-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.375rem;border-radius:var(--radius);color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-base);height:28px;transition:all .2s;width:28px}.action-btn:hover{background-color:#f9fafb;background-color:var(--bg-light);border-color:#6b7280;border-color:var(--text-muted);transform:translateY(-1px)}.action-btn.analytics-btn:hover{background-color:#e0f2fe;border-color:#0284c7;color:#0369a1}.action-btn.edit-btn:hover{background-color:#fef9c3;border-color:#ca8a04;color:#854d0e}.action-btn.pause-btn:hover{background-color:#fee2e2;border-color:#dc2626;color:#b91c1c}.action-btn.play-btn:hover{background-color:#d1fae5;border-color:#059669;color:#047857}.action-btn.delete-btn:hover{background-color:#fee2e2;border-color:#dc2626;color:#b91c1c}.no-urls{color:#4b5563;color:var(--text-secondary);padding:1.25rem;padding:var(--spacing-xl);text-align:center}.no-urls p:first-child{font-size:.875rem;font-size:var(--font-size-base);font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.no-urls p:last-child{color:#6b7280;color:var(--text-muted);font-size:.625rem;font-size:var(--font-size-xs)}.pagination{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-md);justify-content:center;margin-top:1rem;margin-top:var(--spacing-lg)}.page-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.375rem;border-radius:var(--radius);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:.625rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s}.page-btn:hover:not(:disabled){background-color:#f9fafb;background-color:var(--bg-light);border-color:#6b7280;border-color:var(--text-muted)}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#6b7280;color:var(--text-muted);font-size:.625rem;font-size:var(--font-size-xs)}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:.75rem}.modal{background:#fff;border-radius:.375rem;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);max-height:90vh;max-width:500px;overflow-y:auto;padding:1rem;padding:var(--spacing-lg);width:100%}.modal h2,.modal h3{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:600}.modal h2,.modal h3,.modal p{margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.modal p{color:#4b5563;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-sm)}.modal .close-btn{background:none;border:none;color:#6b7280;color:var(--text-muted);cursor:pointer;float:right;font-size:1.5rem;line-height:1}.modal .close-btn:hover{color:#111827;color:var(--text-primary)}.edit-modal{max-width:600px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.modal-header h2{margin-bottom:0}.modal-body{margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.form-group{margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.form-group label{color:#4b5563;font-size:.625rem;font-size:var(--font-size-xs);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.form-group input[type=date],.form-group input[type=number],.form-group input[type=password],.form-group input[type=text],.form-group input[type=url],.form-group select,.form-group textarea{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.375rem;border-radius:var(--radius);font-size:.75rem;font-size:var(--font-size-sm);padding:.5rem;padding:var(--spacing-sm);transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.form-group textarea{min-height:60px}.checkbox-label{color:#111827;font-size:.75rem;font-size:var(--font-size-sm);gap:.25rem;gap:var(--spacing-xs)}.checkbox-label input[type=checkbox]{margin-right:.25rem;margin-right:var(--spacing-xs);width:auto}.form-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);margin:1rem 0;margin:var(--spacing-lg) 0;padding-top:.75rem;padding-top:var(--spacing-md)}.form-section h4{color:#111827;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-base);font-weight:600}.form-row,.form-section h4{margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.form-row{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md)}.form-row .form-group{flex:1 1 200px;margin-bottom:0}.color-picker{flex:1 1 150px}.color-picker label{display:block;font-size:.625rem;font-size:var(--font-size-xs);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.color-picker input[type=color]{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.375rem;border-radius:var(--radius);cursor:pointer;height:38px;padding:.25rem;padding:var(--spacing-xs);width:100%}.customization-grid{grid-gap:.75rem;grid-gap:var(--spacing-md);display:grid;gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.logo-upload{margin-top:.75rem;margin-top:var(--spacing-md)}.logo-preview{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.logo-preview-img{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.375rem;border-radius:var(--radius);max-height:100px;max-width:100px;padding:.25rem;padding:var(--spacing-xs)}.remove-logo-btn{background-color:#fee2e2;border:1px solid #dc2626;border:1px solid var(--danger-color);border-radius:.375rem;border-radius:var(--radius);color:#dc2626;color:var(--danger-color);cursor:pointer;font-size:.625rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.remove-logo-btn:hover{background-color:#dc2626;background-color:var(--danger-color);color:#fff}.modal-actions,.modal-footer{display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:flex-end;margin-top:1rem;margin-top:var(--spacing-lg)}.modal-actions button,.modal-footer button{border:none;border-radius:.375rem;border-radius:var(--radius);cursor:pointer;font-size:.75rem;font-size:var(--font-size-sm);font-weight:500;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s}.cancel-btn{background-color:#f9fafb;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;color:#4b5563}.cancel-btn:hover:not(:disabled){background-color:#e5e7eb}.confirm-btn,.save-btn{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.confirm-btn:hover:not(:disabled),.save-btn:hover:not(:disabled){background-color:#1d4ed8;background-color:var(--primary-hover)}.delete-confirm-btn{background-color:#dc2626;background-color:var(--danger-color)}.delete-confirm-btn:hover{background-color:#b91c1c;background-color:var(--danger-hover)}.modal-actions button:disabled{cursor:not-allowed;opacity:.5}.modal small{color:#6b7280;color:var(--text-muted);display:block;font-size:.625rem;font-size:var(--font-size-xs);margin-top:.25rem;margin-top:var(--spacing-xs)}@media (max-width:480px){.manage-header h1{font-size:1.25rem}.filter-btn{font-size:.7rem;padding:.25rem;padding:var(--spacing-xs) var(--spacing-xs)}.table-header,.table-row{font-size:.7rem;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.action-btn{font-size:.75rem;height:24px;width:24px}.modal{padding:.75rem;padding:var(--spacing-md)}.modal h2,.modal h3{font-size:1.125rem}.form-group label{font-size:.7rem}.form-group input,.form-group select,.form-group textarea{font-size:.75rem;padding:.25rem;padding:var(--spacing-xs)}.checkbox-label{font-size:.75rem}.modal-actions button,.modal-footer button{font-size:.75rem;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}}.user-management{margin:0 auto;max-width:100%;padding:12px;padding:var(--spacing-md)}.management-table table{min-width:800px}.user-cell{gap:8px;gap:var(--spacing-sm)}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{background-color:#4361ee;background-color:var(--primary-color);border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-size:var(--font-base);font-weight:600;height:32px;justify-content:center;width:32px}.user-info{display:flex;flex-direction:column}.user-info strong{font-size:14px;font-size:var(--font-base);font-weight:600}.badge,.tier-badge,.user-info small{color:#64748b;color:var(--text-secondary);font-size:10px;font-size:calc(var(--font-small) - 2px)}.badge,.tier-badge{background-color:#f8fafc;background-color:var(--bg-light);border-radius:20px;display:inline-block;font-weight:500;padding:2px 8px;text-transform:capitalize}.badge.premium,.tier-badge.premium{background-color:#fef9c3;color:#854d0e}.tier-badge.enterprise{background-color:#dbeafe;color:#1e40af}.view-btn{color:#4361ee;color:var(--primary-color)}.edit-btn{color:#e9c46a;color:var(--warning-color)}.admin-modal h3{margin-bottom:16px;margin-bottom:var(--spacing-lg)}@media (min-width:768px){.user-management{padding:24px;padding:var(--spacing-xl)}.filter-group{align-items:center;flex-direction:row;flex-wrap:wrap}.filter-group input,.filter-group select{flex:1 1 180px;width:auto}.reset-filters-btn{flex:0 0 auto;width:auto}.management-table table{min-width:100%;white-space:normal}}:root{--primary-color:#4361ee;--danger-color:#e63946;--success-color:#2a9d8f;--warning-color:#e9c46a;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--bg-light:#f8fafc;--bg-white:#fff;--shadow-sm:0 1px 3px #0000001a;--font-base:14px;--font-small:12px;--font-large:16px;--border-radius:8px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px}body{background-color:#f8fafc;background-color:var(--bg-light);color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--font-base)}.project-management{margin:0 auto;max-width:100%;padding:12px;padding:var(--spacing-md)}.management-header{margin-bottom:16px;margin-bottom:var(--spacing-lg)}.management-header h2{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.management-header .subtitle{color:#64748b;color:var(--text-secondary);font-size:12px;font-size:var(--font-small)}.management-filters{margin-bottom:16px;margin-bottom:var(--spacing-lg)}.filter-group{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.filter-group button,.filter-group input,.filter-group select{background-color:#fff;background-color:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);font-size:14px;font-size:var(--font-base);padding:12px;padding:var(--spacing-md);transition:border-color .2s,box-shadow .2s;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee1a;outline:none}.reset-filters-btn{background-color:#f8fafc;background-color:var(--bg-light);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#64748b;color:var(--text-secondary);cursor:pointer;font-weight:500}.reset-filters-btn:hover{background-color:#e2e8f0;background-color:var(--border-color)}.management-table{-webkit-overflow-scrolling:touch;background:#fff;background:var(--bg-white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:16px;margin-bottom:var(--spacing-lg);overflow-x:auto}.management-table table{border-collapse:collapse;font-size:12px;font-size:var(--font-small);min-width:1000px;width:100%}.management-table td,.management-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:12px 8px;padding:var(--spacing-md) var(--spacing-sm);text-align:left;white-space:nowrap}.management-table th{background-color:#f8fafc;background-color:var(--bg-light);color:#64748b;color:var(--text-secondary);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.management-table td{color:#1e293b;color:var(--text-primary)}.type-icon{background-color:#f8fafc;background-color:var(--bg-light);border-radius:50%;display:inline-block;font-size:1.2rem;height:32px;line-height:32px;text-align:center;width:32px}.destination-link,.short-url-link{color:#4361ee;color:var(--primary-color);font-weight:500;text-decoration:none}.destination-link:hover,.short-url-link:hover{text-decoration:underline}.text-preview{color:#64748b;color:var(--text-secondary);font-style:italic}.clicks-cell{display:flex;flex-direction:column}.clicks-cell strong{color:#1e293b;color:var(--text-primary);font-size:14px;font-size:var(--font-base)}.today-clicks{color:#2a9d8f;color:var(--success-color);font-size:10px;font-size:calc(var(--font-small) - 2px);font-weight:500}.management-table td:nth-child(5){max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{border-radius:20px;display:inline-block;font-size:10px;font-size:calc(var(--font-small) - 2px);font-weight:500;padding:2px 8px;text-transform:capitalize}.badge.restricted{background-color:#fee2e2;color:#e63946;color:var(--danger-color)}.badge.paused{background-color:#fff3cd;color:#856404}.badge.active{background-color:#dcfce7;color:#166534}.action-buttons{display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-xs)}.action-btn{align-items:center;background-color:#f8fafc;background-color:var(--bg-light);border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:1.2rem;height:36px;justify-content:center;text-decoration:none;transition:background-color .2s,transform .1s;width:36px}.action-btn:hover{background-color:#e2e8f0;background-color:var(--border-color)}.action-btn:active{transform:scale(.95)}.analytics-btn{color:#4361ee;color:var(--primary-color)}.restrict-btn{color:#e63946;color:var(--danger-color)}.unrestrict-btn{color:#2a9d8f;color:var(--success-color)}.details-btn,.no-results{color:#64748b;color:var(--text-secondary)}.no-results{font-size:14px;font-size:var(--font-base);padding:24px;padding:var(--spacing-xl);text-align:center}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:12px;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.admin-modal{background-color:#fff;background-color:var(--bg-white);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);max-height:90vh;max-width:400px;overflow-y:auto;padding:16px;padding:var(--spacing-lg);width:100%}.admin-modal h3{color:#1e293b;color:var(--text-primary);font-size:1.25rem;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.admin-modal p{color:#64748b;color:var(--text-secondary);font-size:12px;font-size:var(--font-small);margin-bottom:16px;margin-bottom:var(--spacing-lg);word-break:break-all}.modal-form{gap:16px;gap:var(--spacing-lg);margin-bottom:24px;margin-bottom:var(--spacing-xl)}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:4px;gap:var(--spacing-xs)}.form-group label{color:#64748b;color:var(--text-secondary);font-size:12px;font-size:var(--font-small)}.form-group input,.form-group select,.form-group textarea{background-color:#fff;background-color:var(--bg-white);border:1px solid #e2e8f0;border-radius:8px;border-radius:var(--border-radius);font-family:inherit;font-size:var(--font-base);padding:12px;padding:var(--spacing-md)}.form-group textarea{min-height:80px;resize:vertical}.checkbox-label{align-items:center;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-size:var(--font-base);gap:8px;gap:var(--spacing-sm)}.checkbox-label input[type=checkbox]{accent-color:#4361ee;accent-color:var(--primary-color);height:18px;width:18px}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-md);justify-content:flex-end}.modal-actions button{border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-size:var(--font-base);font-weight:500;min-width:100px;padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);text-align:center;transition:background-color .2s}.confirm-btn{background-color:#4361ee;background-color:var(--primary-color);color:#fff}.confirm-btn:hover{background-color:#3651d4}.confirm-btn:disabled{cursor:not-allowed;opacity:.5}.danger-btn{background-color:#e63946;background-color:var(--danger-color);color:#fff}.danger-btn:hover{background-color:#d32f2f}.cancel-btn{background-color:#f8fafc;background-color:var(--bg-light);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#64748b;color:var(--text-secondary)}.cancel-btn:hover{background-color:#e2e8f0;background-color:var(--border-color)}.admin-loading{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;gap:var(--spacing-md);justify-content:center;min-height:200px}.spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#4361ee;border:3px solid var(--border-color);height:40px;width:40px}@media (min-width:768px){.project-management{padding:24px;padding:var(--spacing-xl)}.filter-group{align-items:center;flex-direction:row;flex-wrap:wrap}.filter-group input,.filter-group select{flex:1 1 150px;width:auto}.reset-filters-btn{flex:0 0 auto;width:auto}.management-table table{min-width:100%;white-space:normal}.management-table td:nth-child(5){max-width:none;white-space:normal}}@media (max-width:480px){.action-btn{height:44px;width:44px}.modal-actions button{flex:1 1 100%}.admin-modal{padding:12px;padding:var(--spacing-md)}}:root{--success-color:#16a34a;--warning-color:#f59e0b;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--bg-primary:#fff;--bg-secondary:#f3f4f6;--bg-tertiary:#e5e7eb;--border-color:#e5e7eb;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--font-sm:0.75rem;--font-base:0.875rem;--font-lg:1rem;--font-xl:1.125rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem}body{background-color:#f3f4f6;background-color:var(--bg-secondary);color:#1f2937;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.admin-access-denied{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:1rem;padding:var(--spacing-4);text-align:center}.admin-access-denied h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.admin-access-denied p{font-size:.875rem;font-size:var(--font-base);margin-bottom:1rem;margin-bottom:var(--spacing-4);opacity:.9}.back-home-btn{background-color:#fff;border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#2563eb;color:var(--primary-color);display:inline-block;font-size:.75rem;font-size:var(--font-sm);font-weight:500;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:background-color .2s,transform .1s}.back-home-btn:hover{background-color:#f3f4f6;background-color:var(--bg-secondary);transform:translateY(-1px)}.back-home-btn:active{transform:translateY(0)}.admin-panel{background-color:#f3f4f6;background-color:var(--bg-secondary);display:flex;flex-direction:column;min-height:100vh}.admin-sidebar{background-color:#fff;background-color:var(--bg-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4)}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.sidebar-header h2{color:#2563eb;color:var(--primary-color);font-size:1rem;font-size:var(--font-lg);font-weight:600}.admin-greeting{color:#6b7280;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-sm);font-weight:400;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--spacing-1);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.nav-link{align-items:center;border-radius:.375rem;border-radius:var(--radius-md);color:#6b7280;color:var(--text-secondary);display:flex;flex:0 1 auto;font-size:.75rem;font-size:var(--font-sm);font-weight:500;padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3);text-decoration:none;transition:all .2s}.nav-link:hover{background-color:#f3f4f6;background-color:var(--bg-secondary);color:#1f2937;color:var(--text-primary)}.nav-link.active{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.nav-icon{font-size:.875rem;font-size:var(--font-base);margin-right:.5rem;margin-right:var(--spacing-2)}.nav-text{display:inline}.sidebar-footer,.user-dashboard-link{display:none}.admin-main{background-color:#f3f4f6;background-color:var(--bg-secondary);flex:1 1;padding:1rem;padding:var(--spacing-4)}.admin-header{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-2);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.admin-header h1{color:#1f2937;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-xl);font-weight:600}.admin-actions{flex-wrap:wrap;gap:.5rem;gap:var(--spacing-2)}.admin-actions,.refresh-btn{align-items:center;display:flex}.refresh-btn{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-size:var(--font-sm);font-weight:500;gap:.25rem;gap:var(--spacing-1);padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3);transition:all .2s}.refresh-btn:hover{background-color:#e5e7eb;background-color:var(--bg-tertiary);border-color:#9ca3af;border-color:var(--text-muted);color:#1f2937;color:var(--text-primary)}.admin-time{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.375rem;border-radius:var(--radius-md);color:#9ca3af;color:var(--text-muted);font-size:.75rem;font-size:var(--font-sm);padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3)}.admin-dashboard{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-4)}.admin-quick-actions h2,.recent-activity h2,.stats-overview h2{color:#1f2937;color:var(--text-primary);font-size:1rem;font-size:var(--font-lg);font-weight:600;margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.stats-grid{grid-gap:.75rem;grid-gap:var(--spacing-3);display:grid;gap:.75rem;gap:var(--spacing-3);grid-template-columns:1fr}.admin-stat-card{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1rem;padding:var(--spacing-4);transition:transform .2s,box-shadow .2s}.admin-stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-header{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-2);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.stat-icon{font-size:1.125rem;font-size:var(--font-xl);line-height:1}.stat-header h3{color:#6b7280;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-sm);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#1f2937;color:var(--text-primary);font-size:1.5rem;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.stat-trend{align-items:center;color:#9ca3af;color:var(--text-muted);display:flex;font-size:.75rem;font-size:var(--font-sm);gap:.25rem;gap:var(--spacing-1)}.trend-up{color:#16a34a;color:var(--success-color);font-weight:600}.trend-down{color:#dc2626;color:var(--danger-color);font-weight:600}.recent-activity{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1rem;padding:var(--spacing-4)}.activity-list{flex-direction:column}.activity-item,.activity-list{display:flex;gap:.75rem;gap:var(--spacing-3)}.activity-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:.5rem 0;padding:var(--spacing-2) 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;background-color:#f3f4f6;background-color:var(--bg-secondary);border-radius:50%;display:flex;font-size:1rem;font-size:var(--font-lg);height:2rem;justify-content:center;width:2rem}.activity-content{flex:1 1}.activity-content p{color:#1f2937;color:var(--text-primary);font-size:.75rem;font-size:var(--font-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.activity-content strong{font-weight:600}.activity-content small{color:#9ca3af;color:var(--text-muted);font-size:.75rem;font-size:var(--font-sm)}.admin-quick-actions{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1rem;padding:var(--spacing-4)}.quick-actions-grid{grid-gap:.75rem;grid-gap:var(--spacing-3);display:grid;gap:.75rem;gap:var(--spacing-3);grid-template-columns:repeat(2,1fr)}.quick-action-btn{align-items:center;background-color:#f3f4f6;background-color:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.375rem;border-radius:var(--radius-md);color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;font-size:var(--font-sm);font-weight:500;gap:.5rem;gap:var(--spacing-2);padding:.75rem .5rem;padding:var(--spacing-3) var(--spacing-2);text-align:center;transition:all .2s}.quick-action-btn:hover{background-color:#e5e7eb;background-color:var(--bg-tertiary);border-color:#9ca3af;border-color:var(--text-muted);color:#1f2937;color:var(--text-primary);transform:translateY(-2px)}.action-icon{font-size:1.125rem;font-size:var(--font-xl)}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:repeat(4,1fr)}.admin-header{align-items:center;flex-direction:row;justify-content:space-between}.sidebar-nav{flex-wrap:nowrap;justify-content:flex-start}}@media (min-width:768px){.admin-panel{flex-direction:row}.admin-sidebar{border-bottom:none;border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;padding:1rem .75rem;padding:var(--spacing-4) var(--spacing-3);position:-webkit-sticky;position:sticky;top:0;width:220px}.sidebar-header{align-items:flex-start;flex-direction:column;gap:.25rem;gap:var(--spacing-1);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.sidebar-header h2{font-size:1rem;font-size:var(--font-lg)}.admin-greeting{font-size:.75rem;font-size:var(--font-sm);max-width:100%}.sidebar-nav{flex-direction:column;gap:.25rem;gap:var(--spacing-1);margin-bottom:auto}.nav-link{padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3);width:100%}.nav-icon{margin-right:.75rem;margin-right:var(--spacing-3)}.sidebar-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:block;margin-top:1rem;margin-top:var(--spacing-4);padding-top:.75rem;padding-top:var(--spacing-3)}.user-dashboard-link{border-radius:.375rem;border-radius:var(--radius-md);color:#6b7280;color:var(--text-secondary);display:block;font-size:.75rem;font-size:var(--font-sm);padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3);text-decoration:none;transition:background-color .2s}.user-dashboard-link:hover{background-color:#f3f4f6;background-color:var(--bg-secondary);color:#1f2937;color:var(--text-primary)}.admin-main{padding:1.25rem;padding:var(--spacing-5)}.stats-grid{grid-template-columns:repeat(3,1fr)}.admin-stat-card{padding:1rem;padding:var(--spacing-4)}.stat-value{font-size:1.75rem}}@media (min-width:1024px){.admin-sidebar{width:260px}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:360px){.sidebar-nav{justify-content:space-between}.nav-link{padding:.5rem;padding:var(--spacing-2)}.nav-text{font-size:.75rem;font-size:var(--font-sm)}.quick-actions-grid{grid-template-columns:1fr}.stat-value{font-size:1.25rem}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}.btn,button{font-family:inherit}html{scroll-behavior:smooth}.nav-link:focus-visible,.quick-action-btn:focus-visible,.refresh-btn:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--primary-color);outline-offset:2px}.top-countries-chart{background-color:#fff;border-radius:.375rem;border-radius:var(--radius);display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md);padding:.75rem;padding:var(--spacing-md);width:100%}.view-mode-toggle{display:flex;gap:.25rem;gap:var(--spacing-xs);justify-content:center;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.toggle-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.375rem;border-radius:var(--radius);color:#4b5563;color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-size:var(--font-size-sm);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s}.toggle-btn:hover{background-color:#f9fafb;background-color:var(--bg-light);border-color:#6b7280;border-color:var(--text-muted)}.toggle-btn.active{background-color:#2563eb;background-color:var(--primary-color);border-color:#2563eb;border-color:var(--primary-color);color:#fff}.chart-content{min-height:300px}.chart-content .recharts-responsive-container{height:auto!important;min-height:300px;width:100%!important}.recharts-yAxis .recharts-text{fill:#111827;fill:var(--text-primary);font-size:.625rem;font-size:var(--font-size-xs)}.countries-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.countries-table table{border-collapse:collapse;font-size:.625rem;font-size:var(--font-size-xs);min-width:500px;width:100%}.countries-table th{background-color:#f9fafb;background-color:var(--bg-light);color:#4b5563;color:var(--text-secondary);font-weight:500;letter-spacing:.05em;text-align:left;text-transform:uppercase}.countries-table td,.countries-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);padding:.5rem .25rem;padding:var(--spacing-sm) var(--spacing-xs)}.countries-table td{color:#111827;color:var(--text-primary);vertical-align:middle}.countries-table tr:last-child td{border-bottom:none}.country-cell{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.country-cell .react-country-flag{display:inline-block;vertical-align:middle}.progress-bar{background-color:#f9fafb;background-color:var(--bg-light);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background-color:#2563eb;background-color:var(--primary-color);border-radius:4px;height:100%;transition:width .2s}.geo-map-container{background-color:#f9fafb;background-color:var(--bg-light);border-radius:.375rem;border-radius:var(--radius);height:400px;overflow:hidden;position:relative;width:100%}.geo-map-container svg{height:100%;width:100%}.map-note{color:#6b7280;color:var(--text-muted);font-size:.625rem;font-size:var(--font-size-xs);margin-top:.25rem;margin-top:var(--spacing-xs);padding:.25rem;padding:var(--spacing-xs);text-align:center}.rsm-marker circle{fill:#f53;stroke:#fff;stroke-width:1;opacity:.8}.top-country-summary{align-items:center;background-color:#f9fafb;background-color:var(--bg-light);border-radius:.375rem;border-radius:var(--radius);display:flex;gap:.75rem;gap:var(--spacing-md);margin-top:.5rem;margin-top:var(--spacing-sm);padding:.5rem;padding:var(--spacing-sm)}.summary-flag .react-country-flag{display:block;height:20px;width:30px}.summary-details{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.summary-details .country-name{color:#111827;color:var(--text-primary);font-size:.75rem;font-size:var(--font-size-sm);font-weight:600}.summary-details .visitor-count{color:#4b5563;color:var(--text-secondary);font-size:.625rem;font-size:var(--font-size-xs)}@media (max-width:480px){.top-countries-chart{padding:.5rem;padding:var(--spacing-sm)}.view-mode-toggle{flex-wrap:wrap}.toggle-btn{flex:1 1 auto;font-size:.625rem;font-size:var(--font-size-xs);padding:.25rem;padding:var(--spacing-xs)}.chart-content,.chart-content .recharts-responsive-container{min-height:250px}.recharts-text{font-size:.7rem}.countries-table td,.countries-table th{font-size:.7rem;padding:.25rem;padding:var(--spacing-xs)}.country-cell .react-country-flag{height:12px;width:16px}.progress-bar{height:6px}.geo-map-container{height:300px}.top-country-summary{gap:.5rem;gap:var(--spacing-sm)}.summary-details .country-name{font-size:.625rem;font-size:var(--font-size-xs)}.summary-details .visitor-count{font-size:.7rem}.no-data-placeholder p{font-size:.625rem;font-size:var(--font-size-xs);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}}.map-popup{color:#111827;color:var(--text-primary);font-size:.625rem;font-size:var(--font-size-xs);max-width:200px}.map-popup strong{color:#2563eb;color:var(--primary-color);display:block;margin-bottom:4px}.browser-usage-chart{background-color:#fff;border-radius:.375rem;border-radius:var(--radius);display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md);padding:.75rem;padding:var(--spacing-md);width:100%}.browser-usage-chart .recharts-responsive-container{height:auto!important;min-height:250px;width:100%!important}.top-browser-summary{align-items:center;background-color:#f9fafb;background-color:var(--bg-light);border-radius:.375rem;border-radius:var(--radius);display:flex;flex-wrap:wrap;font-size:.75rem;font-size:var(--font-size-sm);gap:.25rem;gap:var(--spacing-xs);justify-content:center;padding:.5rem;padding:var(--spacing-sm)}.top-browser-summary .label{color:#6b7280;color:var(--text-muted);font-weight:500}.top-browser-summary .browser-name{color:#111827;color:var(--text-primary);font-weight:600}.top-browser-summary .browser-count{color:#4b5563;color:var(--text-secondary)}@media (max-width:480px){.browser-usage-chart{padding:.5rem;padding:var(--spacing-sm)}.browser-usage-chart .recharts-responsive-container{min-height:200px}.recharts-legend-item-text,.recharts-text{font-size:.7rem}.top-browser-summary{flex-direction:column;gap:.25rem;gap:var(--spacing-xs);text-align:center}.no-data-placeholder p,.top-browser-summary{font-size:.625rem;font-size:var(--font-size-xs)}.no-data-placeholder p{padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}}.os-chart{align-items:center;background-color:#fff;border-radius:.375rem;border-radius:var(--radius);display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md);justify-content:center;padding:.75rem;padding:var(--spacing-md);width:100%}.os-chart .recharts-responsive-container{height:auto!important;min-height:350px;width:100%!important}.recharts-pie-label-text{fill:#111827;fill:var(--text-primary);font-size:.625rem;font-size:var(--font-size-xs);font-weight:500}.recharts-legend-item-text{color:#111827!important;color:var(--text-primary)!important;font-size:.625rem;font-size:var(--font-size-xs)}.recharts-legend-icon{margin-right:.25rem;margin-right:var(--spacing-xs)}@media (max-width:480px){.os-chart{padding:.5rem;padding:var(--spacing-sm)}.os-chart .recharts-responsive-container{min-height:280px}.recharts-legend-item-text,.recharts-pie-label-text{font-size:.7rem}.no-data-placeholder p{font-size:.625rem;font-size:var(--font-size-xs);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}}.language-chart{background-color:#fff;border-radius:.375rem;border-radius:var(--radius);display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md);padding:.75rem;padding:var(--spacing-md);width:100%}.language-chart .recharts-responsive-container{height:auto!important;min-height:250px;width:100%!important}.recharts-cartesian-grid line{stroke:#e5e7eb}.recharts-bar-rectangle{fill:#82ca9d}@media (max-width:480px){.language-chart{padding:.5rem;padding:var(--spacing-sm)}.language-chart .recharts-responsive-container{min-height:200px}.recharts-text{font-size:.7rem}.no-data-placeholder p{font-size:.625rem;font-size:var(--font-size-xs);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}}.hourly-analytics-chart{background-color:#fff;border-radius:.375rem;border-radius:var(--radius);display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md);padding:.75rem;padding:var(--spacing-md);width:100%}.hourly-analytics-chart .recharts-responsive-container{height:auto!important;min-height:250px;width:100%!important}.recharts-text{fill:#4b5563;fill:var(--text-secondary);font-size:.625rem;font-size:var(--font-size-xs)}.recharts-cartesian-grid line{stroke:var(--border-light)}.recharts-tooltip-label{color:#4b5563;color:var(--text-secondary);font-size:.625rem;font-size:var(--font-size-xs)}.recharts-tooltip-item{font-size:.625rem!important;font-size:var(--font-size-xs)!important}.recharts-tooltip-wrapper{background-color:#fff!important;border-radius:.375rem!important;border-radius:var(--radius)!important;box-shadow:0 1px 2px 0 #0000000d!important;box-shadow:var(--shadow-sm)!important}.peak-hour-indicator{align-items:center;background-color:#f9fafb;background-color:var(--bg-light);border-radius:.375rem;border-radius:var(--radius);display:flex;flex-wrap:wrap;font-size:.75rem;font-size:var(--font-size-sm);gap:.25rem;gap:var(--spacing-xs);justify-content:center;padding:.5rem;padding:var(--spacing-sm)}.peak-hour-indicator .label{color:#6b7280;color:var(--text-muted);font-weight:500}.peak-hour-indicator .hour{color:#111827;color:var(--text-primary);font-weight:600}.peak-hour-indicator .count{color:#4b5563;color:var(--text-secondary)}.minute-breakdown{background-color:#f9fafb;background-color:var(--bg-light);border-radius:.375rem;border-radius:var(--radius);margin-top:.5rem;margin-top:var(--spacing-sm);padding:.5rem;padding:var(--spacing-sm)}.minute-breakdown h4{color:#111827;color:var(--text-primary);font-size:.75rem;font-size:var(--font-size-sm);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-align:center}.minute-breakdown table{border-collapse:collapse;font-size:.625rem;font-size:var(--font-size-xs);width:100%}.minute-breakdown th{background-color:#e5e7eb;color:#4b5563;color:var(--text-secondary);font-weight:500;letter-spacing:.05em;text-align:left;text-transform:uppercase}.minute-breakdown td,.minute-breakdown th{padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.minute-breakdown td{border-bottom:1px solid var(--border-light);color:#111827;color:var(--text-primary)}.minute-breakdown tr:last-child td{border-bottom:none}.minute-breakdown p{color:#6b7280;color:var(--text-muted);font-size:.625rem;font-size:var(--font-size-xs);padding:.5rem;padding:var(--spacing-sm);text-align:center}@media (max-width:480px){.hourly-analytics-chart{padding:.5rem;padding:var(--spacing-sm)}.hourly-analytics-chart .recharts-responsive-container{min-height:200px}.recharts-text{font-size:.7rem}.peak-hour-indicator{flex-direction:column;gap:.25rem;gap:var(--spacing-xs);text-align:center}.minute-breakdown h4,.peak-hour-indicator{font-size:.625rem;font-size:var(--font-size-xs)}.minute-breakdown table{font-size:.7rem}.minute-breakdown td,.minute-breakdown th{padding:.25rem;padding:var(--spacing-xs)}.no-data-placeholder p{font-size:.625rem;font-size:var(--font-size-xs);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}}.chart-loading,.sankey-placeholder{align-items:center;display:flex;justify-content:center;min-height:200px;padding:1rem;padding:var(--spacing-lg)}.sankey-placeholder{background-color:#f9fafb;background-color:var(--bg-light);border-radius:.375rem;border-radius:var(--radius);text-align:center}.sankey-placeholder p{color:#4b5563;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-sm);font-style:italic}@media (max-width:480px){.no-data-placeholder p,.sankey-placeholder p{font-size:.625rem;font-size:var(--font-size-xs);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}}.widget-loading{align-items:center;display:flex;justify-content:center;padding:1rem;padding:var(--spacing-lg)}.no-data-placeholder,.widget-loading{min-height:200px}.recent-visitors-widget{-webkit-overflow-scrolling:touch;background-color:#fff;border-radius:.375rem;border-radius:var(--radius);overflow-x:auto;padding:.75rem;padding:var(--spacing-md);width:100%}.visitors-table{border-collapse:collapse;font-size:.625rem;font-size:var(--font-size-xs);min-width:600px;width:100%}.visitors-table th{background-color:#f9fafb;background-color:var(--bg-light);color:#4b5563;color:var(--text-secondary);font-weight:500;letter-spacing:.05em;text-align:left;text-transform:uppercase}.visitors-table td,.visitors-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);padding:.5rem .25rem;padding:var(--spacing-sm) var(--spacing-xs)}.visitors-table td{color:#111827;color:var(--text-primary);vertical-align:middle}.visitors-table tr:last-child td{border-bottom:none}.visitors-table .clickable-row{cursor:pointer;transition:background-color .2s}.visitors-table .clickable-row:hover{background-color:#f9fafb;background-color:var(--bg-light)}.visitors-table td .react-country-flag{margin-right:.25rem;margin-right:var(--spacing-xs);vertical-align:middle}.visitor-detail-modal{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:.75rem;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.visitor-detail-modal .modal-content{animation:modalFadeIn .2s ease-out;background:#fff;border-radius:.375rem;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);max-height:90vh;max-width:500px;overflow-y:auto;padding:1rem;padding:var(--spacing-lg);width:100%}.visitor-detail-modal .modal-content h3{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.visitor-detail-modal .modal-content pre{word-wrap:break-word;border-radius:.375rem;border-radius:var(--radius);font-size:.625rem;font-size:var(--font-size-xs);margin-bottom:.75rem;margin-bottom:var(--spacing-md);overflow-x:auto;padding:.75rem;padding:var(--spacing-md);white-space:pre-wrap}.visitor-detail-modal .modal-content button,.visitor-detail-modal .modal-content pre{background-color:#f9fafb;background-color:var(--bg-light);color:#4b5563;color:var(--text-secondary)}.visitor-detail-modal .modal-content button{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.375rem;border-radius:var(--radius);cursor:pointer;float:right;font-size:.75rem;font-size:var(--font-size-sm);font-weight:500;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}.visitor-detail-modal .modal-content button:hover{background-color:#e5e7eb;border-color:#6b7280;border-color:var(--text-muted)}@media (max-width:480px){.recent-visitors-widget{padding:.5rem;padding:var(--spacing-sm)}.visitors-table{font-size:.7rem;min-width:500px}.visitors-table td,.visitors-table th{padding:.25rem;padding:var(--spacing-xs)}.no-data-placeholder p{font-size:.625rem;font-size:var(--font-size-xs);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.visitor-detail-modal .modal-content{padding:.75rem;padding:var(--spacing-md)}.visitor-detail-modal .modal-content h3{font-size:1.125rem}.visitor-detail-modal .modal-content pre{font-size:.7rem;padding:.5rem;padding:var(--spacing-sm)}.visitor-detail-modal .modal-content button{font-size:.625rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}}.overview-loading{align-items:center;display:flex;justify-content:center;min-height:120px;padding:1rem;padding:var(--spacing-lg)}.spinner{border:3px solid #f9fafb;border:3px solid var(--bg-light);border-top-color:var(--primary-color);height:2rem;width:2rem}.no-data-placeholder{align-items:center;display:flex;justify-content:center;min-height:120px;padding:1rem;padding:var(--spacing-lg);text-align:center}.no-data-placeholder p{background-color:#f9fafb;background-color:var(--bg-light);color:#6b7280;color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-sm);padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg)}.analytics-overview,.no-data-placeholder p{border-radius:.375rem;border-radius:var(--radius)}.analytics-overview{background-color:#fff;padding:.75rem;padding:var(--spacing-md);width:100%}.overview-grid{grid-gap:.5rem;grid-gap:var(--spacing-sm);display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}@media (min-width:480px){.overview-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.overview-grid{grid-template-columns:repeat(6,1fr)}}.overview-card{background-color:#f9fafb;background-color:var(--bg-light);border-radius:.375rem;border-radius:var(--radius);display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);padding:.5rem .25rem;padding:var(--spacing-sm) var(--spacing-xs);text-align:center}.overview-card .label{color:#6b7280;color:var(--text-muted);font-size:.625rem;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.overview-card .value{color:#111827;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-base);font-weight:600;line-height:1.2;word-break:break-word}@media (max-width:480px){.overview-card{padding:.25rem;padding:var(--spacing-xs) var(--spacing-xs)}.overview-card .label{font-size:.7rem}.overview-card .value{font-size:.75rem;font-size:var(--font-size-sm)}.no-data-placeholder p{font-size:.625rem;font-size:var(--font-size-xs);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--danger-color:#dc2626;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--bg-color:#fff;--bg-light:#f9fafb;--border-light:#e5e7eb;--shadow-md:0 4px 6px -1px #0000001a;--radius:0.375rem;--font-size-base:0.875rem;--font-size-sm:0.75rem;--font-size-xs:0.625rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem}.export-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:.75rem;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.export-modal-content{animation:modalFadeIn .2s ease-out;background:#fff;background:var(--bg-color);border-radius:.375rem;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);max-height:90vh;max-width:500px;overflow-y:auto;padding:1rem;padding:var(--spacing-lg);width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.export-modal-content h3{color:#111827;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.modal-subtitle{color:#6b7280;color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-sm);margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.export-sections-list{flex-direction:column;margin-bottom:.75rem;margin-bottom:var(--spacing-md);max-height:300px;overflow-y:auto;padding:.25rem 0;padding:var(--spacing-xs) 0}.export-section-item,.export-sections-list{display:flex;gap:.5rem;gap:var(--spacing-sm)}.export-section-item{align-items:center;background-color:#f9fafb;background-color:var(--bg-light);border-radius:.375rem;border-radius:var(--radius);color:#111827;color:var(--text-primary);cursor:pointer;font-size:.75rem;font-size:var(--font-size-sm);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s}.export-section-item:hover{background-color:#e5e7eb}.export-section-item input[type=checkbox]{accent-color:#2563eb;accent-color:var(--primary-color);cursor:pointer;height:1rem;width:1rem}.export-actions{display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.export-actions button{background-color:#f9fafb;background-color:var(--bg-light);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.375rem;border-radius:var(--radius);color:#4b5563;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.75rem;font-size:var(--font-size-sm);padding:.5rem .25rem;padding:var(--spacing-sm) var(--spacing-xs);transition:all .2s}.export-actions button:hover{background-color:#e5e7eb;border-color:#6b7280;border-color:var(--text-muted)}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:flex-end;margin-top:1rem;margin-top:var(--spacing-lg);padding-top:.75rem;padding-top:var(--spacing-md)}.modal-footer button{border:none;border-radius:.375rem;border-radius:var(--radius);cursor:pointer;font-size:.75rem;font-size:var(--font-size-sm);font-weight:500;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s}.modal-footer .cancel-btn{background-color:#f9fafb;background-color:var(--bg-light);border:1px solid #e5e7eb;border:1px solid var(--border-light);color:#4b5563;color:var(--text-secondary)}.modal-footer .cancel-btn:hover:not(:disabled){background-color:#e5e7eb}.modal-footer .export-btn{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.modal-footer .export-btn:hover:not(:disabled){background-color:#1d4ed8;background-color:var(--primary-hover)}.modal-footer button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.export-modal-content{padding:.75rem;padding:var(--spacing-md)}.export-modal-content h3{font-size:1.125rem}.export-section-item,.modal-subtitle{font-size:.625rem;font-size:var(--font-size-xs)}.export-section-item{padding:.25rem;padding:var(--spacing-xs)}.export-section-item input[type=checkbox]{height:.875rem;width:.875rem}.export-actions button{padding:.25rem;padding:var(--spacing-xs)}.export-actions button,.modal-footer button{font-size:.625rem;font-size:var(--font-size-xs)}.modal-footer button{padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1d4ed8;--color-error:#dc2626;--color-warning:#f59e0b;--color-success:#10b981;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-white:#fff;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,monospace;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a}body{background-color:#f9fafb;background-color:var(--color-gray-50);color:#111827;color:var(--color-gray-900);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-sans);font-size:14px;line-height:1.5}.spinner{animation:spin .6s linear infinite;border:2px solid #e5e7eb;border-top-color:#2563eb;border:2px solid var(--color-gray-200);border-top-color:var(--color-primary);display:inline-block;height:1.5rem;width:1.5rem}.analytics-error,.analytics-loading,.private-analytics{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:1rem;padding:var(--space-4);text-align:center}.analytics-error p,.analytics-loading p,.private-analytics p{color:#4b5563;color:var(--color-gray-600);font-size:.9375rem;margin-top:.75rem;margin-top:var(--space-3)}.error-icon,.private-icon{font-size:2.5rem;margin-bottom:.5rem;margin-bottom:var(--space-2)}.analytics-error h3,.private-analytics h2{color:#1f2937;color:var(--color-gray-800);font-size:1.25rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-2)}.login-btn,.overall-btn,.retry-btn{background-color:#2563eb;background-color:var(--color-primary);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;color:var(--color-white);cursor:pointer;font-size:.875rem;font-weight:500;margin-top:1rem;margin-top:var(--space-4);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:background-color .2s ease}.login-btn:hover,.overall-btn:hover,.retry-btn:hover{background-color:#1d4ed8;background-color:var(--color-primary-dark)}.analytics-page{margin:0 auto;max-width:100%;padding:.75rem;padding:var(--space-3)}section{background-color:#fff;background-color:var(--color-white);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1.25rem;margin-bottom:var(--space-5);padding:1rem;padding:var(--space-4)}.section-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--space-3)}.section-header h2{color:#1f2937;color:var(--color-gray-800);font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.time-range-label{background-color:#f3f4f6;background-color:var(--color-gray-100);border-radius:.25rem;border-radius:var(--radius-sm);color:#6b7280;color:var(--color-gray-500);font-size:.75rem;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.analytics-selectors-section{padding:.75rem;padding:var(--space-3)}.selectors-container{display:flex;flex-direction:column;gap:1rem;gap:var(--space-4)}.selector-group{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-1)}.selector-label{color:#4b5563;color:var(--color-gray-600);font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.selector-with-actions{align-items:center;display:flex;gap:.5rem;gap:var(--space-2)}.url-selector{-webkit-appearance:none;appearance:none;background-color:#f9fafb;background-color:var(--color-gray-50);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25rem;border:1px solid #e5e7eb;border:1px solid var(--color-gray-200);border-radius:.375rem;border-radius:var(--radius-md);color:#1f2937;color:var(--color-gray-800);flex:1 1;font-size:.875rem;padding:.5rem .75rem;padding:var(--space-2) var(--space-3);padding-right:2rem}.url-selector:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a;outline:none}.visit-url-btn{align-items:center;background-color:#f3f4f6;background-color:var(--color-gray-100);border-radius:.375rem;border-radius:var(--radius-md);color:#374151;color:var(--color-gray-700);display:inline-flex;font-size:1.125rem;height:2rem;justify-content:center;text-decoration:none;transition:background-color .2s;width:2rem}.visit-url-btn:hover{background-color:#e5e7eb;background-color:var(--color-gray-200)}.time-selector-container{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-3)}.time-range-buttons{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1)}.time-range-btn{background-color:#f3f4f6;background-color:var(--color-gray-100);border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#374151;color:var(--color-gray-700);cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);transition:all .15s}.time-range-btn.active{background-color:#2563eb;background-color:var(--color-primary);color:#fff;color:var(--color-white)}.time-range-btn:not(.active):hover{background-color:#e5e7eb;background-color:var(--color-gray-200)}.custom-date-selector{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-3);padding:.5rem 0;padding:var(--space-2) 0}.date-input-group{display:flex;flex:1 1 150px;flex-direction:column;gap:.25rem;gap:var(--space-1)}.date-input-group label{color:#4b5563;color:var(--color-gray-600);font-size:.6875rem;font-weight:600;text-transform:uppercase}.date-input-group input[type=date]{background-color:#fff;background-color:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--color-gray-200);border-radius:.25rem;border-radius:var(--radius-sm);color:#1f2937;color:var(--color-gray-800);font-size:.75rem;padding:.25rem .5rem;padding:var(--space-1) var(--space-2)}.timezone-buttons{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--space-1)}.timezone-btn{background-color:#f3f4f6;background-color:var(--color-gray-100);border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#374151;color:var(--color-gray-700);cursor:pointer;font-size:.6875rem;font-weight:600;padding:.25rem .5rem;padding:var(--space-1) var(--space-2);transition:background-color .15s}.timezone-btn.active{background-color:#2563eb;background-color:var(--color-primary);color:#fff;color:var(--color-white)}.export-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-2)}.export-main-btn{align-items:center;align-self:flex-start;background-color:#111827;background-color:var(--color-gray-900);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;gap:var(--space-1);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:background-color .2s}.export-main-btn:hover{background-color:#1f2937;background-color:var(--color-gray-800)}.section-small-stats{grid-gap:.5rem;grid-gap:var(--space-2);display:grid;gap:.5rem;gap:var(--space-2);grid-template-columns:repeat(2,1fr);margin-top:.75rem;margin-top:var(--space-3)}.stat-item{background-color:#f9fafb;background-color:var(--color-gray-50);border-radius:.375rem;border-radius:var(--radius-md);display:flex;flex-direction:column;padding:.5rem;padding:var(--space-2)}.stat-label{color:#4b5563;color:var(--color-gray-600);font-size:.625rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.stat-value{color:#111827;color:var(--color-gray-900);font-size:1.125rem;font-weight:700;line-height:1.2}.url-info-section{background-color:#f9fafb;background-color:var(--color-gray-50);border-radius:.375rem;border-radius:var(--radius-md);color:#374151;color:var(--color-gray-700);font-size:.8125rem;margin-bottom:1rem;margin-bottom:var(--space-4);padding:.75rem;padding:var(--space-3)}.analytics-overview-section,.browser-usage-section,.hourly-analytics-section,.language-section,.os-usage-section,.recent-visitors-section,.sankey-section,.stats-chart-section,.top-countries-section{padding:1rem;padding:var(--space-4)}[class$=Chart]{height:auto;max-width:100%;min-height:250px;width:100%}.recent-visitors-section .visitor-list,.recent-visitors-section table{border-collapse:collapse;font-size:.75rem;width:100%}.recent-visitors-section th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-gray-200);color:#4b5563;color:var(--color-gray-600);font-weight:600;padding-bottom:.25rem;padding-bottom:var(--space-1);text-align:left}.recent-visitors-section td{color:#1f2937;color:var(--color-gray-800);padding:.5rem 0;padding:var(--space-2) 0}@media (min-width:640px){.analytics-page{padding:1rem;padding:var(--space-4)}.selectors-container{align-items:flex-end;flex-direction:row;flex-wrap:wrap}.selector-group{flex:1 1 200px}.section-small-stats{grid-template-columns:repeat(4,1fr)}.stat-value{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.analytics-page button,.analytics-page div,.analytics-page input,.analytics-page section,.analytics-page select{border:none}input,select{border:1px solid #e5e7eb;border:1px solid var(--color-gray-200)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-primary);outline-offset:2px}:root{--redirect-primary:#3a86ff;--redirect-primary-dark:#2a76ef;--redirect-secondary:#8338ec;--redirect-success:#06d6a0;--redirect-danger:#ef476f;--redirect-warning:#ffd166;--redirect-info:#118ab2;--redirect-dark:#1a1a2e;--redirect-light:#f8f9fa;--redirect-gray:#6c757d;--redirect-gray-light:#e9ecef;--redirect-border:#dee2e6;--redirect-shadow-sm:0 2px 4px #0000000d;--redirect-shadow-md:0 4px 6px #00000012;--redirect-shadow-lg:0 10px 15px #0000001a;--redirect-radius-sm:6px;--redirect-radius-md:8px;--redirect-radius-lg:12px;--redirect-transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.redirect-page{background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;padding:2rem}.redirect-loading,.redirect-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.redirect-loading{animation:fadeIn .3s ease;background-position:50%;background-repeat:no-repeat;background-size:cover;text-align:center;width:100%}.spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-top-color:#3a86ff;border:4px solid var(--redirect-gray-light);border-radius:50%;border-top-color:var(--redirect-primary);height:60px;margin:0 auto 2rem;width:60px}.redirect-loading p{color:#1a1a2e;color:var(--redirect-dark);font-size:1.125rem;font-weight:500;margin-top:1rem;text-shadow:0 0 8px #fffc}.rule-hint{color:#6c757d;color:var(--redirect-gray);font-size:.95rem;margin-top:.5rem;text-shadow:0 0 6px #ffffffb3}.redirect-error{animation:slideUp .3s ease;background:#fff;border:1px solid #dee2e6;border:1px solid var(--redirect-border);border-radius:12px;border-radius:var(--redirect-radius-lg);box-shadow:0 4px 6px #00000012;box-shadow:var(--redirect-shadow-md);max-width:500px;padding:2.5rem;text-align:center;width:100%}.redirect-error h2{align-items:center;color:#1a1a2e;color:var(--redirect-dark);display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.redirect-error p{color:#6c757d;color:var(--redirect-gray);font-size:1rem;line-height:1.6;margin-bottom:2rem}.password-redirect{max-width:500px;width:100%}.password-form-container{animation:slideUp .3s ease;background:#fff;border:1px solid #dee2e6;border:1px solid var(--redirect-border);border-radius:12px;border-radius:var(--redirect-radius-lg);box-shadow:0 4px 6px #00000012;box-shadow:var(--redirect-shadow-md);padding:2.5rem}.password-form-container h2{align-items:center;color:#1a1a2e;color:var(--redirect-dark);display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:1.5rem;text-align:center}.password-note{background:#3a86ff0d;border-radius:8px;border-radius:var(--redirect-radius-md);margin-bottom:2rem;padding:1rem 1.25rem}.password-note p{color:#1a1a2e;color:var(--redirect-dark);font-size:.95rem;line-height:1.5;margin:0}.password-form{margin-bottom:2rem}.password-form .form-group{margin-bottom:1.5rem}.password-form label{color:#1a1a2e;color:var(--redirect-dark);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.password-form input[type=password]{background:#fff;border:2px solid #dee2e6;border:2px solid var(--redirect-border);border-radius:8px;border-radius:var(--redirect-radius-md);font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--redirect-transition);width:100%}.password-form input[type=password]:focus{border-color:#3a86ff;border-color:var(--redirect-primary);box-shadow:0 0 0 3px #3a86ff1a;outline:none}.password-form input[type=password].error{border-color:#ef476f;border-color:var(--redirect-danger)}.error-text{color:#ef476f;color:var(--redirect-danger);font-size:.875rem;font-weight:500;margin-top:.5rem}.submit-btn{background:linear-gradient(135deg,#3a86ff,#8338ec);background:linear-gradient(135deg,var(--redirect-primary),var(--redirect-secondary));border:none;border-radius:8px;border-radius:var(--redirect-radius-md);box-shadow:0 4px 6px #3a86ff33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--redirect-transition);width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 12px #3a86ff40;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.password-footer{border-top:1px solid #dee2e6;border-top:1px solid var(--redirect-border);padding-top:1.5rem;text-align:center}.password-footer p{color:#6c757d;color:var(--redirect-gray);font-size:.875rem;line-height:1.5;margin:.5rem 0}.password-footer a{color:#3a86ff;color:var(--redirect-primary);font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--redirect-transition)}.password-footer a:hover{text-decoration:underline}.redirect-message{animation:slideUp .3s ease;background:#fff;border:1px solid #dee2e6;border:1px solid var(--redirect-border);border-radius:12px;border-radius:var(--redirect-radius-lg);box-shadow:0 4px 6px #00000012;box-shadow:var(--redirect-shadow-md);max-width:500px;padding:2.5rem;text-align:center;width:100%}.redirect-message h2{align-items:center;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.message-content{margin-bottom:2rem}.message-content p{color:#6c757d;color:var(--redirect-gray);font-size:1rem;line-height:1.6;margin-bottom:1rem}.contact-info{color:#1a1a2e!important;color:var(--redirect-dark)!important;font-size:.95rem!important;font-weight:500}.destination-link{background:#f8f9fa;background:var(--redirect-light);border:1px solid #dee2e6;border:1px solid var(--redirect-border);border-radius:8px;border-radius:var(--redirect-radius-md);margin:1.5rem 0;padding:1rem}.destination-link a{color:#3a86ff;color:var(--redirect-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.95rem;font-weight:600;text-decoration:none;word-break:break-all}.destination-link a:hover{text-decoration:underline}.redirect-timer{background:#e9ecef;background:var(--redirect-gray-light);border-radius:3px;height:6px;margin-top:1.5rem;overflow:hidden;position:relative}.timer-bar{animation:progressBar 2s linear forwards;background:linear-gradient(90deg,#06d6a0,#3a86ff);background:linear-gradient(90deg,var(--redirect-success),var(--redirect-primary));border-radius:3px;height:100%;left:0;position:absolute;top:0;width:100%}.redirect-timer span{color:#6c757d;color:var(--redirect-gray);display:block;font-size:.875rem;font-weight:500;margin-top:.75rem}.redirect-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.redirect-actions button{border:none;border-radius:8px;border-radius:var(--redirect-radius-md);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--redirect-transition)}.back-btn,.cancel-btn{background:#fff;border:1px solid #dee2e6;border:1px solid var(--redirect-border);color:#6c757d;color:var(--redirect-gray)}.back-btn:hover,.cancel-btn:hover{background:#f8f9fa;background:var(--redirect-light);border-color:#3a86ff;border-color:var(--redirect-primary);color:#3a86ff;color:var(--redirect-primary)}.direct-link{background:linear-gradient(135deg,#3a86ff,#8338ec);background:linear-gradient(135deg,var(--redirect-primary),var(--redirect-secondary));box-shadow:0 2px 4px #3a86ff33;color:#fff}.direct-link:hover{box-shadow:0 4px 8px #3a86ff40;transform:translateY(-2px)}.create-link,.home-link{background:linear-gradient(135deg,#06d6a0,#06b38a);background:linear-gradient(135deg,var(--redirect-success),#06b38a);box-shadow:0 2px 4px #06d6a033;color:#fff}.create-link:hover,.home-link:hover{box-shadow:0 4px 8px #06d6a040;transform:translateY(-2px)}.redirect-info{animation:fadeIn .5s ease .3s both;margin-top:2rem;max-width:500px;text-align:center;width:100%}.alias-info{background:#fff;border:1px solid #dee2e6;border:1px solid var(--redirect-border);border-radius:8px;border-radius:var(--redirect-radius-md);color:#6c757d;color:var(--redirect-gray);font-size:.95rem;margin-bottom:1.5rem;padding:.75rem}.alias-info strong{color:#1a1a2e;color:var(--redirect-dark);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:700}.create-your-own{background:linear-gradient(135deg,#3a86ff0d,#8338ec0d);border:1px solid #3a86ff1a;border-radius:12px;border-radius:var(--redirect-radius-lg);padding:1.5rem}.create-your-own p{color:#1a1a2e;color:var(--redirect-dark);font-size:1rem;font-weight:500;margin-bottom:1rem}.create-your-own button{background:linear-gradient(135deg,#3a86ff,#8338ec);background:linear-gradient(135deg,var(--redirect-primary),var(--redirect-secondary));border:none;border-radius:8px;border-radius:var(--redirect-radius-md);box-shadow:0 2px 4px #3a86ff33;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 2rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--redirect-transition)}.create-your-own button:hover{box-shadow:0 4px 8px #3a86ff40;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes progressBar{0%{width:0}to{width:100%}}@media (max-width:640px){.redirect-page{padding:1.5rem}.password-form-container,.redirect-error,.redirect-message{padding:2rem 1.5rem}.password-form-container h2,.redirect-error h2,.redirect-message h2{font-size:1.5rem}.redirect-actions{flex-direction:column;gap:.75rem}.redirect-actions button{width:100%}}@media (max-width:480px){.redirect-page{padding:1rem}.password-form-container,.redirect-error,.redirect-message{padding:1.5rem 1.25rem}.password-form-container h2,.redirect-error h2,.redirect-message h2{font-size:1.25rem}.spinner{height:50px;width:50px}}button:focus,input:focus{outline:2px solid #3a86ff;outline:2px solid var(--redirect-primary);outline-offset:2px}.redirect-loading p:after{animation:ellipsis 1.5s infinite;content:"";display:inline-block;text-align:left;width:1em}.splash-screen{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.splash-content{background:#ffffffe6;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:600px;padding:40px;text-align:center;width:90%}.splash-title{font-size:32px;margin-bottom:16px}.splash-message{font-size:18px;line-height:1.5;margin-bottom:24px}.splash-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.splash-continue-btn{background:#2196f3;border:none;border-radius:30px;color:#fff;font-weight:600}.splash-continue-btn,.splash-skip-btn{cursor:pointer;font-size:16px;padding:12px 30px}.splash-skip-btn{background:#0000;border:1px solid #ccc;border-radius:30px;color:#757575}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.chat-container{background-color:#fff;background-color:var(--page-bg,#fff);border-radius:0;border-radius:var(--border-radius,0);box-shadow:none;box-shadow:var(--box-shadow,none);color:#000;color:var(--text-color,#000);display:flex;flex-direction:column;font-family:Arial,sans-serif;font-family:var(--font-family,Arial,sans-serif);font-size:14px;font-size:var(--font-size,14px);height:100vh;line-height:1.4;line-height:var(--line-height,1.4);max-width:100%;overflow:hidden;padding:12px;padding:var(--content-padding,12px)}.chat-header{border-bottom:1px solid #0000001a;flex-shrink:0;margin-bottom:10px;padding-bottom:10px}.chat-title{word-wrap:break-word;font-size:1.4rem;font-weight:600;margin:0 0 5px}.chat-share{color:#666;font-size:.8rem}.chat-share a{color:#007bff;text-decoration:none}.chat-share a:hover{text-decoration:underline}.chat-messages{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.chat-original-message{margin-bottom:8px}.message-bubble{word-wrap:break-word;border-radius:18px;clear:both;max-width:85%;padding:10px 14px;position:relative}.message-bubble--system{background-color:#e1f3fb;color:#1e1e1e}.message-bubble--reply,.message-bubble--system{align-self:flex-start;border-bottom-left-radius:4px;margin-right:auto}.message-bubble--reply{background-color:#f0f0f0;color:#111}.message-wrapper{align-items:flex-start;display:flex;flex-direction:column}.message-header{align-items:baseline;display:flex;font-size:.75rem;gap:8px;margin-bottom:4px}.message-name{color:#075e54;font-weight:600}.message-time{color:#888;font-size:.7rem}.message-text{font-size:.9rem;line-height:1.4;white-space:pre-wrap}.message-pending{color:#f0ad4e;font-size:.7rem;margin-top:4px}.chat-input-area{background-color:#fff;background-color:var(--page-bg,#fff);border-top:1px solid #0000001a;flex-shrink:0;margin-top:10px;padding-top:10px}.chat-form{display:flex;flex-direction:column;gap:8px}.input-row{gap:6px}.attach-button,.input-row{align-items:center;display:flex}.attach-button{background-color:#f0f0f0;border:none;border-radius:50%;color:#555;cursor:pointer;flex-shrink:0;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;transition:background-color .2s;width:40px}.attach-button:hover{background-color:#e0e0e0}.attach-button:focus{box-shadow:0 0 0 2px #007bff80;outline:none}.message-input{background-color:#fafafa;border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:.9rem;height:40px;padding:0 16px}.message-input:focus{border-color:#007bff;outline:none}.send-button{background-color:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;height:40px;padding:0 16px;transition:background-color .2s}.send-button:hover:not(:disabled){background-color:#0069d9}.send-button:disabled{cursor:not-allowed;opacity:.5}.extra-fields{display:flex;flex-direction:column;gap:6px;margin-top:6px}.extra-input{background-color:#fafafa;border:1px solid #ddd;border-radius:18px;font-size:.85rem;height:36px;padding:0 14px;width:100%}.extra-input:focus{border-color:#007bff;outline:none}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:20px;color:#dc3545}.error-message,.success-message{font-size:.8rem;padding:8px 12px;text-align:center}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:20px;color:#28a745}@media (max-width:480px){.chat-title{font-size:1.2rem}.message-bubble{max-width:90%;padding:8px 12px}.attach-button{font-size:1.3rem;height:36px;width:36px}.message-input,.send-button{font-size:.85rem;height:36px}.send-button{padding:0 12px}}.about-page{background-color:#f9fafc;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;padding:2rem 1rem}.container{background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000000d;max-width:900px;padding:2.5rem 2rem}.about-header h1{color:#0b2b4f;font-size:2.5rem;margin-bottom:.5rem}.about-header .lead{border-left:4px solid #3b82f6;color:#4a5568;font-size:1.2rem;margin:1.5rem 0 2rem;padding-left:1.2rem}section{margin:2.5rem 0}.icon{font-size:2rem;margin-bottom:.5rem}h2{color:#0b2b4f;font-size:1.8rem;margin:0 0 .5rem}h3{color:#1e293b;font-size:1.3rem;margin:.5rem 0}.free-features{background:#f0f7ff;border:1px solid #e2e8f0;border-radius:20px;padding:1.5rem}.features-grid{grid-gap:.8rem 1rem;display:grid;gap:.8rem 1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.5rem 0}.feature-item{background:#fff;border:1px solid #cbd5e1;border-radius:40px;box-shadow:0 2px 4px #00000005;display:inline-block;font-size:.95rem;padding:.6rem 1rem;text-align:center}.features-note{color:#2563eb;font-style:italic;font-weight:500}.key-points{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-around;margin:2rem 0;text-align:center}.point{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex:1 1 180px;padding:1.2rem}.point-icon{display:block;font-size:2rem}.feedback{background:linear-gradient(135deg,#0b2b4f,#1e4a7a);border-radius:24px;padding:2rem;text-align:center}.feedback,.feedback h2{color:#fff}.feedback p{font-size:1.1rem;margin:1rem auto 0;max-width:600px;opacity:.9}code{background:#e2e8f0;padding:2px 6px}@media (max-width:600px){.container{padding:1.5rem}h1{font-size:2rem}.features-grid{grid-template-columns:1fr}}.privacy-policy{background:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.7;padding:2rem 1rem}.privacy-policy .container{background:#fff;border-radius:32px;box-shadow:0 20px 40px -15px #00141e26;margin:0 auto;max-width:900px;padding:2.5rem 2.8rem}.policy-header{border-bottom:1px solid #e2e8f0;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.policy-header h1{color:#0f172a;font-size:2.8rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .3rem}.contact-email{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:60px;display:inline-block;font-size:1.2rem;margin:.5rem 0;padding:.8rem 1.2rem}.contact-email a{color:#0b2b4f;font-weight:500}.policy-footer{border-top:1px solid #e2e8f0;color:#94a3b8;font-size:.9rem;margin-top:3rem;padding-top:1.5rem;text-align:center}@media (max-width:600px){.privacy-policy .container{padding:1.8rem}.policy-header h1{font-size:2rem}section h2{font-size:1.5rem}.contact-email{font-size:1rem;word-break:break-all}}.terms-of-service{background:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.7;padding:2rem 1rem}.terms-of-service .container{background:#fff;border-radius:32px;box-shadow:0 20px 40px -15px #00141e26;margin:0 auto;max-width:900px;padding:2.5rem 2.8rem}.terms-header{border-bottom:1px solid #e2e8f0;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.terms-header h1{color:#0f172a;font-size:2.8rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .3rem}.effective-date{color:#64748b;font-size:1rem;margin-top:.2rem}section{margin:2.2rem 0}section h2{border-bottom:2px solid #e2e8f0;color:#0b2b4f;font-size:1.8rem;font-weight:600;margin:0 0 1rem;padding-bottom:.3rem}section p{margin:1rem 0}ul{margin:.8rem 0 1.2rem;padding-left:1.5rem}ul li{margin:.5rem 0}ul ul{margin:.3rem 0 .3rem 1.2rem}code{background:#eef2f6;border-radius:6px;color:#d53f8c;font-family:SF Mono,Fira Code,monospace;font-size:.9em;padding:.2rem .4rem}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.contact-details{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:16px;margin:1rem 0;padding:1.2rem 1.5rem}.contact-details p{margin:.5rem 0}.contact-details strong{color:#0b2b4f}.terms-footer{border-top:1px solid #e2e8f0;color:#94a3b8;font-size:.9rem;margin-top:3rem;padding-top:1.5rem;text-align:center}@media (max-width:600px){.terms-of-service .container{padding:1.8rem}.terms-header h1{font-size:2rem}section h2{font-size:1.5rem}.contact-details{padding:1rem;word-break:break-word}}.products-page{background:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;padding:2rem 1rem}.products-page .container{background:#fff;border-radius:32px;box-shadow:0 20px 40px -15px #00141e26;margin:0 auto;max-width:1200px;padding:2.5rem 2.8rem}.products-header{margin-bottom:3rem;text-align:center}.products-header h1{color:#0f172a;font-size:2.8rem;font-weight:700;letter-spacing:-.02em;margin:0 0 1rem}.products-header .subhead{color:#475569;font-size:1.2rem;margin:0 auto;max-width:700px}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:3rem 0}.product-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;display:flex;flex-direction:column;padding:2rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.product-card:hover{border-color:#94a3b8;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;transform:translateY(-4px)}.card-icon{font-size:3rem;margin-bottom:1rem}.product-card h3{color:#0b2b4f;font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.product-card p{color:#475569;flex-grow:1;margin:0 0 1.5rem}.card-link{align-items:center;align-self:flex-start;color:#2563eb;display:inline-flex;font-weight:500;gap:.25rem;text-decoration:none;transition:color .2s}.card-link:hover{color:#1d4ed8;text-decoration:underline}.products-cta{background:linear-gradient(135deg,#0b2b4f,#1e4a7a);border-radius:24px;color:#fff;margin:3rem 0 2rem;padding:3rem 2rem;text-align:center}.products-cta h2{color:#fff;font-size:2rem;font-weight:600;margin:0 0 1rem}.products-cta p{font-size:1.1rem;margin:0 auto 2rem;max-width:600px;opacity:.9}.cta-button{background:#fff;border-radius:60px;box-shadow:0 10px 15px -3px #0000001a;color:#0b2b4f;display:inline-block;font-size:1.1rem;font-weight:600;padding:.9rem 2.2rem;text-decoration:none;transition:background-color .2s,transform .1s}.cta-button:hover{background:#f0f7ff;transform:scale(1.02)}.products-footer{border-top:1px solid #e2e8f0;color:#94a3b8;font-size:.9rem;margin-top:2rem;padding-top:1.5rem;text-align:center}@media (max-width:600px){.products-page .container{padding:1.8rem}.products-header h1{font-size:2rem}.products-header .subhead{font-size:1rem}.products-grid{grid-template-columns:1fr}.products-cta{padding:2rem 1rem}.products-cta h2{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#007bff;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-color:#f8f9fa;--dark-color:#343a40;--border-color:#dee2e6;--shadow-color:#0000001a;--transition-speed:0.3s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#343a40;color:var(--dark-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding:20px;width:100%}.container,.main-content{margin:0 auto;max-width:1200px}.container{padding:0 15px}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .3s;transition:all var(--transition-speed)}.btn-primary{background-color:#007bff;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#0056b3;transform:translateY(-1px)}.btn-secondary{background-color:#6c757d;background-color:var(--secondary-color);color:#fff}.btn-success{background-color:#28a745;background-color:var(--success-color);color:#fff}.btn-danger{background-color:#dc3545;background-color:var(--danger-color);color:#fff}.btn:disabled{cursor:not-allowed;opacity:.6}.form-group{margin-bottom:20px}.form-group label{color:#343a40;color:var(--dark-color);display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:4px;font-size:14px;padding:10px 15px;transition:border-color .3s;transition:border-color var(--transition-speed);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;border-color:var(--primary-color);outline:none}.error-text{color:#dc3545;color:var(--danger-color);display:block;font-size:12px;margin-top:5px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f8f9fa;border-top:3px solid #007bff;border:3px solid var(--light-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin:0 auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:0 2px 10px var(--shadow-color);margin-bottom:20px;padding:20px}@media (max-width:768px){.main-content{padding:10px}.container{padding:0 10px}.btn{font-size:13px;padding:8px 16px}}[dir=rtl],[dir=rtl] .form-group input,[dir=rtl] .form-group select,[dir=rtl] .form-group textarea{text-align:right}
/*# sourceMappingURL=main.4897aa58.css.map*/