@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap);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}.nav-container{align-items:center;background-color:#000;border-bottom:1px solid #1a1a1a;display:flex;height:64px;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.nav-left{gap:2rem}.logo{display:flex;flex-direction:column;gap:2px}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#ccc);-webkit-background-clip:text;color:#fff;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.5px;margin:0}.logo h1,.logo-subtitle{text-transform:uppercase}.logo-subtitle{color:#666;font-size:.75rem;font-weight:500;letter-spacing:1px}.nav-links{align-items:center;display:flex;gap:1.5rem}.nav-link{border-radius:4px;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link.active,.nav-link:hover{background-color:#1a1a1a}.nav-link.active{color:#fff;font-weight:600}.nav-right{gap:1.5rem}.icon-button,.notifications{position:relative}.icon-button{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem}.notification-badge{background-color:#f33;border-radius:9999px;color:#fff;font-size:.75rem;min-width:1.25rem;padding:.125rem .375rem;position:absolute;right:0;text-align:center;top:0}.profile-menu-container{position:relative}.profile-button{background:none;border:none;border-radius:.5rem;color:#fff;gap:.75rem;padding:.5rem;transition:background-color .3s ease}.profile-button:hover{background-color:#1a1a1a}.profile-image{border-radius:50%;height:32px;object-fit:cover;width:32px}.profile-name{font-size:.875rem;font-weight:500}.profile-arrow{transition:transform .3s ease}.profile-dropdown{background-color:#000;border:1px solid #1a1a1a;border-radius:.5rem;box-shadow:0 4px 6px #0000004d;margin-top:.5rem;width:280px}.profile-dropdown-header{align-items:center;border-bottom:1px solid #1a1a1a;display:flex;gap:1rem;padding:1rem}.dropdown-profile-image{border-radius:50%;height:40px;object-fit:cover;width:40px}.dropdown-profile-info h3{color:#fff;font-size:.875rem;font-weight:600;margin:0}.dropdown-profile-info p{color:#666;font-size:.75rem;margin:0}.profile-dropdown-menu{padding:.5rem}.dropdown-item{border-radius:.375rem;color:#fff;font-family:inherit;font-size:.875rem;gap:.75rem;padding:.75rem;text-decoration:none;transition:background-color .3s ease}.dropdown-item:hover{background-color:#1a1a1a}.dropdown-item svg{color:#666}.logout-btn:hover{background-color:#2a1a1a}.dropdown-divider{background-color:#1a1a1a;margin:.5rem}@media (max-width:1024px){.nav-links{display:none}}@media (max-width:768px){.nav-container{padding:1rem}.profile-name{display:none}.profile-dropdown{width:240px}.logo h1{font-size:1.25rem}.logo-subtitle{font-size:.7rem}}@media (max-width:480px){.logo h1{font-size:1.1rem}.logo-subtitle,.notifications{display:none}}.user-interaction-container{background-color:#1a1a1a;color:#fff;min-height:100vh;padding:2rem}.user-interaction-container h2{color:#0f8;font-size:2rem;margin-bottom:.5rem}.subtitle{color:#888;margin-bottom:2rem}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.metric-card{align-items:center;background-color:#2a2a2a;border-radius:10px;display:flex;padding:1.5rem;transition:transform .3s ease}.metric-card:hover{transform:translateY(-5px)}.metric-icon{align-items:center;border-radius:50%;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-right:1rem;width:50px}.total-users{background-color:#00ff881a;color:#0f8}.active-users{background-color:#007bff1a;color:#007bff}.page-views{background-color:#ffc1071a;color:#ffc107}.avg-time{background-color:#dc35451a;color:#dc3545}.metric-info h3{color:#888;font-size:1rem;margin-bottom:.5rem}.metric-info p{font-size:1.5rem;font-weight:700;margin:0}.chart-section{background-color:#2a2a2a;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.chart-section h3{color:#0f8;margin-bottom:1.5rem}.traffic-sources{gap:1rem}.source-item,.traffic-sources{display:flex;flex-direction:column}.source-item{gap:.5rem}.source-bar{background-color:#3a3a3a;border-radius:4px;height:8px;overflow:hidden}.source-fill{background-color:#0f8;border-radius:4px;height:100%;transition:width .3s ease}.source-label{display:flex;font-size:.9rem;justify-content:space-between}.source-name{color:#888}.source-percentage{color:#0f8;font-weight:700}.visitors-chart{align-items:flex-end;display:flex;gap:1rem;height:200px;padding-top:1rem}.visitor-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem}.visitor-fill{background-color:#0f8;border-radius:4px;transition:height .3s ease;width:100%}.visitor-label{color:#888;font-size:.9rem}.popular-pages{gap:1rem}.page-item,.popular-pages{display:flex;flex-direction:column}.page-item{gap:.5rem}.page-name{color:#888;font-size:.9rem}.page-views{background-color:#3a3a3a;border-radius:4px;height:8px;overflow:hidden;position:relative}.page-fill{background-color:#0f8;border-radius:4px;height:100%;transition:width .3s ease}.view-count{color:#0f8;font-size:.9rem;position:absolute;right:0;top:-20px}.engagement-section{background-color:#2a2a2a;border-radius:10px;padding:1.5rem}.engagement-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.engagement-card{align-items:center;background-color:#3a3a3a;border-radius:8px;display:flex;gap:1rem;padding:1rem}.engagement-icon{color:#0f8;font-size:1.5rem}.engagement-info h4{color:#888;font-size:.9rem;margin-bottom:.25rem}.engagement-info p{font-size:1.25rem;font-weight:700;margin:0}@media (max-width:768px){.user-interaction-container{padding:1rem}.engagement-grid,.metrics-grid{grid-template-columns:1fr}}.admin-content{margin:60px auto 0;max-width:1200px;padding:2rem}.blog-posts-section{background-color:#000;border-radius:.5rem;margin-bottom:2rem;padding:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{font-weight:600;margin:0}.header-actions{display:flex;gap:1rem}.view-blogs-btn{background-color:#333;border:1px solid #444;border-radius:.375rem;color:#fff;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.view-blogs-btn:hover{background-color:#444;border-color:#555}.new-post-btn{background-color:#0f0;border:none;border-radius:.375rem;color:#000;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.new-post-btn:hover{background-color:#0c0}.blog-posts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.blog-post-card{background-color:#1a1a1a;border-radius:.5rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.blog-post-card:hover{box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.card-header{align-items:flex-start;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1.25rem}.card-header h3{color:#fff;flex:1 1;font-size:1.25rem;font-weight:600;margin:0 1rem 0 0}.status-badge{border-radius:1rem;white-space:nowrap}.status-badge.published{background-color:#00ff001a;color:#0f0}.status-badge.draft{background-color:#ffffff1a;color:#fff}.card-content{padding:1.25rem}.post-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.meta-label{color:#888;margin-right:.5rem;min-width:60px}.meta-label,.meta-value,.post-excerpt{font-size:.875rem}.post-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;line-height:1.5;margin:0;overflow:hidden}.card-actions{border-top:1px solid #333;display:flex;justify-content:flex-end;padding:1rem 1.25rem}.edit-btn{background-color:initial;border:1px solid #0f0;border-radius:.375rem;color:#0f0;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.edit-btn:hover{background-color:#00ff001a}@media (max-width:1024px){.admin-content{padding:1.5rem}.blog-posts-section{padding:1rem}.blog-posts-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-content{padding:1rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{flex-direction:column;width:100%}.new-post-btn,.view-blogs-btn{text-align:center;width:100%}.blog-posts-grid{grid-template-columns:1fr}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem}.loading-spinner{animation:spin 1s ease-in-out infinite;border:5px solid #ffffff1a;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}.error-message{border-radius:4px;color:#ff6b6b;margin:1rem 0}.no-posts-message{background-color:#ffffff0d;border-radius:8px;margin:1rem 0;padding:2rem;text-align:center}.no-posts-message p{color:#aaa;font-size:1.1rem}.skeleton-card{background:#1a1a1a;border-radius:8px;height:250px;overflow:hidden;padding:1.5rem;position:relative}.skeleton-title{height:24px;margin-bottom:1rem;width:80%}.skeleton-text,.skeleton-title{animation:shimmer 1.5s infinite;background:#2a2a2a;border-radius:4px}.skeleton-text{height:16px;margin-bottom:.75rem}.skeleton-text:nth-child(2){width:90%}.skeleton-text:nth-child(3){width:75%}.skeleton-text:nth-child(4){width:85%}.skeleton-button{animation:shimmer 1.5s infinite;background:#2a2a2a;border-radius:4px;bottom:1.5rem;height:36px;position:absolute;right:1.5rem;width:80px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:1024px){.skeleton-container{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.skeleton-container{grid-template-columns:1fr}}.loader-container{min-height:200px}.circular-loader{border-top-color:#4a90e2}:root{--primary-color:#000;--secondary-color:#1a1a1a;--text-color:#fff;--text-secondary:#666;--border-color:#333;--accent-color:#007bff;--error-color:#dc3545;--success-color:#28a745;--primary-font:"Inter",sans-serif;--heading-font:"Roboto",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#000;background-color:var(--primary-color);color:#fff;color:var(--text-color);font-family:Inter,sans-serif;font-family:var(--primary-font);line-height:1.6}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin-left:4rem;margin-top:64px;padding:2rem}.edit-profile-container{background-color:#1a1a1a;background-color:var(--secondary-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.edit-profile-header{margin-bottom:2rem;text-align:center}.edit-profile-header h1{color:#fff;color:var(--text-color);font-family:Roboto,sans-serif;font-family:var(--heading-font);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.edit-profile-header p{color:#666;color:var(--text-secondary);font-size:.875rem}.profile-form{display:flex;flex-direction:column;gap:2rem}.form-section{background-color:#000;background-color:var(--primary-color);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem}.form-section h2{color:var(--text-color);font-family:Roboto,sans-serif;font-family:var(--heading-font);font-size:1.25rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group input,.form-group label,.form-group textarea{color:var(--text-color);font-size:.875rem}.form-group input,.form-group textarea{background-color:#1a1a1a;background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:4px;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;border-color:var(--accent-color)}.cancel-button,.save-button{border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-button{background-color:initial;border:1px solid #333;border:1px solid var(--border-color);color:#fff;color:var(--text-color)}.cancel-button:hover{background-color:#1a1a1a;background-color:var(--secondary-color)}.save-button{background-color:#007bff;background-color:var(--accent-color);border:none;color:#fff}.save-button:hover{background-color:#0056b3}.form-select{-webkit-appearance:none;appearance:none;background-color:#000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #1a1a1a;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-select:hover{border-color:#333}.form-select:focus{border-color:#fff;box-shadow:0 0 0 2px #ffffff1a;outline:none}.form-select option{background-color:#000;color:#fff;padding:.5rem}.form-select::-moz-focus-inner{border:0}.form-select::-ms-expand{display:none}.progress-tracker{align-items:center;display:flex;flex-direction:column;left:2rem;position:fixed;top:50%;transform:translateY(-50%);z-index:100}.progress-line{background-color:#1a1a1a;bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.progress-dot{background-color:#1a1a1a;cursor:pointer;height:12px;margin:1.5rem 0;position:relative;width:12px}.progress-dot,.progress-dot:before{border-radius:50%;transition:all .3s ease}.progress-dot:before{background-color:#000;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.progress-dot.active{animation:pulse 2s infinite;box-shadow:0 0 0 4px #0f03}.progress-dot.active,.progress-dot.active:before{background-color:#0f0}.dot-tooltip{background-color:#1a1a1a;border-radius:.375rem;color:#fff;font-size:.875rem;left:2rem;opacity:0;padding:.5rem 1rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap}.progress-dot:hover .dot-tooltip{left:2.5rem;opacity:1;visibility:visible}@media (max-width:1024px){.progress-tracker{left:1rem}.main-content{margin-left:3rem}}@media (max-width:768px){.progress-tracker{display:none}.main-content{margin-left:0}.edit-profile-container{padding:1.5rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}@media (max-width:480px){.edit-profile-container{padding:1rem}.edit-profile-header h1{font-size:1.5rem}.form-section{padding:1rem}}.edit-blog-container{background-color:#1a1a1a;color:#fff;min-height:100vh}.edit-blog-content{margin:0 auto;max-width:1200px;padding:2rem}.edit-blog-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.edit-blog-header h1{color:#fff;font-size:2rem;font-weight:600}.blog-id{background-color:#333;border-radius:4px;color:#888;font-size:1rem;padding:.5rem 1rem}.edit-blog-form{display:flex;flex-direction:column;gap:2rem}.form-section{background-color:#242424;border:1px solid #333;border-radius:8px;padding:2rem}.form-section h2{color:#fff}.form-group input,.form-group select,.form-group textarea{background-color:#333;border:1px solid #444;border-radius:4px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#00ff9d;box-shadow:0 0 0 2px #00ff9d33}.form-group textarea{min-height:100px}.cancel-btn,.save-btn{border-radius:4px;font-size:1rem;padding:.75rem 1.5rem}.cancel-btn{background-color:#333}.cancel-btn:hover{background-color:#444}.save-btn{background-color:#00ff9d}.save-btn:hover{background-color:#00e08d}.save-btn:disabled{background-color:#666;cursor:not-allowed}.save-status{border-radius:6px;margin-top:1rem;padding:1rem;text-align:center}.save-status h3{margin-bottom:.5rem;margin-top:0}.save-status p{margin-bottom:1rem}.save-status button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.save-status button:hover{background-color:#2980b9;transform:translateY(-2px)}.loading-spinner{display:none}@media (max-width:768px){.edit-blog-content{padding:1rem}.form-section{padding:1.5rem}.edit-blog-header{align-items:flex-start;gap:1rem}.edit-blog-header,.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.error-container{background-color:#1a1a1a;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:600px;padding:2rem;text-align:center}.error-container h2{color:#e74c3c;font-size:1.5rem;margin-bottom:1rem}.error-details{background-color:#2a2a2a;border-radius:6px;margin:1rem 0;padding:1rem;text-align:left}.error-details p{color:#ccc;margin:.5rem 0}.error-details strong{color:#e74c3c}.error-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.back-btn,.retry-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.retry-btn{background-color:#3498db;color:#fff}.retry-btn:hover{background-color:#2980b9;transform:translateY(-2px)}.back-btn{background-color:#2c3e50;color:#fff}.back-btn:hover{background-color:#1a252f;transform:translateY(-2px)}.loader-container{background-color:#1a1a1ae6;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1000}.loader{height:80px;position:relative;width:80px}.loader-circle{animation:spin 1.2s linear infinite;border:4px solid #0000;border-radius:50%;border-top-color:#3498db;height:100%;position:absolute;width:100%}.loader-circle:nth-child(2){animation-duration:1.5s;border-top-color:#00ff9d;height:80%;left:10%;top:10%;width:80%}.loader-circle:nth-child(3){animation-duration:1.8s;border-top-color:#e74c3c;height:60%;left:20%;top:20%;width:60%}.blog-page-container{background-color:#121212;color:#fff;margin-top:60px;min-height:100vh}.blog-page-content{margin:0 auto;max-width:1200px;padding:2rem}.blog-page-header{margin-bottom:3rem;text-align:center}.blog-page-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.blog-page-header p{color:#ccc;font-size:1.1rem;margin:0 auto;max-width:600px}.blog-filters{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.search-container{margin:0 auto;max-width:500px;width:100%}.search-input{background-color:#1a1a1a;border-radius:.5rem;font-size:1rem}.search-input:focus{box-shadow:0 0 0 2px #0f03}.search-input::placeholder{color:#888}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.category-btn{background-color:#1a1a1a;border:1px solid #333;border-radius:2rem;color:#ccc;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.category-btn:hover{background-color:#333;color:#fff}.category-btn.active{background-color:#0f0;border-color:#0f0;color:#000}.blog-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.blog-card{background-color:#1a1a1a;border-radius:.5rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{box-shadow:0 10px 20px #0000004d;transform:translateY(-5px)}.blog-image{height:200px;overflow:hidden;position:relative}.blog-image img{height:100%;object-fit:cover;width:100%}.blog-category{background-color:#0f03;border-radius:1rem;color:#0f0;font-size:.75rem;font-weight:500;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.blog-content{padding:1.5rem}.blog-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.blog-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem;overflow:hidden}.blog-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.meta-item{font-size:.75rem}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.blog-tag{background-color:#333;border-radius:1rem;color:#ccc;font-size:.75rem;padding:.25rem .75rem}.read-more-btn{background-color:initial;border:1px solid #0f0;border-radius:.375rem;color:#0f0;display:inline-block;font-size:.875rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.read-more-btn:hover{background-color:#00ff001a}.loading-spinner,.no-results{color:#ccc;padding:3rem;text-align:center}.no-results h3{font-size:1.5rem;margin-bottom:.5rem}@media (max-width:768px){.blog-page-content{padding:1.5rem}.blog-page-header h1{font-size:2rem}.blog-filters{gap:1rem}.category-filters{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.blog-grid{gap:1.5rem;grid-template-columns:1fr}}.add-blog-container{background-color:#121212;color:#fff;margin-top:60px;min-height:100vh}.add-blog-content{margin:0 auto;max-width:1000px;padding:2rem}.add-blog-header{margin-bottom:2.5rem;text-align:center}.add-blog-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.add-blog-header p{color:#ccc;font-size:1.1rem;margin:0 auto;max-width:600px}.add-blog-form{background-color:#1a1a1a;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;padding:2rem}.form-section{border-bottom:1px solid #333;margin-bottom:2.5rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none}.form-section h2{color:#0f0;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.form-row{display:flex;gap:1.5rem}.form-group{flex:1 1}.form-group label{color:#ccc}.form-group input,.form-group select,.form-group textarea{background-color:#242424;border-radius:.375rem;font-size:1rem;padding:.75rem 1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 2px #0f03}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.image-upload-container{display:flex;flex-direction:column;gap:1rem}.image-input{border:1px dashed #444;cursor:pointer;padding:.5rem}.image-input,.image-preview{background-color:#242424;border-radius:.375rem}.image-preview{align-items:center;display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.image-preview img{height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;color:#888;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.upload-icon{font-size:2rem}.cancel-btn,.submit-btn{border-radius:.375rem;font-size:1rem;font-weight:500;padding:.75rem 1.5rem}.cancel-btn{border:1px solid #444;color:#ccc}.cancel-btn:hover{background-color:#333;color:#fff}.submit-btn{background-color:#0f0;border:none;color:#000}.submit-btn:hover{background-color:#0c0}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.7}.error-message,.success-message{border-radius:.375rem;font-weight:500;margin-bottom:1.5rem;padding:1rem}.error-message{color:#f55}.success-message{background-color:#00ff001a;border:1px solid #0f03;color:#0f0}.required{color:#f55;margin-left:.25rem}@media (max-width:768px){.add-blog-content{padding:1.5rem}.add-blog-header h1{font-size:2rem}.add-blog-form{padding:1.5rem}.form-row{gap:1rem}.form-actions,.form-row{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.products-container{margin:0 auto;max-width:1400px;min-height:calc(100vh - 64px);padding:2rem}.products-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.products-title{color:#fff;font-size:2rem;font-weight:600;margin:0}.products-actions{align-items:center;display:flex;gap:1rem}.search-input{background-color:#1e1e1e;border-radius:8px}.search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.add-product-btn{background-color:#0f0;border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .3s ease}.add-product-btn:hover{background-color:#0c0}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.product-card{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 4px 6px #0003;display:flex;flex-direction:column;min-height:600px;padding:2rem;position:relative;transition:all .3s ease}.product-card:hover{border-color:#0f0;box-shadow:0 8px 15px #0000004d;transform:translateY(-5px)}.product-badge{background-color:#2a2a2a;border-radius:20px;color:#0f0;font-size:.75rem;font-weight:500;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.product-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;text-align:center}.product-icon{color:#0f0;font-size:2.5rem;margin-bottom:1.5rem}.product-name{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.product-description{color:#a0a0a0;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.product-price{color:#0f0;font-size:2.5rem;font-weight:700;margin-bottom:2rem}.features-list{list-style:none;margin:0;padding:0;text-align:left;width:100%}.feature-item{color:#fff;gap:.5rem;padding:.5rem 0}.feature-check{color:#0f0;font-weight:700}.product-actions{margin-top:2rem}.edit-button,.product-actions{display:flex;justify-content:center;width:100%}.edit-button{align-items:center;background-color:initial;border:1px solid #0f0;border-radius:6px;color:#0f0;cursor:pointer;font-weight:500;gap:.5rem;padding:.75rem 2rem;transition:all .3s ease}.edit-button:hover{background-color:#00ff001a}.edit-icon{font-size:1rem}@media (max-width:768px){.products-header{align-items:stretch}.products-actions,.products-header{flex-direction:column}.add-product-btn,.search-input{width:100%}.product-card{min-height:auto}}.edit-products-container{margin:0 auto;max-width:800px;padding:2rem}.edit-header{margin-bottom:2rem}.edit-header h1{color:#fff;font-size:2rem;font-weight:600}.edit-form{background-color:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 4px 6px #0003;padding:2rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}label{color:#fff;display:block;font-weight:500;margin-bottom:.5rem}input,select,textarea{background-color:#2a2a2a;border:1px solid #333;border-radius:6px;color:#fff;font-size:.9rem;padding:.75rem;transition:all .3s ease;width:100%}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#0f0;box-shadow:0 0 0 2px #00ff001a;outline:none}.features-container{display:flex;flex-direction:column;gap:1rem}.feature-input-group{align-items:center}.remove-feature-btn{align-items:center;background-color:initial;color:#f44;display:flex;justify-content:center}.remove-feature-btn:hover{color:red}.add-feature-btn{background-color:initial;border:1px dashed #0f0;color:#0f0;margin-top:.5rem;padding:.75rem;width:100%}.add-feature-btn:hover{background-color:#00ff001a}.form-actions{border-top:1px solid #333;margin-top:2rem;padding-top:2rem}.cancel-btn,.save-btn{border-radius:6px;cursor:pointer;font-weight:500;padding:.75rem 2rem;transition:all .3s ease}.cancel-btn{background-color:initial;border:1px solid #666;color:#fff}.cancel-btn:hover{background-color:#ffffff1a}.save-btn{background-color:#0f0}.save-btn:hover{background-color:#0c0}.loader-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 64px)}.circular-loader{animation:spin 1s linear infinite;border:4px solid #2a2a2a;border-radius:50%;border-top-color:#0f0;height:50px;width:50px}.error-message{background-color:#ff00001a;border:1px solid #f003;border-radius:6px;color:#f44;margin:2rem;padding:1rem;text-align:center}@media (max-width:768px){.edit-products-container{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.cancel-btn,.save-btn{width:100%}}.support-container{margin:0 auto;max-width:1400px;padding:2rem}.support-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;min-height:calc(100vh - 120px)}.tabs{display:flex;gap:1rem;margin-bottom:2rem}.tab-btn{background:#1e1e1e;border:1px solid #333;border-radius:8px;color:#888;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.tab-btn:hover{background:#2a2a2a;color:#fff}.tab-btn.active{background:#0f0;border-color:#0f0;color:#000}.messages-list-section{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 4px 6px #0003;display:flex;flex-direction:column}.section-header{border-bottom:1px solid #333;padding:1.5rem}.section-header h2{color:#fff;font-size:1.5rem;margin:0 0 1rem}.filter-stats{display:flex;gap:1rem}.stat-item{color:#888;font-size:.9rem}.messages-list{flex-grow:1;overflow-y:auto;padding:1rem}.message-card{background:#2a2a2a;border:1px solid #0000;border-radius:8px;cursor:pointer;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.message-card:hover{border-color:#0f0;transform:translateY(-2px)}.message-card.selected{background:#333;border-color:#0f0}.message-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.message-card-header h3{color:#fff;flex:1 1;font-size:1.1rem;margin:0 1rem 0 0}.message-badges{display:flex;gap:.5rem}.priority-badge,.status-badge{border-radius:20px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-badge.resolved{background-color:#00ff001a;color:#0f0}.status-badge.pending{background-color:#ffff001a;color:#ff0}.message-meta{display:flex;gap:1rem;margin-bottom:1rem}.meta-item{align-items:center;color:#888;display:flex;font-size:.85rem;gap:.5rem}.meta-icon{font-size:1rem}.message-preview{color:#aaa;font-size:.9rem;line-height:1.5;margin:0}.message-detail-section{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 4px 6px #0003;display:flex;flex-direction:column}.detail-header{border-bottom:1px solid #333;padding:1.5rem}.close-detail-btn{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:color .3s ease}.close-detail-btn:hover{color:#fff}.detail-content{flex-grow:1;padding:1.5rem}.detail-meta{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.meta-group{display:flex;flex-direction:column;gap:.5rem}.meta-group label{color:#888;font-size:.85rem}.meta-value{align-items:center;color:#fff;display:flex;font-size:.9rem;gap:.5rem}.meta-email{color:#888}.message-content{background:#2a2a2a;border-radius:8px;flex-grow:1;padding:1.5rem}.message-content p{color:#fff;font-size:.9rem;line-height:1.6;margin:0}.detail-actions{border-top:1px solid #333;display:flex;justify-content:flex-end;padding-top:1rem}.resolution-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.resolution-btn.resolved{background-color:#ffff001a;color:#ff0}.resolution-btn.pending{background-color:#00ff001a;color:#0f0}.no-message-selected{align-items:center;color:#888;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.no-message-icon{font-size:3rem;opacity:.5}.complaint-section{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 4px 6px #0003;margin:0 auto;max-width:800px;padding:2rem}.complaint-form{gap:1.5rem}.complaint-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-weight:500}.form-group input,.form-group select,.form-group textarea{background-color:#121212;border:1px solid #333;border-radius:6px;color:#fff;font-size:.9rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0f0;box-shadow:0 0 0 2px #00ff001a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.file-input{padding:.5rem 0}.file-input::-webkit-file-upload-button{background:#2a2a2a;border:1px solid #333;border-radius:4px;color:#fff;cursor:pointer;margin-right:1rem;padding:.5rem 1rem;-webkit-transition:all .3s ease;transition:all .3s ease}.file-input::-webkit-file-upload-button:hover{background:#333}.submit-complaint-btn{background:#0f0;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:1rem;transition:all .3s ease}.submit-complaint-btn:hover{background:#0c0;transform:translateY(-2px)}.attachments-section{background:#2a2a2a;border-radius:8px;padding:1.5rem}.attachments-section h3{color:#fff;font-size:1rem;margin:0 0 1rem}.attachment-list{display:flex;flex-direction:column;gap:.5rem}.attachment-item{align-items:center;background:#1e1e1e;border-radius:4px;color:#888;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem;transition:all .3s ease}.attachment-item:hover{background:#333;color:#fff}.attachment-icon{color:#0f0;font-size:1.1rem}@media (max-width:1024px){.support-container{padding:1rem}.support-content{grid-template-columns:1fr}.message-detail-section{min-height:500px}}@media (max-width:768px){.message-card-header,.message-meta{flex-direction:column;gap:.5rem}.detail-meta{grid-template-columns:1fr}.support-container{padding:1rem}.complaint-section{padding:1.5rem}.tabs{flex-direction:column}.tab-btn{width:100%}}.services-container{margin:0 auto;max-width:1400px;padding:2rem}.services-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.services-header h1{color:#fff;font-size:2rem;margin:0}.add-service-btn{align-items:center;background:#0f0;border:none;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-service-btn:hover{background:#0c0;transform:translateY(-2px)}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-card{background:#1e1e1e;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:all .3s ease}.service-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.service-header h2{color:#fff;flex:1 1;font-size:1.25rem;margin:0}.service-actions{display:flex;gap:.5rem}.delete-btn,.edit-btn{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;padding:.5rem;transition:all .3s ease}.edit-btn:hover{background:#00ff001a;color:#0f0}.service-description{color:#888;font-size:.9rem;line-height:1.6;margin:0 0 1rem}.service-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.feature-item{align-items:center;color:#aaa;display:flex;font-size:.9rem;gap:.75rem}.feature-dot{background-color:#0f0;border-radius:50%;height:6px;width:6px}.service-status{display:flex;justify-content:flex-end}.status-badge.active{background-color:#00ff001a;color:#0f0}.status-badge.inactive{background-color:#ff44441a;color:#f44}.edit-service-form{background:#2a2a2a;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.edit-service-form h2{color:#fff;font-size:1.25rem;margin:0 0 1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;font-size:.9rem;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#1e1e1e;border:1px solid #333;border-radius:6px;color:#fff;font-size:.9rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#0f0;box-shadow:0 0 0 2px #00ff001a;outline:none}.feature-input-group{display:flex;gap:.5rem;margin-bottom:.5rem}.feature-input-group input{flex:1 1}.remove-feature-btn{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;padding:.5rem;transition:all .3s ease}.remove-feature-btn:hover{background:#ff44441a;color:#f44}.add-feature-btn{background:none;border:1px solid #333;border-radius:6px;color:#888;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.add-feature-btn:hover{border-color:#0f0;color:#0f0}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cancel-btn{background:none;border:1px solid #333;border-radius:6px;color:#888;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn:hover{border-color:#f44;color:#f44}.save-btn{align-items:center;background:#0f0;border:none;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.save-btn:hover{background:#0c0;transform:translateY(-2px)}@media (max-width:768px){.services-container{padding:1rem}.services-header{align-items:flex-start;flex-direction:column;gap:1rem}.services-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{justify-content:center;width:100%}}.enquiry-container{margin:0 auto;max-width:1400px;padding:2rem}.enquiry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.enquiry-header h1{color:#fff;font-size:2rem;margin:0}.enquiry-filters{display:flex;gap:1rem}.search-input{background:#1e1e1e;font-size:.9rem;padding:.75rem 1rem;width:250px}.search-input:focus{box-shadow:0 0 0 2px #00ff001a}.status-filter{background:#1e1e1e;border:1px solid #333;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease}.status-filter:focus{border-color:#0f0;outline:none}.enquiry-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 400px}.enquiry-list{display:flex;flex-direction:column;gap:1rem}.enquiry-card{background:#1e1e1e;border:1px solid #333;border-radius:8px;overflow:hidden;transition:all .3s ease}.enquiry-card:hover{border-color:#0f0;transform:translateY(-2px)}.enquiry-card-header{align-items:flex-start;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1rem}.enquiry-info{flex:1 1}.enquiry-info h3{color:#fff;font-size:1.1rem;margin:0 0 .5rem}.enquiry-date{color:#888;font-size:.8rem}.enquiry-actions{display:flex;gap:.5rem}.delete-btn,.view-btn{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;padding:.5rem;transition:all .3s ease}.view-btn:hover{background:#00ff001a;color:#0f0}.delete-btn:hover{background:#ff44441a;color:#f44}.enquiry-card-body{padding:1rem}.enquiry-message{color:#aaa;font-size:.9rem;line-height:1.6;margin:0 0 1rem}.enquiry-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.enquiry-email,.enquiry-name{color:#888;font-size:.9rem}.priority-badge{color:#fff}.priority-badge,.status-badge{border-radius:20px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-badge.pending{background-color:#ff44441a;color:#f44}.status-badge.resolved{background-color:#00c8511a;color:#00c851}.enquiry-detail{background:#1e1e1e;border:1px solid #333;border-radius:8px;max-height:calc(100vh - 4rem);overflow-y:auto;padding:1.5rem;position:sticky;top:2rem}.detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.detail-header h2{color:#fff;font-size:1.5rem;margin:0}.close-btn{color:#888;padding:.5rem;transition:all .3s ease}.close-btn:hover{background:#ff44441a;color:#f44}.detail-content{gap:1.5rem}.detail-content,.detail-group{display:flex;flex-direction:column}.detail-group{gap:.5rem}.detail-group label{color:#888;font-size:.9rem}.detail-group p{color:#fff;font-size:1rem;margin:0}.detail-message{color:#aaa;font-size:.9rem;line-height:1.6;white-space:pre-wrap}.status-actions{display:flex;gap:1rem}.status-btn{align-items:center;background:none;border:1px solid #333;border-radius:6px;color:#888;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.status-btn:hover{border-color:#0f0;color:#0f0}.status-btn.active{background:#0f0;border-color:#0f0;color:#000}@media (max-width:1024px){.enquiry-content{grid-template-columns:1fr}.enquiry-detail{border-radius:0;bottom:0;left:0;max-height:none;position:fixed;right:0;top:0;z-index:1000}}@media (max-width:768px){.enquiry-container{padding:1rem}.enquiry-header{align-items:flex-start;flex-direction:column;gap:1rem}.enquiry-filters{flex-direction:column;width:100%}.search-input{width:100%}}.page-container{background-color:#121212;margin-top:64px;min-height:100vh}.sales-container{margin:0 auto;max-width:1400px;min-height:calc(100vh - 64px);padding:2rem}.sales-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.sales-title{color:#fff;font-size:2rem;font-weight:600;margin:0}.sales-actions{align-items:center;display:flex;gap:1rem}.export-btn,.refresh-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.refresh-btn{background-color:#2a2a2a;border:1px solid #444;color:#fff}.refresh-btn:hover{background-color:#3a3a3a;border-color:#0f0}.export-btn{background-color:#0f0;color:#000}.export-btn:hover{background-color:#0c0}.filters-section{background:#1e1e1e;border:1px solid #333;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.search-container{margin-bottom:1rem;position:relative}.search-icon{color:#666;font-size:1rem;left:.8rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background-color:#2a2a2a;border:1px solid #333;border-radius:6px;color:#fff;font-size:.85rem;padding:.6rem .8rem .6rem 2.5rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#0f0;box-shadow:0 0 0 3px #00ff001a;outline:none}.search-input::placeholder{color:#666}.filter-controls{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filter-group{display:flex;flex-direction:column;gap:.4rem}.filter-group label{color:#fff;font-size:.8rem;font-weight:500}.filter-select{background-color:#2a2a2a;border:1px solid #333;border-radius:5px;color:#fff;cursor:pointer;font-size:.85rem;padding:.6rem;transition:all .3s ease}.filter-select:focus{border-color:#0f0;box-shadow:0 0 0 3px #00ff001a;outline:none}.stats-container{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1.5rem}.stat-card{background:#000!important;background-color:#000!important;border:1px solid #333;border-radius:6px;padding:.75rem;text-align:center}.stat-card:hover{border-color:#0f0}.stat-card h3{color:#a0a0a0;font-size:.7rem;font-weight:500;letter-spacing:.3px;margin:0 0 .2rem;text-transform:uppercase}.stat-number{color:#0f0;font-size:1.2rem;font-weight:700;margin:0}.table-container{background:#000;border:1px solid #333;box-shadow:0 4px 6px #0003}.sales-table{border-collapse:collapse;font-size:.9rem;width:100%}.sales-table thead{background:#000}.sales-table th{border-bottom:1px solid #333;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.sales-table td{border-bottom:1px solid #2a2a2a;color:#fff;padding:1rem;vertical-align:top}.sales-table tbody tr,.sales-table td{background-color:#000!important;background:#000!important}.sales-table tbody tr:hover{background-color:#1a1a1a!important;background:#1a1a1a!important}.clickable-row{cursor:pointer;position:relative;transition:all .2s ease}.clickable-row:hover{background-color:#1a1a1a!important;background:#1a1a1a!important;box-shadow:0 2px 8px #00ff001a;transform:translateY(-1px)}.clickable-row:after{content:"👁️";font-size:.8rem;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.clickable-row:hover:after{opacity:.6}.sales-table tbody tr:nth-child(2n),.sales-table tbody tr:nth-child(odd){background-color:#000!important;background:#000!important}.sales-table tbody tr:last-child td{border-bottom:none}.sales-id{color:#0f0;font-family:Courier New,monospace;font-weight:600}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-name{color:#fff;font-weight:600}.customer-email{color:#a0a0a0;font-size:.8rem}.contact-info{display:flex;flex-direction:column;gap:.25rem}.pan-number{color:#a0a0a0;font-size:.8rem}.address-info{word-wrap:break-word;color:#fff;font-size:.85rem;line-height:1.4;max-width:200px}.plan-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.plan-badge.basic-plan{background-color:#4a90e233;border:1px solid #4a90e2;color:#4a90e2}.plan-badge.hni-plan{background-color:#ffc10733;border:1px solid #ffc107;color:#ffc107}.plan-badge.professional-plan{background-color:#28a74533;border:1px solid #28a745;color:#28a745}.plan-badge.premium-plan{background-color:#dc354533;border:1px solid #dc3545;color:#dc3545}.amount{color:#0f0;font-size:1rem;font-weight:700}.date{color:#a0a0a0;font-size:.8rem}.action-buttons{gap:.5rem}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.view-btn{background-color:#4a90e233;color:#4a90e2}.view-btn:hover{background-color:#4a90e2;color:#fff}.invoice-btn{background-color:#dc262633;color:#dc2626}.invoice-btn:hover{background-color:#dc2626;color:#fff}.edit-btn{background-color:#ffc10733;color:#ffc107}.edit-btn:hover{background-color:#ffc107;color:#000}.delete-btn{background-color:#dc354533;color:#dc3545}.delete-btn:hover{background-color:#dc3545;color:#fff}.no-data{color:#a0a0a0;font-style:italic;padding:3rem;text-align:center}.error-container,.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;color:#0f0;font-size:2rem;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.retry-btn{align-items:center;background-color:#0f0;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-weight:500;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.retry-btn:hover{background-color:#0c0}@media (max-width:1200px){.sales-table{font-size:.8rem}.sales-table td,.sales-table th{padding:.75rem .5rem}}@media (max-width:768px){.page-container{margin-top:60px}.sales-container{padding:.75rem}.sales-header{align-items:stretch;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.sales-title{font-size:1.5rem;text-align:center}.sales-actions{flex-wrap:wrap;gap:.75rem;justify-content:center}.export-btn,.refresh-btn{flex:1 1;justify-content:center;min-width:120px}.filters-section{margin-bottom:1rem;padding:.75rem}.search-container{margin-bottom:.75rem}.search-input{font-size:16px}.filter-controls{gap:.5rem;grid-template-columns:1fr}.filter-group{gap:.3rem}.filter-select{font-size:16px}.stats-container{gap:.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.stat-card{padding:.5rem}.stat-card h3{font-size:.65rem}.stat-number{font-size:1rem}.table-container{-webkit-overflow-scrolling:touch;border-radius:8px;margin:0 -.75rem;overflow-x:auto}.sales-table{font-size:.75rem;min-width:900px}.sales-table td,.sales-table th{padding:.5rem .4rem}.address-info,.contact-info,.customer-info{font-size:.7rem}.address-info{max-width:150px}.plan-badge{font-size:.65rem;padding:.2rem .5rem}.amount{font-size:.8rem}.date{font-size:.7rem}.action-buttons{justify-content:center}.action-btn{font-size:.8rem;height:30px;width:30px}}@media (max-width:480px){.page-container{margin-top:56px}.sales-container{padding:.5rem}.sales-title{font-size:1.25rem}.sales-actions{flex-direction:column;gap:.5rem}.export-btn,.refresh-btn{font-size:.85rem;padding:.75rem;width:100%}.filters-section{padding:.5rem}.search-input{font-size:16px;padding:.75rem .8rem .75rem 2.5rem}.filter-select{font-size:16px;padding:.75rem}.stats-container{gap:.4rem;grid-template-columns:1fr}.stat-card{padding:.75rem}.stat-card h3{font-size:.7rem}.stat-number{font-size:1.1rem}.table-container{margin:0 -.5rem}.sales-table{font-size:.7rem;min-width:800px}.sales-table td,.sales-table th{padding:.4rem .3rem}.customer-name{font-size:.75rem}.contact-info,.customer-email{font-size:.65rem}.address-info,.pan-number{font-size:.6rem}.address-info{line-height:1.2;max-width:120px}.plan-badge{font-size:.6rem;padding:.15rem .4rem}.amount{font-size:.75rem}.date{font-size:.65rem}.action-btn{font-size:.7rem;height:28px;width:28px}.no-data{font-size:.85rem;padding:2rem 1rem}}@media (max-width:360px){.sales-container{padding:.25rem}.sales-title{font-size:1.1rem}.export-btn,.refresh-btn{font-size:.8rem;padding:.6rem}.stats-container{gap:.3rem}.stat-card{padding:.5rem}.stat-number{font-size:1rem}.table-container{margin:0 -.25rem}.sales-table{font-size:.65rem;min-width:750px}.sales-table td,.sales-table th{padding:.3rem .2rem}.address-info{max-width:100px}}.modal-overlay{background-color:#000c;padding:1rem}.modal-content{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 10px 30px #00000080;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #333;padding:1.5rem}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background-color:#2a2a2a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close-btn:hover{background-color:#dc3545;color:#fff}.modal-body{padding:1.5rem}.details-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-section{background:#000;border:1px solid #333;border-radius:8px;padding:1.5rem}.detail-section h3{border-bottom:1px solid #333;color:#0f0;font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.detail-item{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.detail-item:last-child{margin-bottom:0}.detail-item label{color:#a0a0a0;font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#fff;font-size:.95rem;font-weight:500}.detail-item .plan-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;width:fit-content}.detail-item .amount{color:#0f0;font-size:1.1rem;font-weight:700}.modal-footer{border-top:1px solid #333;display:flex;justify-content:flex-end;padding:1.5rem}.btn-secondary{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{background-color:#3a3a3a;border-color:#0f0}@media (max-width:768px){.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-header{padding:1rem}.modal-header h2{font-size:1.25rem}.modal-body{padding:1rem}.details-grid{gap:1rem;grid-template-columns:1fr}.detail-section{padding:1rem}.detail-section h3{font-size:1rem}.detail-item label{font-size:.8rem}.detail-item span{font-size:.9rem}.modal-footer{padding:1rem}}@media (max-width:480px){.modal-overlay{padding:.5rem}.modal-content{margin:.5rem;max-height:calc(100vh - 1rem)}.modal-header{padding:.75rem}.modal-header h2{font-size:1.1rem}.modal-close-btn{font-size:1rem;height:35px;width:35px}.detail-section,.modal-body{padding:.75rem}.detail-section h3{font-size:.95rem}.detail-item{margin-bottom:.75rem}.detail-item label{font-size:.75rem}.detail-item span{font-size:.85rem}.modal-footer{padding:.75rem}.btn-secondary{font-size:.85rem;padding:.6rem 1.25rem}}.export-modal{max-width:500px}.export-filters{gap:1.5rem}.export-filters,.filter-row{display:flex;flex-direction:column}.filter-row{gap:.5rem}.filter-row label{color:#e0e0e0;font-size:.875rem;font-weight:500}.filter-input{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#e0e0e0;font-size:.875rem;padding:.75rem;transition:border-color .3s ease}.filter-input:focus{border-color:#4a90e2;outline:none}.btn-primary{align-items:center;background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{background-color:#357abd}.column-checkboxes{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.checkbox-label{align-items:center;border:1px solid #3a3a3a;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem;transition:all .3s ease}.checkbox-label:hover{background-color:#2a2a2a;border-color:#4a90e2}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.checkbox-label span{-webkit-user-select:none;user-select:none}@media (max-width:768px){.column-checkboxes{grid-template-columns:repeat(2,1fr)}}.tsr-login-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.tsr-login-container:before{background:radial-gradient(circle at 20% 80%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf61a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.tsr-login-form{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border-radius:24px;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:1.5rem;max-width:420px;padding:3rem 2.5rem;position:relative;width:100%;z-index:1}.tsr-login-header{margin-bottom:1rem;text-align:center}.tsr-login-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-family:Inter,Segoe UI,sans-serif;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem}.tsr-login-title{color:#f8fafc;font-size:1.875rem;font-weight:600;letter-spacing:-.025em;margin:0 0 .5rem}.tsr-login-subtitle{color:#94a3b8;font-size:1rem;font-weight:400;margin:0}.tsr-login-field{display:flex;flex-direction:column;gap:.5rem}.tsr-login-field label{color:#e2e8f0;font-size:.875rem;font-weight:500;letter-spacing:.025em}.tsr-login-field input{background:#0f172acc;border:1px solid #334155;border-radius:12px;box-sizing:border-box;color:#f8fafc;font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.tsr-login-field input::placeholder{color:#64748b}.tsr-login-field input:focus{background:#0f172af2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 1px 3px 0 #0000001a}.tsr-login-field input:hover:not(:focus){border-color:#475569}.tsr-login-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;box-shadow:0 4px 14px 0 #3b82f640,0 1px 3px 0 #0000001a;color:#fff;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem 1.5rem}.tsr-login-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px 0 #3b82f64d,0 2px 6px 0 #00000026}.tsr-login-btn:active{transform:translateY(0)}.tsr-divider{margin:1rem 0}.tsr-signup-section{text-align:center}.tsr-signup-text{color:#94a3b8;font-size:.875rem;margin-bottom:1rem}.tsr-signup-btn{background:#0000;border:1px solid #3b82f6;box-sizing:border-box;color:#3b82f6;display:inline-block;font-size:1rem;font-weight:500;padding:.875rem 1.5rem;text-decoration:none}.tsr-signup-btn:hover{background:#3b82f61a;border-color:#60a5fa;color:#60a5fa;transform:translateY(-1px)}.tsr-signup-link{display:block;text-decoration:none;width:100%}.tsr-login-error{animation:shake .5s ease-in-out;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#fca5a5;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:center}.tsr-forgot-password{margin-top:.5rem;text-align:right}.tsr-forgot-password a{color:#3b82f6;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.tsr-forgot-password a:hover{color:#60a5fa}.tsr-google-signin-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;letter-spacing:.025em;margin-top:2rem;padding:1rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.tsr-google-signin-btn:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.tsr-google-signin-btn:active{transform:translateY(0)}.tsr-google-signin-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.tsr-google-icon{flex-shrink:0}.tsr-password-toggle{color:#94a3b8;padding:.5rem;transition:color .2s}.tsr-password-toggle:hover{background:#94a3b81a;color:#e2e8f0}.tsr-login-field input[type=password],.tsr-login-field input[type=text]{padding-right:3rem}.tsr-login-success{animation:slideDown .3s ease-out;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;color:#86efac;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.tsr-login-container{padding:.5rem}.tsr-login-form{border-radius:16px;max-width:100%;padding:2rem 1.5rem}.tsr-login-brand,.tsr-login-title{font-size:1.5rem}}@media (max-width:320px){.tsr-login-form{padding:1.5rem 1rem}}.tsr-signup-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.tsr-signup-container:before{background:radial-gradient(circle at 20% 80%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf61a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.tsr-signup-form{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bf2;border-radius:24px;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;min-width:320px;padding:3rem 2.5rem;position:relative;width:80%;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tsr-signup-header{margin-bottom:1.5rem;text-align:center}.tsr-signup-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-family:Inter,Segoe UI,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem}.tsr-signup-title{color:#f8fafc;font-size:2rem;font-weight:600;letter-spacing:-.025em;margin:0 0 .5rem}.tsr-signup-subtitle{color:#94a3b8;font-size:1.125rem;font-weight:400;margin:0}.tsr-signup-field{display:flex;flex-direction:column;gap:.5rem}.tsr-signup-field label{color:#e2e8f0;font-size:.875rem;font-weight:500;letter-spacing:.025em}.tsr-signup-field label span{color:#f87171;font-weight:600;margin-left:2px}.tsr-input-wrapper{position:relative}.tsr-password-wrapper{align-items:center;display:flex;position:relative}.tsr-signup-field input,.tsr-signup-field select,.tsr-signup-field textarea{background:#0f172acc;border:1px solid #334155;border-radius:12px;box-sizing:border-box;color:#f8fafc;font-family:inherit;font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.tsr-password-wrapper input{padding-right:3rem}.tsr-password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:2}.tsr-password-toggle:focus,.tsr-password-toggle:hover:not(:disabled){background:#3b82f61a;color:#3b82f6}.tsr-password-toggle:focus{box-shadow:0 0 0 2px #3b82f633;outline:none}.tsr-password-toggle:disabled{cursor:not-allowed;opacity:.5}.tsr-password-toggle svg{height:20px;transition:all .2s ease;width:20px}.tsr-signup-field textarea{line-height:1.5;min-height:80px;resize:vertical}.tsr-signup-field input::placeholder,.tsr-signup-field select::placeholder,.tsr-signup-field textarea::placeholder{color:#64748b}.tsr-signup-field input:focus,.tsr-signup-field select:focus,.tsr-signup-field textarea:focus{background:#0f172af2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 1px 3px 0 #0000001a}.tsr-signup-field input:hover:not(:focus),.tsr-signup-field select:hover:not(:focus),.tsr-signup-field textarea:hover:not(:focus){border-color:#475569}.tsr-signup-field input:disabled,.tsr-signup-field select:disabled,.tsr-signup-field textarea:disabled{cursor:not-allowed;opacity:.6}.tsr-signup-field select{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'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}.tsr-signup-field select option{background:#1e293b;color:#f8fafc;padding:.5rem}.tsr-signup-field input[type=file]{background:#0f172acc;border:2px dashed #334155;cursor:pointer;padding:.75rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.tsr-signup-field input[type=file]:hover{background:#0f172af2;border-color:#3b82f6}.tsr-signup-field input[type=file]:focus{border-color:#3b82f6;border-style:solid;box-shadow:0 0 0 3px #3b82f61a,0 1px 3px 0 #0000001a}.tsr-profile-preview{align-items:center;background:#0f172a80;border:1px solid #334155;border-radius:8px;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.tsr-profile-preview img{border:2px solid #3b82f6;border-radius:50%;height:80px;object-fit:cover;width:80px}.tsr-remove-image{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#f87171;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.tsr-remove-image:hover:not(:disabled){background:#ef444433;border-color:#ef44444d}.tsr-remove-image:disabled{cursor:not-allowed;opacity:.5}.tsr-file-info,.tsr-password-requirements{color:#64748b;font-size:.75rem;line-height:1.4;margin-top:.25rem}.tsr-password-requirements.valid{color:#10b981}.tsr-signup-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 14px 0 #3b82f640,0 1px 3px 0 #0000001a;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;letter-spacing:.025em;margin-top:1rem;padding:1rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.tsr-signup-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px 0 #3b82f64d,0 2px 6px 0 #00000026;transform:translateY(-1px)}.tsr-signup-btn:active{transform:translateY(0)}.tsr-signup-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.tsr-divider{align-items:center;display:flex;margin:1.5rem 0}.tsr-divider:after,.tsr-divider:before{background:linear-gradient(90deg,#0000,#334155,#0000);content:"";flex:1 1;height:1px}.tsr-divider span{color:#64748b;font-size:.875rem;font-weight:500;padding:0 1rem}.tsr-login-section{text-align:center}.tsr-login-text{color:#94a3b8;font-size:1rem;margin-bottom:1rem}.tsr-login-btn{background:#0000;border:1px solid #3b82f6;border-radius:12px;box-sizing:border-box;color:#3b82f6;cursor:pointer;display:inline-block;font-size:1.125rem;font-weight:500;letter-spacing:.025em;padding:1rem 1.5rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.tsr-login-btn:hover{background:#3b82f61a;border-color:#60a5fa;color:#60a5fa;transform:translateY(-1px)}.tsr-login-link{display:block;text-decoration:none;width:100%}.tsr-signup-error{animation:shake .5s ease-in-out;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#fca5a5}.tsr-signup-error,.tsr-signup-success{font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:center}.tsr-signup-success{animation:slideIn .5s ease-out;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;color:#6ee7b7}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tsr-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tsr-form-grid .tsr-signup-field{grid-column:span 1}.tsr-form-grid .tsr-signup-field.full-width{grid-column:1/-1}@media (max-width:1200px){.tsr-signup-form{padding:2.5rem 2rem;width:85%}}@media (max-width:992px){.tsr-signup-form{padding:2rem 1.5rem;width:90%}.tsr-form-grid{gap:1.25rem;grid-template-columns:1fr 1fr}.tsr-signup-brand,.tsr-signup-title{font-size:1.75rem}}@media (max-width:768px){.tsr-signup-form{padding:2rem 1.5rem;width:95%}.tsr-form-grid{gap:1rem;grid-template-columns:1fr}.tsr-form-grid .tsr-signup-field{grid-column:span 1}.tsr-signup-brand,.tsr-signup-title{font-size:1.5rem}.tsr-signup-subtitle{font-size:1rem}}@media (max-width:640px){.tsr-signup-container{padding:.5rem}.tsr-signup-form{border-radius:16px;padding:1.5rem 1rem;width:98%}.tsr-signup-header{margin-bottom:1rem}.tsr-profile-preview{flex-direction:column;gap:.75rem;text-align:center}.tsr-login-btn,.tsr-signup-btn{font-size:1rem;padding:.875rem 1rem}.tsr-password-toggle{right:.5rem}.tsr-password-wrapper input{padding-right:2.5rem}}@media (max-width:480px){.tsr-signup-form{border-radius:12px;margin:0;width:100%}.tsr-form-grid{gap:.875rem}}@media (max-width:320px){.tsr-signup-form{padding:1rem .75rem}.tsr-signup-brand,.tsr-signup-title{font-size:1.25rem}.tsr-password-toggle{right:.375rem}.tsr-password-wrapper input{padding-right:2.25rem}}.employee-nav{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:space-between;padding:16px 24px;position:sticky;top:0;z-index:100}.employee-nav,.nav-left{align-items:center;display:flex}.brand-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:24px;font-weight:700;margin:0}.brand-subtitle{color:#64748b;display:block;font-size:12px;font-weight:500;margin-top:2px}.nav-right{align-items:center;display:flex}.employee-profile{position:relative}.profile-button{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:all .2s ease}.profile-button:hover{background:#f1f5f9;border-color:#cbd5e1}.profile-avatar{border:2px solid #4f46e5;border-radius:50%;height:32px;object-fit:cover;width:32px}.profile-info{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.profile-name{color:#1e293b;font-size:14px;font-weight:600;line-height:1.2}.profile-role{color:#64748b;font-size:12px;font-weight:500;line-height:1.2}.profile-arrow{color:#64748b;transition:transform .2s ease}.profile-arrow.open{transform:rotate(180deg)}.profile-dropdown{animation:fadeInDown .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:8px;min-width:240px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:16px}.dropdown-avatar{border:2px solid #4f46e5;border-radius:50%;height:40px;object-fit:cover;width:40px}.dropdown-info h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.dropdown-info p{color:#64748b;font-size:12px;font-weight:500;margin:2px 0 0}.dropdown-menu{padding:8px}.dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#f1f5f9;color:#1e293b}.dropdown-item svg{color:#64748b;flex-shrink:0}.dropdown-item:hover svg{color:#4f46e5}.dropdown-item.logout{color:#dc2626}.dropdown-item.logout:hover{background:#fef2f2;color:#dc2626}.dropdown-item.logout svg{color:#dc2626}.dropdown-divider{background:#e2e8f0;height:1px;margin:8px 0}@media (max-width:768px){.employee-nav{padding:12px 16px}.brand-logo h1{font-size:20px}.brand-subtitle{font-size:11px}.profile-info{display:none}.profile-dropdown{min-width:200px;right:-8px}}@media (max-width:480px){.employee-nav{padding:10px 12px}.brand-logo h1{font-size:18px}.profile-button{padding:6px 8px}.profile-avatar{height:28px;width:28px}}.employee-dashboard{background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.dashboard-content{margin:0 auto;max-width:1400px;padding:24px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px -1px #0000001a;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px -5px #0000001a;transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:10px;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.stat-info h3{color:#64748b;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.stat-value{color:#1e293b;font-size:24px;font-weight:800;line-height:1}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px -1px #0000001a;overflow:hidden}.table-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.table-header h2{color:#1e293b;font-size:20px;font-weight:700;margin:0}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#374151}.filter-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.table-wrapper{overflow-x:auto}.contacts-table{border-collapse:collapse;font-size:14px;width:100%}.contacts-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;font-weight:600;padding:16px 12px;position:relative;text-align:left;white-space:nowrap}.contacts-table td{border-bottom:1px solid #f1f5f9;padding:16px 12px;vertical-align:middle}.contacts-table tr:hover{background:#f8fafc}.contacts-table tr:last-child td{border-bottom:none}.editable-indicator{color:#4f46e5;font-size:10px;margin-left:4px;opacity:.7}.contact-name strong{color:#1e293b;font-weight:600}.email-link,.phone-link{color:#4f46e5;font-weight:500;text-decoration:none}.email-link:hover,.phone-link:hover{text-decoration:underline}.priority-badge,.status-badge{border-radius:6px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.call-count{color:#374151;font-weight:600}.last-called{color:#64748b;font-size:13px}.editable-cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-block;min-width:100%;padding:4px 8px;position:relative;transition:all .2s ease}.editable-cell:hover{background:#f1f5f9;border:1px solid #e2e8f0}.editable-cell .edit-icon{color:#4f46e5;font-size:10px;margin-left:4px;opacity:0;transition:opacity .2s ease}.editable-cell:hover .edit-icon{opacity:1}.edit-input,.edit-select{background:#fff;border:2px solid #4f46e5;border-radius:4px;box-shadow:0 0 0 3px #4f46e51a;color:#374151;font-family:inherit;font-size:13px;min-width:120px;outline:none;padding:6px 8px;width:100%}.edit-input:focus,.edit-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}.edit-select{cursor:pointer}.edit-input[type=number]{min-width:80px}.edit-input[type=email]{min-width:180px}.table-input,.table-select{background:#fff;border:2px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#374151;font-family:inherit;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.table-input:focus,.table-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.table-input:hover,.table-select:hover{border-color:#cbd5e1}.table-select{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'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:32px}.number-input{max-width:80px}.row-modified{background:#f59e0b0d;border-left:4px solid #f59e0b}.row-modified .table-input,.row-modified .table-select{background:#f59e0b0d;border-color:#f59e0b}.modified-badge{animation:pulse 2s infinite;background:#f59e0b;border-radius:4px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:2px 6px;text-transform:uppercase}.action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.call-btn,.remarks-btn,.reset-btn,.update-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.call-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.call-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.remarks-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#4f46e5}.remarks-btn:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}.update-btn{animation:pulse 2s infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff}.update-btn:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.reset-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.reset-btn:hover{background:#e2e8f0;color:#374151}@keyframes pulse{0%,to{opacity:1}50%{opacity:.9}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.call-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}.modal-header h3{color:#1e293b;font-size:20px;font-weight:700;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.close-btn:hover{background:#f1f5f9;color:#374151}.modal-content{padding:24px}.customer-info-modal{background:#f8fafc;border-left:4px solid #4f46e5;border-radius:8px;margin-bottom:24px;padding:16px}.customer-info-modal h4{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 8px}.customer-info-modal p{color:#64748b;font-size:14px;margin:4px 0}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.status-select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:12px;transition:all .2s ease;width:100%}.status-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.remark-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#374151;font-family:inherit;font-size:14px;min-height:100px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.remark-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.remark-textarea::placeholder{color:#9ca3af}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.cancel-btn:hover{background:#f1f5f9;color:#374151}.submit-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 14px 0 #4f46e563;color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px 0 #4f46e580;transform:translateY(-2px)}.submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:1024px){.dashboard-content{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.table-header{align-items:flex-start;flex-direction:column;gap:16px}.filter-buttons{justify-content:flex-start;width:100%}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.contacts-table{font-size:13px}.contacts-table td,.contacts-table th{padding:12px 8px}.action-buttons{flex-direction:column;gap:4px}.call-btn,.remarks-btn{font-size:11px;padding:4px 8px}.call-modal{margin:20px;width:95%}.modal-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.edit-input,.edit-select{font-size:12px;padding:4px 6px}.editable-cell{padding:2px 4px}}@media (max-width:640px){.contacts-table td:nth-child(4),.contacts-table td:nth-child(7),.contacts-table td:nth-child(8),.contacts-table th:nth-child(4),.contacts-table th:nth-child(7),.contacts-table th:nth-child(8){display:none}.filter-buttons{flex-direction:column;gap:8px}.filter-btn{text-align:center;width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card,.table-container{animation:fadeInUp .6s ease-out}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}
/*# sourceMappingURL=main.96408629.css.map*/