*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:50px auto;max-width:400px;padding:20px}.form-group{margin-bottom:15px}.form-group label{font-weight:500;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:4px;padding:10px}.btn,.form-group input{font-size:16px;width:100%}.btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:12px}.btn:hover{background:#0056b3}.error{color:#dc3545}.error,.success{margin-top:10px;text-align:center}.success{color:#28a745}.nav{background:#333;color:#fff;padding:15px}.nav a{color:#fff;margin-right:20px;text-decoration:none}.nav a:hover{text-decoration:underline}.home-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:50px auto;max-width:800px;padding:20px}.logout-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;float:right;padding:8px 16px}.logout-btn:hover{background:#c82333}.run-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:1200px;padding:2rem}.run-container h1{color:#333;font-size:2.5rem;margin-bottom:1rem;text-align:center}.run-description{color:#666;font-size:1.1rem;margin-bottom:3rem;text-align:center}.commands-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:3rem}.command-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:all .3s ease}.command-card:hover{border-color:#007bff;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.command-card h3{color:#333;font-size:1.2rem;margin-bottom:.5rem}.command-description{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.command-box{background:#2d3748;border-radius:6px;overflow-x:auto;padding:1rem;position:relative}.command-box code{color:#e2e8f0;font-family:Courier New,monospace;font-size:.85rem;line-height:1.4;word-break:break-all}.copy-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.3rem .6rem;position:absolute;right:.5rem;top:.5rem;transition:background-color .2s}.copy-btn:hover{background:#0056b3}.quick-actions{margin-bottom:3rem}.quick-actions h2{color:#333;margin-bottom:1.5rem;text-align:center}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;min-width:150px;padding:.8rem 1.5rem;transition:all .3s ease}.action-btn.primary{background:#007bff;color:#fff}.action-btn.primary:hover{background:#0056b3;transform:translateY(-2px)}.action-btn.secondary{background:#28a745;color:#fff}.action-btn.secondary:hover{background:#1e7e34;transform:translateY(-2px)}.action-btn.warning{background:#dc3545;color:#fff}.action-btn.warning:hover{background:#c82333;transform:translateY(-2px)}.server-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:2rem}.server-info h2{color:#333;margin-bottom:1.5rem;text-align:center}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;padding:1rem}.info-item strong{color:#333;display:block;margin-bottom:.3rem}@media (max-width:768px){.run-container{margin:1rem;padding:1rem}.commands-grid{gap:1rem;grid-template-columns:1fr}.command-box code{font-size:.75rem}.action-buttons{align-items:center;flex-direction:column}.action-btn{max-width:300px;width:100%}.info-grid{grid-template-columns:1fr}}@media (max-width:480px){.run-container h1{font-size:2rem}.command-card{padding:1rem}.command-box{padding:.8rem}}.header{align-items:center;background:#fff;border-bottom:2px solid #007bff;box-shadow:0 2px 4px #0000001a;color:#222;display:flex;justify-content:space-between;padding:1rem 2rem;position:sticky;text-align:center;top:0;z-index:1000}.logo{color:#007bff;font-size:2rem;font-weight:700;text-align:left}.header-buttons{align-items:center;display:flex;gap:1rem}.header-buttons a{border-radius:4px;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.header-buttons a:first-child{background-color:#007bff;color:#fff}.header-buttons a:first-child:hover{background-color:#0056b3}.header-buttons a:last-child{background-color:initial;border:2px solid #007bff;color:#007bff}.header-buttons a:last-child:hover{background-color:#007bff;color:#fff}.header h1{font-size:2rem;font-weight:700;margin:0}.be-creator-container{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.be-creator-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin-top:2rem;max-width:600px;padding:2.5rem;width:100%}.be-creator-card h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.be-creator-card p{color:#666;font-size:1.1rem;margin-bottom:2rem;text-align:center}.creator-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input.error,.form-group textarea.error{background:#fff5f5;border-color:#dc3545}.form-group input.disabled{background:#f1f3f4;color:#666;cursor:not-allowed}.form-group small{font-size:.85rem;margin-top:.25rem}.file-input{background:#f8f9ff;border:2px dashed #007bff;border-radius:8px;cursor:pointer;padding:.5rem;transition:all .3s ease}.file-input:hover{background:#e8f2ff;border-color:#0056b3}.image-preview img{max-width:150px}.status-message{font-size:.85rem;font-weight:500;margin-top:.25rem}.status-message.checking{color:#ffc107}.status-message.available{color:#28a745}.status-message.unavailable{color:#dc3545}.error-message{color:#dc3545;font-size:.85rem;margin-top:.25rem}.submit-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;font-weight:500;padding:.75rem;text-align:center}.checkbox-group{align-items:center;flex-direction:row;gap:.75rem}.checkbox-label{align-items:center;color:#333;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:#007bff;cursor:pointer;height:18px;width:18px}.submit-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 8px 25px #007bff4d;transform:translateY(-2px)}.submit-button:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.be-creator-container{padding:1rem}.be-creator-card{margin-top:1rem;padding:1.5rem}.be-creator-card h1{font-size:2rem}.creator-form{gap:1rem}.submit-button{font-size:1rem;padding:.875rem 1.5rem}}@media (max-width:480px){.be-creator-card{padding:1rem}.be-creator-card h1{font-size:1.75rem}.form-group input,.form-group textarea{font-size:.95rem;padding:.625rem}}.image-requirements{display:block}.studio-dashboard{display:flex;font-family:Poppins,sans-serif;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e9ecef;height:100vh;overflow-y:auto;padding:2rem 0;position:fixed;width:280px;z-index:100}.profile-section{border-bottom:1px solid #e9ecef;padding:0 2rem 2rem;text-align:center}.avatar{align-items:center;background:#f8f9fa;border-radius:50%;display:flex;height:130px;justify-content:center;margin:0 auto 1rem;overflow:hidden;width:130px}.avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;color:#666;display:flex;height:100%;justify-content:center;width:100%}.studio-title{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.user-name{color:#666;font-size:.95rem;margin:0}.nav-menu{padding:2rem 0}.nav-item{align-items:center;color:#666;cursor:pointer;display:flex;font-weight:500;gap:1rem;padding:1rem 2rem;transition:all .2s ease}.nav-item:hover{background:#f8f9fa;color:#333}.nav-item.active{background:#e3f2fd;border-right:3px solid #007bff;color:#007bff}.nav-item svg{flex-shrink:0}.main-content{flex:1 1;margin-left:280px;min-height:100vh;padding:2rem 32px}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0;padding:0}.content-header h1{color:#333;font-size:2rem;font-weight:700;margin:0}.realtime-controls{align-items:center;display:flex;gap:1.5rem}.realtime-toggle{align-items:center;display:flex;gap:.5rem}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:#28a745}input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-label{color:#333;font-size:.9rem;font-weight:500}.refresh-controls{align-items:center;display:flex;gap:1rem}.refresh-controls select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;padding:.5rem}.refresh-controls select:disabled{cursor:not-allowed;opacity:.5}.last-updated{color:#666;font-size:.8rem;font-style:italic}.realtime-indicator{position:absolute;right:1rem;top:1rem}.pulse{animation:pulse 2s infinite;color:#28a745;font-size:1.2rem}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.analytics-card{position:relative}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr;margin-top:20px;max-width:1200px}.card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 0 5px 0 #0000001a,0 0 1px 0 #0000001a;padding:28px}.card h3{align-items:center;color:#333;display:flex;font-size:20px;font-weight:600;gap:8px;margin:0 0 24px}.analytics-card{grid-column:span 1}.metric{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.metric-label{color:#666;font-size:.95rem}.metric-value{color:#333;font-size:1.5rem;font-weight:700}.metric-value:contains("No data"),.metric-value:empty:before{color:#999;font-style:italic;font-weight:400}.growth-card{grid-column:span 2}.chart-container{margin-top:1rem}.cta-card,.summary-card{grid-column:span 1}.cta-card{text-align:center}.cta-card p{color:#666;line-height:1.6;margin-bottom:1.5rem}.upload-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.upload-btn:hover{background:#0056b3;transform:translateY(-1px)}.tab-content{margin-left:310px;margin-top:2rem}.tab-content h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.tab-content p{color:#666;line-height:1.6}.assets-page{background:#0000;margin-left:334px;margin-top:2rem;min-height:auto;padding:0}.assets-header{align-items:center;display:flex;gap:57rem;margin-bottom:2rem}.assets-header h1{color:#333;font-size:2rem;font-weight:700;margin:0}.upload-asset-btn{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.upload-asset-btn:hover{background:#333;transform:translateY(-1px)}.upload-form-container{margin-bottom:2rem;overflow:hidden}.upload-form-layout{grid-gap:6rem;display:grid;gap:6rem;grid-template-columns:1fr 1fr;padding:0}.upload-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:2rem}.upload-preview h3{border-bottom:2px solid #e9ecef;color:#333;font-size:1.25rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.preview-content{background:#fff;border-radius:8px;display:flex;flex-direction:column;padding:1.5rem}.preview-main-file{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin-bottom:1rem;padding:1rem;text-align:center}.main-file-info{color:#333;font-size:.95rem}.main-file-info strong{color:#007bff}.main-file-info small{color:#666;font-size:.85rem}.preview-cover-images{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.preview-cover-image{align-items:center;background:linear-gradient(90deg,#6c757d,#495057);border-radius:8px;display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.preview-cover-image img{height:100%;object-fit:cover;width:100%}.preview-title{color:#333;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0 0 1rem}.preview-description{color:#666;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.preview-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.preview-tag{background:#f8f9fa;border-radius:20px;color:#666;font-size:.85rem;font-weight:500;padding:.4rem .8rem}.preview-details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.preview-details-left,.preview-details-right{display:flex;flex-direction:column}.preview-detail-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.5rem 0}.preview-detail-item:last-child{border-bottom:none}.detail-label{color:#666;font-size:.9rem;font-weight:500}.detail-value{color:#333;font-size:.9rem;font-weight:600}.credit-link{background:none;border:none;color:#007bff;cursor:pointer;font-family:inherit;font-size:.85rem;margin-left:.5rem;padding:0;text-decoration:none}.credit-link:hover{text-decoration:underline}.preview-showcase h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 1rem}.preview-showcase-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.preview-showcase-img{border-radius:6px;box-shadow:0 2px 8px #0000001a;height:80px;object-fit:cover;width:100%}.form-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 0}.form-header h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.form-header-actions{align-items:center;display:flex;gap:1rem}.cancel-btn{border-radius:6px;font-size:.9rem;padding:.5rem 1rem}.upload-form{padding:0}.form-group{margin-bottom:2rem}.form-group label{display:block;font-size:1rem;margin-bottom:.75rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e1e5e9;border-radius:8px;font-family:Poppins,sans-serif;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.form-group small{color:#666;display:block;font-size:.9rem;margin-top:.5rem}.image-preview{margin-top:1rem;text-align:center}.image-preview img{border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:150px;max-width:200px}.showcase-preview{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-top:1rem}.showcase-preview img{border-radius:6px;box-shadow:0 2px 8px #0000001a;height:80px;object-fit:cover;width:100%}.format-options{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.format-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .2s ease}.format-option:hover{background:#f8f9fa}.format-option input[type=checkbox]{margin:0;width:auto}.credit-option{margin-top:.5rem}.credit-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .2s ease}.credit-checkbox:hover{background:#f8f9fa}.credit-checkbox input[type=checkbox]{margin:0;width:auto}.dimension-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.dimension-input input{background:#fff;border:1px solid #e1e5e9;border-radius:8px;font-family:Poppins,sans-serif;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.dimension-input input:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.form-actions{border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;margin-top:3rem;padding-top:2rem}.cancel-btn{background:#0000;border:2px solid #e1e5e9;border-radius:8px;color:#666;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn:hover{background:#f8f9fa;border-color:#666}.submit-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.submit-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.assets-grid{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1.5rem;overflow-x:auto}.empty-state{grid-column:1/-1;padding:4rem 2rem;text-align:center}.empty-state h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.empty-state p{color:#666;font-size:1.1rem;margin-bottom:2rem}.upload-first-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.upload-first-btn:hover{background:#0056b3;transform:translateY(-2px)}.asset-card{align-items:stretch;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:row;min-width:300px;overflow:hidden;position:relative;transition:all .3s ease}.asset-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.asset-image{border-bottom-left-radius:12px;border-bottom-right-radius:0;border-top-left-radius:12px;border-top-right-radius:0;flex:0 0 200px;height:200px;overflow:hidden}.asset-image img{height:100%;object-fit:cover;width:100%}.asset-placeholder{align-items:center;background:#f8f9fa;color:#666;display:flex;font-weight:500;height:100%;justify-content:center;width:100%}.asset-overlay{background:none;bottom:1rem;display:flex;flex-direction:row;gap:.5rem;left:auto;opacity:1;position:absolute;right:1rem;top:auto;transition:none;z-index:2}.asset-card:hover .asset-overlay{opacity:1}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}.asset-info{display:flex;flex:1 1 auto;flex-direction:column;justify-content:flex-start;padding:1rem;position:relative}.asset-info h3{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.asset-category{color:#007bff;font-size:.9rem;font-weight:500;margin:0 0 .75rem}.asset-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.95rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.asset-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:#f8f9fa;border-radius:4px;color:#666;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.asset-formats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.format-badge{background:#e3f2fd;border-radius:4px;color:#007bff;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.upload-date{color:#999;font-size:.85rem;margin:0;position:absolute;right:1rem;top:1rem}@media (max-width:1024px){.sidebar{width:240px}.main-content{margin-left:240px}.assets-page,.tab-content{margin-left:270px}.growth-card{grid-column:span 1}}@media (max-width:768px){.studio-dashboard{flex-direction:column}.sidebar{height:auto;padding:1rem 0;position:relative;width:100%}.main-content{margin-left:0;padding:1rem}.assets-page,.tab-content{margin-left:0}.dashboard-grid{gap:1rem;grid-template-columns:1fr}.growth-card{grid-column:span 1}.assets-grid{gap:1rem;grid-template-columns:1fr}.format-options{gap:.5rem}.assets-header,.form-actions,.format-options{flex-direction:column}.assets-header{align-items:flex-start;gap:1rem}.upload-modal{margin:1rem;max-height:95vh}.upload-form-layout{gap:1rem;grid-template-columns:1fr;padding:1rem}}@media (max-width:480px){.profile-section{padding:0 1rem 1rem}.nav-item{padding:.75rem 1rem}.asset-info,.card,.modal-header,.upload-form{padding:1rem}}.user-settings{margin-left:310px;margin-top:2rem}.settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.settings-header h1{color:#333;font-size:2rem;font-weight:700;margin:0}.settings-actions{display:flex;gap:1rem}.edit-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.edit-btn:hover{background:#0056b3;transform:translateY(-1px)}.edit-actions{display:flex;gap:1rem}.save-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.save-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.save-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.settings-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.profile-section{max-width:800px}.profile-image-section{margin-bottom:2rem;text-align:center}.profile-image-container{display:inline-block;margin-bottom:1rem;position:relative}.profile-image{object-fit:cover}.profile-image,.profile-image-placeholder{border:4px solid #f8f9fa;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:120px;width:120px}.profile-image-placeholder{background:#f8f9fa;color:#666}.image-upload-overlay,.profile-image-placeholder{align-items:center;display:flex;justify-content:center}.image-upload-overlay{background:#007bff;border-radius:50%;bottom:0;box-shadow:0 2px 8px #0003;cursor:pointer;height:40px;position:absolute;right:0;transition:all .2s ease;width:40px}.image-upload-overlay:hover{background:#0056b3;transform:scale(1.1)}.upload-label{align-items:center;color:#fff;cursor:pointer;display:flex;height:100%;justify-content:center;width:100%}.image-requirements{color:#666;font-size:.75rem;margin-top:.5rem;text-align:center}.delete-profile-image-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:24px}.delete-profile-image-btn:hover{background:#c82333;transform:scale(1.1)}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#333;font-size:.95rem;font-weight:600}.form-group input,.form-group textarea{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;font-family:Poppins,sans-serif;font-size:1rem;padding:.75rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input:disabled,.form-group textarea:disabled{background:#f8f9fa;color:#666;cursor:not-allowed}.form-group textarea{min-height:100px;resize:vertical}@media (max-width:1024px){.user-settings{margin-left:270px}}@media (max-width:768px){.user-settings{margin-left:0}.settings-header{align-items:flex-start;flex-direction:column;gap:1rem}.form-row{gap:1rem;grid-template-columns:1fr}.settings-content{padding:1rem}}.analytics-page{background:#f8f9fa;margin-left:18rem;min-height:100vh;padding:2rem}.analytics-header{align-items:center;justify-content:space-between;margin-bottom:2rem;padding:0}.analytics-header h1{color:#333;font-size:2rem;font-weight:700;margin:0}.analytics-controls{align-items:center;display:flex;gap:2rem}.time-range-selector{align-items:center;display:flex;gap:.5rem}.time-range-selector select{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.time-range-selector select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.analytics-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.overview-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.overview-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.overview-icon{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.overview-content h3{color:#666;font-size:.9rem;font-weight:500;margin:0 0 .5rem}.overview-value{color:#333;font-size:2rem;font-weight:700;margin:0 0 .25rem}.overview-value:contains("No data"),.overview-value:empty:before{color:#999;font-size:1.5rem;font-style:italic;font-weight:400}.overview-change{font-size:.8rem;font-weight:500}.overview-change.positive{color:#28a745}.overview-change.negative{color:#dc3545}.analytics-charts{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.chart-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.chart-container h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem}.chart{overflow-x:auto;width:100%}.category-chart{gap:1rem}.category-bar,.category-chart{display:flex;flex-direction:column}.category-bar{gap:.5rem}.category-info{align-items:center;display:flex;justify-content:space-between}.category-name{color:#333;font-weight:500}.category-stats{color:#666;font-size:.8rem}.category-progress{background:#f0f0f0;border-radius:4px;height:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#007bff,#0056b3);border-radius:4px;height:100%;transition:width .3s ease}.analytics-details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.recent-activity,.top-assets{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.recent-activity h3,.top-assets h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem}.assets-list{display:flex;flex-direction:column;gap:1rem}.asset-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:background-color .2s ease}.asset-item:hover{background:#e9ecef}.asset-rank{font-size:1.2rem}.asset-info h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 .5rem}.asset-stats{color:#666;font-size:.8rem;gap:1rem}.asset-stats span{align-items:center;display:flex;gap:.25rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:flex-start;background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:background-color .2s ease}.activity-item:hover{background:#e9ecef}.activity-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.activity-icon.download{background:#d4edda;color:#155724}.activity-icon.view{background:#d1ecf1;color:#0c5460}.activity-content p{color:#333;font-size:.9rem;line-height:1.4;margin:0 0 .25rem}.activity-time{color:#666;font-size:.8rem}.loading-state{padding:4rem 2rem;text-align:center}.loading-state h3{color:#333;font-size:1.5rem;margin:0 0 1rem}.loading-state p{color:#666;margin:0}@media (max-width:1024px){.analytics-charts,.analytics-details{grid-template-columns:1fr}}@media (max-width:768px){.analytics-page{padding:1rem}.analytics-header{align-items:flex-start;flex-direction:column;gap:1rem}.analytics-overview{grid-template-columns:1fr}.overview-card{padding:1rem}.overview-icon{height:50px;width:50px}.overview-icon,.overview-value{font-size:1.5rem}.chart-container,.recent-activity,.top-assets{padding:1rem}}@media (max-width:480px){.analytics-header h1{font-size:1.5rem}.overview-card{flex-direction:column;text-align:center}.asset-stats{flex-direction:column;gap:.25rem}.activity-content p{font-size:.8rem}}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;width:100%}.header-content h1{color:#333;font-size:28px;font-weight:600;margin:0}.overview-card{grid-column:1/-1}.overview-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;gap:20px;padding:20px}.stat-icon,.stat-item{align-items:center;display:flex}.stat-icon{background:#007bff;border-radius:12px;color:#fff;font-size:24px;height:48px;justify-content:center;width:48px}.stat-content{display:flex;flex-direction:column}.stat-value{color:#333;font-size:24px;font-weight:700;line-height:1}.stat-label{color:#666;font-size:14px;margin-top:4px}.recent-activity-card{grid-column:1/-1}.recent-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.recent-stat{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;display:flex;flex-direction:column;padding:20px;text-align:center}.recent-label{color:#666;font-size:14px;margin-bottom:8px}.recent-value{color:#333;font-size:20px;font-weight:600}.top-assets-card{grid-column:1/-1}.top-assets-list{display:flex;flex-direction:column;gap:12px}.top-asset-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;display:flex;gap:20px;padding:20px}.asset-rank{color:#007bff;font-size:18px;font-weight:700;min-width:40px}.asset-info{flex:1 1}.asset-title{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.asset-stats{display:flex;gap:16px}.asset-stat{color:#666;font-size:14px}.no-data{color:#666;padding:40px 20px;text-align:center}.no-data p{margin:8px 0}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column}.overview-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.recent-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.dashboard-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:380px 1fr;margin-top:1rem;max-width:1400px}.left-sidebar{gap:1.5rem}.left-sidebar,.main-content-area{display:flex;flex-direction:column}.main-content-area{gap:2rem}.full-width-growth{width:100%}.two-column-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.trending-section{gap:1.5rem;position:relative}.project-section,.trending-section{display:flex;flex-direction:column}.upload-assets-btn{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:600;margin-left:auto;padding:.75rem 1.5rem;transition:all .2s ease}.upload-assets-btn:hover{background:#333;transform:translateY(-1px)}.left-column{display:flex;flex-direction:column;gap:1.5rem}.analytics-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 0 5px 0 #0000001a,0 0 1px 0 #0000001a;padding:1.5rem}.analytics-card h3{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.current-followers{text-align:center}.summary-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 0 5px 0 #0000001a,0 0 1px 0 #0000001a;padding:1.5rem}.summary-card h3{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.summary-subtitle{margin-bottom:1rem}.help-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 0 5px 0 #0000001a,0 0 1px 0 #0000001a;padding:1.5rem}.help-card h3{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.help-content{align-items:center;display:flex;gap:1rem}.help-content p{color:#666;flex:1 1;font-size:.9rem;line-height:1.4;margin:0}.help-icon{color:#ccc;flex-shrink:0}.middle-column{display:flex;flex-direction:column;gap:1.5rem}.growth-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 0 5px 0 #0000001a,0 0 1px 0 #0000001a;padding:1rem}.growth-card h3{color:#333;font-size:1.25rem;font-weight:600;margin:0;padding-left:1rem}.growth-subtitle{color:#666;font-size:.9rem;margin-bottom:.5rem;padding-left:1rem}.growth-chart{height:200px;width:100%}.trending-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 0 5px 0 #0000001a,0 0 1px 0 #0000001a;height:100%;padding:1.5rem;width:107%}.trending-card h3{color:#333;font-size:1.25rem;font-weight:600;margin:0}.trending-subtitle{color:#666;font-size:.9rem;margin-bottom:1rem}.trending-list{display:flex;flex-direction:column;gap:.75rem}.trending-item{align-items:center;color:#666;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem 0}.trending-item.trending{color:#333}.trending-item.trending .trending-icon{color:#28a745}.trending-text{flex:1 1}.fade-effect{bottom:60px;left:0;pointer-events:none;position:absolute;right:0;z-index:5}.fade-effect img{height:auto;width:100%}.upgrade-section{bottom:32px;left:0;position:absolute;right:0;z-index:10}.upgrade-pro-btn,.upgrade-section{align-items:center;display:flex;justify-content:center}.upgrade-pro-btn{border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:.5rem;padding:.7rem .5rem;transition:all .2s ease;width:50%}.upgrade-pro-btn,.upgrade-pro-btn:hover{background:linear-gradient(135deg,#1c66f0,#000d46)}.pro-badge{background:#fff;border-radius:9px;color:#072370;font-size:1rem;font-weight:700;padding:.25rem .5rem}.project-image-card,.right-column{display:flex;flex-direction:column}.project-image-card{align-items:center;border-radius:16px;height:100%;justify-content:space-between;position:relative}.project-img{border-radius:8px;flex:1 1;max-height:100%;max-width:100%;object-fit:cover;width:81%}.unlock-project-container{align-items:center;bottom:.7rem;display:flex;flex-direction:row;gap:.75rem;left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap;width:auto}.project-btn{align-items:center;background:linear-gradient(135deg,#1c66f0,#000d46);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.project-btn img{height:16px;width:16px}.project-btn:hover{background:#0056b3}.unlock-text{font-size:.9rem;font-weight:500}.unlock-icon{align-items:center;display:flex;justify-content:center}.unlock-icon img{height:20px;width:20px}.project-badge{background:#007bff;border-radius:4px;color:#fff;font-size:.8rem;font-weight:700;padding:.25rem .5rem}@media (max-width:1200px){.dashboard-layout{gap:1.5rem;grid-template-columns:250px 1fr}.two-column-layout{gap:1.5rem;grid-template-columns:1fr}.project-image-card{padding:.5rem}}@media (max-width:768px){.dashboard-layout{gap:1rem;grid-template-columns:1fr}.left-sidebar{order:2}.main-content-area{gap:1rem;order:1}.two-column-layout{gap:1rem;grid-template-columns:1fr}.trending-section{gap:1rem}.project-image-card{padding:.5rem}.project-img{max-height:90%;max-width:90%}}@media (max-width:480px){.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.upload-assets-btn{width:100%}.analytics-card,.growth-card,.help-card,.project-image-card,.summary-card,.trending-card{padding:.5rem}.followers-value{font-size:2rem}.upgrade-pro-btn{font-size:.9rem;padding:.75rem 1rem}}.analytics-summary-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 0 5px 0 #0000001a,0 0 1px 0 #0000001a;margin-bottom:1.5rem;padding:1.5rem}.analytics-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;margin-bottom:1.5rem;padding-bottom:1rem}.analytics-header h3{color:#333;font-size:1.25rem;font-weight:600;margin:0}.current-followers{text-align:left;width:100%}.followers-label{color:#666;display:block;font-size:.9rem;margin-bottom:.5rem}.followers-value{color:#333;display:block;font-size:3rem;font-weight:700;line-height:1}.summary-section{margin-top:1rem}.summary-subtitle{color:#666;font-size:.9rem;margin:0 0 1rem}.summary-metrics{display:flex;flex-direction:column;gap:.75rem}.summary-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.5rem 0}.summary-item:last-child{border-bottom:none}.summary-label{color:#666;font-size:.9rem}.summary-value{color:#333;font-weight:600}.summary-value:contains("No data"),.summary-value:empty:before{color:#999;font-style:italic;font-weight:400}
/*# sourceMappingURL=main.169caa81.css.map*/