body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}button{cursor:pointer}button,input{font-family:inherit}.auth-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:450px;padding:40px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.logo{margin-bottom:16px}.auth-form{margin-bottom:24px}.form-group input[type=email],.form-group input[type=password]{border:2px solid #e1e5e9;border-radius:12px;font-size:16px;padding:16px;transition:all .2s ease;width:100%}.privacy-agreement{align-items:flex-start;color:#666;display:flex;font-size:14px;gap:12px}.privacy-agreement input[type=checkbox]{margin:2px 0 0}.privacy-link{color:#333;font-weight:500;text-decoration:underline}.privacy-link:hover{color:#ffe44d}.auth-button{background-color:#ffe44d;border:none;border-radius:12px;color:#000;font-size:16px;font-weight:600;padding:16px;transition:all .2s ease;width:100%}.auth-button:hover:not(:disabled){background-color:gold;transform:translateY(-1px)}.auth-button:disabled{cursor:not-allowed;opacity:.7}.auth-links{margin-bottom:20px;text-align:center}.auth-links p{color:#666;font-size:14px;margin:8px 0}.link-button{margin-left:8px}.gmail-note{color:#999;font-size:12px;margin:0;text-align:center}@media (max-width:480px){.auth-card{padding:24px}.logo h1{font-size:24px}.form-group input[type=email],.form-group input[type=password]{font-size:16px;padding:14px}}.directory-list{background:#fff;border:1px solid #e1e5e9;border-radius:8px;overflow:hidden}.directory-header{background-color:#f8f9fa;border-bottom:1px solid #e1e5e9;padding:16px}.directory-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.directory-content{padding:16px}.loading{font-size:14px;padding:20px 0;text-align:center}.error-message{color:#dc3545;margin-bottom:16px}.retry-btn{font-size:14px;padding:8px 16px;width:100%}.empty-directories{color:#666;text-align:center}.empty-directories p{font-size:14px;line-height:1.4;margin:0 0 8px}.create-first-dir-btn{font-size:14px;margin-top:16px;padding:12px 16px;width:100%}.directory-items{display:flex;flex-direction:column;gap:8px}.directory-item{background-color:#fff;border:1px solid #e1e5e9;border-radius:8px;color:#333;cursor:pointer;font-size:14px;overflow:hidden;padding:12px 16px;text-align:left;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.directory-item:hover{background-color:#f8f9fa;border-color:#ffe44d}.directory-item.active{background-color:#ffe44d;border-color:#ffe44d;color:#000;font-weight:600}.directory-item.active:hover{background-color:gold}.link-table-container{width:100%}.table-actions{margin-bottom:20px;text-align:right}.add-link-btn{font-size:14px;padding:8px 16px}.search-actions{margin-bottom:20px;text-align:center}.hide-results-btn{font-size:14px;padding:8px 16px}.empty-links{color:#666;font-size:16px;padding:40px 20px;text-align:center}.table-wrapper{border:1px solid #e1e5e9;border-radius:8px;overflow-x:auto}.link-table{background:#fff;border-collapse:collapse;width:100%}.link-table th{background-color:#f8f9fa;color:#333;font-weight:600;text-align:left}.link-table td,.link-table th{border-bottom:1px solid #e1e5e9;font-size:14px;padding:12px 8px}.link-table td{vertical-align:middle}.link-table tr:hover{background-color:#f8f9fa}.link-table tr.new-row{background-color:#fff3cd}.link-table tr.new-row:hover{background-color:#ffeaa7}.link-cell{color:#2196f3;cursor:pointer;text-decoration:underline;word-break:break-all}.link-cell:hover{color:#1976d2}.edit-input{border:1px solid #ffe44d;border-radius:4px;font-size:14px;padding:6px 8px;width:100%}.edit-input:focus{border-color:gold;box-shadow:0 0 0 2px #ffe44d33;outline:none}.action-buttons{display:flex;gap:4px;justify-content:center}.action-buttons .btn{font-size:12px;min-width:32px;padding:6px 8px}.save-btn{background-color:#28a745;color:#fff}.save-btn:hover{background-color:#218838}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#5a6268}.edit-btn{background-color:#17a2b8;color:#fff}.edit-btn:hover{background-color:#138496}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333}@media (max-width:768px){.link-table{font-size:12px}.link-table td,.link-table th{font-size:12px;padding:8px 4px}.action-buttons .btn{font-size:10px;min-width:28px;padding:4px 6px}}.search-bar{margin-bottom:20px}.search-input{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#ffe44d;box-shadow:0 0 0 3px #ffe44d1a;outline:none}.search-input::placeholder{color:#adb5bd}.plan-details,.plan-info{align-items:center;display:flex}.plan-details{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;gap:12px;padding:8px 12px}.plan-name{color:#495057;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.usage-info{align-items:center;display:flex;gap:8px}.usage-text{color:#495057;font-size:11px;font-weight:600;white-space:nowrap}.usage-bar{background-color:#e9ecef;border-radius:3px;height:6px;overflow:hidden;width:50px}.usage-fill{background-color:#28a745;height:100%;transition:width .3s ease}.usage-fill[style*="width: 100"],.usage-fill[style*="width: 8"]:not([style*="width: 8."]),.usage-fill[style*="width: 9"]:not([style*="width: 9."]){background-color:#dc3545}.usage-fill[style*="width: 7"]:not([style*="width: 7."]),.usage-fill[style*="width: 8."]{background-color:#ffc107}.recommended-links-container{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:32px;padding:24px}.recommended-links-header{margin-bottom:32px;text-align:center}.recommended-links-header h3{color:#333;font-size:24px;font-weight:700;margin:0 0 8px}.recommended-links-header p{color:#666;font-size:16px;margin:0}.loading-text{color:#999;font-style:italic}.recommended-links-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.recommended-link-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;cursor:pointer;padding:20px;position:relative;transition:all .3s ease}.recommended-link-card:hover{border-color:#007bff;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.recommended-link-card.popular{background:linear-gradient(135deg,#fff5f2,#fff);border-color:#ff6b35}.popular-badge{background:#ff6b35;border-radius:20px;box-shadow:0 2px 8px #ff6b354d;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:16px;top:-8px}.link-icon{font-size:32px;text-align:center}.link-content,.link-icon{margin-bottom:16px}.link-title{color:#333;cursor:pointer;font-size:18px;font-weight:600;margin:0 0 8px;transition:color .2s ease}.link-title:hover{color:#007bff}.link-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 12px}.link-meta{display:flex;flex-direction:column;gap:4px}.link-category{background:#e9ecef;border-radius:12px;color:#495057;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.link-url{color:#999;font-family:monospace;font-size:12px;word-break:break-all}.link-actions{display:flex;gap:8px;justify-content:flex-end}.btn-visit{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.btn-visit:hover{background:#0056b3}.btn-save{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:background-color .2s ease}.btn-save:hover{background:#1e7e34}.recommended-links-footer{border-top:1px solid #e1e5e9;padding-top:20px;text-align:center}.recommended-links-footer p{color:#666;font-size:14px;margin:0}.btn-more{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;margin:0;padding:0;text-decoration:underline}.btn-more:hover{color:#0056b3}.skeleton{pointer-events:none}.skeleton-icon{animation:pulse 1.5s ease-in-out infinite;background:#e9ecef;border-radius:50%;height:32px;margin:0 auto 16px;width:32px}.skeleton-content{display:flex;flex-direction:column;gap:8px}.skeleton-title{height:20px;width:80%}.skeleton-description,.skeleton-title{animation:pulse 1.5s ease-in-out infinite;background:#e9ecef;border-radius:4px}.skeleton-description{height:16px;width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.recommended-links-container{margin-top:24px;padding:16px}.recommended-links-grid{gap:16px;grid-template-columns:1fr}.recommended-link-card{padding:16px}.recommended-links-header h3{font-size:20px}.link-title{font-size:16px}}@media (max-width:480px){.recommended-links-container{margin-top:16px;padding:12px}.recommended-links-header{margin-bottom:24px}.recommended-links-header h3{font-size:18px}.recommended-links-header p{font-size:14px}}.home-container{background-color:#f5f5f5;min-height:100vh}.home-header{background:#fff;border-bottom:1px solid #e1e5e9;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-content,.logo-section{align-items:center;display:flex}.logo-section{cursor:pointer;gap:12px;transition:opacity .2s ease}.logo-section:hover{opacity:.8}.logo-section img{height:24px;width:24px}.logo-section h1{color:#333;font-size:20px;font-weight:700;margin:0}.header-right{align-items:center;display:flex;gap:16px}.subscribe-btn{background-color:#333;color:#fff;font-size:14px;padding:8px 16px}.subscribe-btn:hover{background-color:#555}.menu-modal{align-items:flex-start;background-color:#00000080;display:flex;height:100%;justify-content:flex-start;left:0;position:fixed;top:0;width:100%;z-index:1000}.menu-content{background:#fff;box-shadow:2px 0 10px #0000001a;height:100%;padding:24px;width:280px}.menu-header h2{color:#333;font-size:20px;margin:0 0 24px}.menu-items{display:flex;flex-direction:column;gap:12px}.menu-item{background-color:#f8f9fa;border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:16px;text-align:left;transition:all .2s ease}.menu-item:hover{background-color:#e9ecef}.home-main{margin:0 auto;max-width:1200px;padding:24px 20px}.main-content{display:flex;gap:24px}.sidebar{flex-shrink:0;width:280px}.content{flex-grow:1;min-width:0}.section-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.section-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.section-actions{display:flex;gap:12px}.section-actions .btn{font-size:14px;padding:8px 16px}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state h3{color:#333;font-size:24px;margin:0 0 16px}.empty-state p{font-size:16px;line-height:1.5;margin:0 0 8px}.search-results-section h3{color:#333;font-size:20px;font-weight:600;margin:0 0 20px}.links-section,.search-results-section{margin-bottom:0}@media (max-width:1024px){.main-content{flex-direction:column}.sidebar{width:100%}}@media (max-width:768px){.header-content{padding:0 16px}.home-main{padding:16px}.section-actions{flex-direction:column;gap:8px}.section-actions .btn{width:100%}}.otp-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.otp-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:450px;padding:40px;width:100%}.otp-header{margin-bottom:32px;text-align:center}.otp-header h2{color:#333;font-size:24px;font-weight:600;margin:0 0 16px}.otp-header p{color:#666;font-size:16px;line-height:1.5;margin:0}.otp-header strong{color:#333;font-weight:600}.otp-form{margin-bottom:24px}.otp-input{border:2px solid #e1e5e9;border-radius:12px;font-size:18px;font-weight:600;letter-spacing:8px;padding:16px;text-align:center;transition:all .2s ease;width:100%}.otp-input:focus{border-color:#ffe44d;box-shadow:0 0 0 3px #ffe44d1a;outline:none}.error-message{background-color:#fee;border-radius:8px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.verify-button{background-color:#ffe44d;border:none;border-radius:12px;color:#000;font-size:16px;font-weight:600;padding:16px;transition:all .2s ease;width:100%}.verify-button:hover:not(:disabled){background-color:gold;transform:translateY(-1px)}.verify-button:disabled{cursor:not-allowed;opacity:.7}.otp-links{text-align:center}.otp-links p{color:#666;font-size:14px;margin:12px 0}@media (max-width:480px){.otp-card{padding:24px}.logo h1{font-size:24px}.otp-header h2{font-size:20px}.otp-input{font-size:16px;letter-spacing:6px;padding:14px}}.forgot-password-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.forgot-password-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:450px;padding:40px;width:100%}.forgot-password-header{margin-bottom:32px;text-align:center}.logo{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.logo img{height:32px;width:32px}.logo h1{color:#333;font-size:28px;font-weight:700;margin:0}.forgot-password-header h2{color:#333;font-size:24px;font-weight:600;margin:0 0 16px}.forgot-password-header p{color:#666;font-size:16px;line-height:1.5;margin:0 0 12px}.forgot-password-header strong{color:#333;font-weight:600}.instruction{color:#888!important;font-size:14px!important;margin-top:16px!important}.forgot-password-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group input[type=email]{border:2px solid #e1e5e9;border-radius:12px;font-size:16px;padding:16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#ffe44d;box-shadow:0 0 0 3px #ffe44d1a;outline:none}.reset-button{background-color:#ffe44d;border:none;border-radius:12px;color:#000;font-size:16px;font-weight:600;padding:16px;transition:all .2s ease;width:100%}.reset-button:hover:not(:disabled){background-color:gold;transform:translateY(-1px)}.reset-button:disabled{cursor:not-allowed;opacity:.7}.forgot-password-links{margin-bottom:20px;text-align:center}.forgot-password-actions{text-align:center}.link-button{background:none;border:none;color:#333;cursor:pointer;font-weight:600;padding:0;text-decoration:underline}.link-button:hover{color:#ffe44d}@media (max-width:480px){.forgot-password-card{padding:24px}.logo h1{font-size:24px}.forgot-password-header h2{font-size:20px}.form-group input[type=email]{font-size:16px;padding:14px}}.App{background-color:#f5f5f5;min-height:100vh;text-align:center}.loading{align-items:center;color:#666;display:flex;font-size:18px;height:100vh;justify-content:center}.container{margin:0 auto;max-width:1200px;padding:20px}.btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-primary{background-color:#ffe44d;color:#000}.btn-primary:hover{background-color:gold}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.input{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px;transition:border-color .2s ease;width:100%}.input:focus{border-color:#ffe44d;box-shadow:0 0 0 2px #ffe44d33;outline:none}.card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:24px}@media (max-width:768px){.container{padding:15px}.card{padding:16px}}
/*# sourceMappingURL=main.5b170a7d.css.map*/