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}html{overscroll-behavior:none}.App{background-color:#1f1e20;color:#fff;text-align:center;width:100%}header{border-bottom:5px solid red;margin:0;padding:0}header.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:1rem;height:50px;justify-content:center}.main-container{background-color:#333;display:flex;margin-top:60px;min-height:calc(100vh - 128px)}footer{font-size:.8rem;height:30px;justify-content:center}.Header,footer{align-items:center;color:#fff;display:flex}.Header{background-color:#000;border-bottom:3px solid #fff;box-sizing:border-box;height:60px;justify-content:space-between;max-width:100%;padding:10px 20px;position:fixed;top:0;-webkit-user-select:none;user-select:none;width:100%;z-index:1000}.HeaderPlan{font-weight:700;margin-left:.5rem;vertical-align:bottom}.header-left{align-items:flex-end;flex-direction:row}.logo{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.header-right{gap:10px}.auth-button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease;white-space:nowrap}.header-login-button{background-color:#20642c;color:#fff;padding:6px 12px}.header-login-button:hover{background-color:#104219;color:#fff;text-decoration:none}.signup-button{background-color:#007acc;color:#fff;padding:6px 12px}.signup-button:hover{background-color:#005a9e}.user-info{align-items:center;color:#fff;display:flex;font-size:.9rem;margin-right:10px}.clickable-user{border-radius:4px;cursor:pointer;padding:4px 8px;transition:background-color .2s ease}.clickable-user:hover{background-color:#ffffff1a}.clickable-credit{border-radius:4px;cursor:pointer;padding:4px 8px;transition:background-color .2s ease}.clickable-credit:hover{background-color:#ffd70033}.logout-button{background-color:#666;color:#fff;font-size:.8rem;padding:6px 12px}.logout-button:hover{background-color:#555}.credit-display{color:gold;font-weight:700}.credit-info{align-items:center;display:flex;font-size:.9rem;justify-content:center;margin-bottom:.2rem;margin-top:.5rem;text-align:center}.user-menu-wrapper{display:inline-block;position:relative}.user-dropdown-menu{animation:dropdownFadeIn .18s cubic-bezier(.4,1.4,.6,1) both;background:linear-gradient(135deg,#23272f 60%,#2d3a4a);border:1px solid #222b3a;border-radius:8px;box-shadow:0 4px 16px 0 #00000047,0 1.5px 8px 0 #00000021;max-width:180px;min-width:120px;overflow:hidden;padding:2px 0;position:absolute;right:0;top:120%;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-item{background:#0000;border:none;color:#e3e8ef;cursor:pointer;font-family:Segoe UI,Meiryo,sans-serif;font-size:.95rem;letter-spacing:.01em;outline:none;padding:8px 16px;transition:background .16s,color .16s,padding-left .16s;white-space:nowrap}.user-dropdown-item:hover{background:linear-gradient(90deg,#007acc,#23272f);color:#fff;padding-left:22px}.credit-dropdown-menu{animation:dropdownFadeIn .18s cubic-bezier(.4,1.4,.6,1) both;background:linear-gradient(135deg,#23272f 60%,#2d3a4a);border:1px solid #222b3a;border-radius:8px;box-shadow:0 4px 16px 0 #00000047,0 1.5px 8px 0 #00000021;max-width:180px;min-width:120px;overflow:hidden;padding:2px 0;position:absolute;right:0;top:120%;z-index:1000}.credit-dropdown-item{background:#0000;border:none;color:#e3e8ef;cursor:pointer;font-family:Segoe UI,Meiryo,sans-serif;font-size:.95rem;letter-spacing:.01em;outline:none;padding:8px 16px;transition:background .16s,color .16s,padding-left .16s;white-space:nowrap}.credit-dropdown-item:hover{background:linear-gradient(90deg,#007acc,#23272f);color:#fff;padding-left:22px}@media (max-width:500px){.header-left{display:flex;flex-direction:column}}.register-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.register-modal{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#fff;max-width:400px;padding:0;text-align:left;width:90%}.register-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 20px 0}.register-header h2{color:#007acc;font-size:1.5rem;margin:0}.register-form{padding:0 20px 20px}.register-button{background-color:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px;transition:background-color .3s ease;width:100%}.register-button:hover:not(:disabled){background-color:#005a9e}.register-button:disabled{background-color:#555;cursor:not-allowed}.submit-error{white-space:pre-wrap}.auth-switch{border-top:1px solid #444;margin-top:20px;padding:20px;text-align:center}.auth-switch p{color:#ccc;font-size:.9rem;margin:0 0 10px}.login-link-button{background:none;border:1px solid #007acc;border-radius:4px;color:#007acc;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.login-link-button:hover{background-color:#007acc;box-shadow:0 2px 4px #007acc4d;color:#fff;transform:translateY(-1px)}.reset-overlay{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.reset-modal{background:#081f5f;border-radius:8px;box-shadow:0 2px 8px #0003;max-width:90vw;min-width:320px;padding:32px 24px 24px;position:relative}.reset-header{align-items:center;display:flex;justify-content:space-between}.reset-form .form-group,.reset-header{margin-bottom:16px}.reset-error{color:#d32f2f;margin-bottom:8px}.reset-success{color:#388e3c;margin-bottom:8px}.reset-button{background:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 0;transition:background .2s;width:100%}.reset-button:disabled{background:#b0b0b0;cursor:not-allowed}.login-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.login-modal{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#fff;max-width:400px;padding:0;text-align:left;width:90%}.login-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 20px 0}.login-header h2{color:#007acc;font-size:1.5rem;margin:0}.login-form{padding:0 20px 20px}.submit-error{background-color:#ff6b6b;border-radius:4px;color:#fff;font-size:.9rem;padding:10px;text-align:center}.form-group,.submit-error{margin-bottom:20px}.form-group label{color:#ccc;display:block;font-weight:700;margin-bottom:5px}.form-group input{background-color:#3a3a3a;border:1px solid #555;border-radius:4px;box-sizing:border-box;color:#fff;font-size:1rem;padding:10px;width:100%}.form-group input:focus{border-color:#007acc;box-shadow:0 0 0 2px #007acc33;outline:none}.form-group input.error{border-color:#ff6b6b}.login-button{background-color:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:15px;padding:12px;transition:background-color .3s ease;width:100%}.login-button:hover:not(:disabled){background-color:#005a9e}.login-button:disabled{background-color:#555;cursor:not-allowed}.login-footer{text-align:center}.forgot-password{color:#007acc;font-size:.9rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.twofa-overlay{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.twofa-modal{padding:32px 24px 24px}.twofa-header{align-items:center;display:flex;justify-content:space-between}.twofa-form .form-group,.twofa-header{margin-bottom:16px}.twofa-error{color:#d32f2f;margin-bottom:8px}.twofa-button{background:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 0;transition:background .2s;width:100%}.twofa-button:hover:not(:disabled){background:#005999}.twofa-button:disabled{background:#ccc;cursor:not-allowed}.twofa-footer{margin-top:16px;text-align:center}.twofa-footer a{color:#007acc;text-decoration:none}.twofa-footer a:hover{text-decoration:underline}.user-profile-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.user-profile-modal{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#fff;max-height:80vh;max-width:700px;overflow-y:auto;padding:0;width:90%}.user-profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 20px 0}.user-profile-header h2{color:#007acc;font-size:1.5rem;margin:0}.user-profile-content{padding:0 20px 20px}.profile-section{background-color:#3a3a3a;border:1px solid #555;border-radius:6px;margin-bottom:25px;padding:15px}.profile-section h3{border-bottom:1px solid #555;color:#007acc;font-size:1.1rem;margin:0 0 15px;padding-bottom:8px}.profile-item{align-items:center;display:flex;height:15px;justify-content:flex-start;margin-bottom:5px;padding:8px 0}.profile-item:last-child{margin-bottom:0}.profile-label{color:#ccc;font-weight:700;min-width:140px;text-align:left}.profile-value{color:#fff;flex:1 1;text-align:left}.credit-value{color:gold;font-weight:700}.user-type-badge{border-radius:4px;font-size:.8rem;font-weight:700;padding:4px 8px;text-transform:uppercase}.user-type-free{background-color:#666;color:#fff}.user-type-premium{background-color:#007acc;color:#fff}.user-type-pro{background-color:#28a745;color:#fff}.settings-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.profile-edit-input{background-color:#000;color:#fff;width:100%}.profile-edit-btn{background-color:#007acc;margin-left:1rem;white-space:nowrap}.profile-delete-btn,.profile-edit-btn{border:none;border-radius:4px;color:#fff;cursor:pointer}.profile-delete-btn{background-color:#dc3545;font-size:12px;margin-top:0;padding:6px 12px}.profile-delete-btn:hover{background-color:#c82333}.account-delete-section{border-top:1px solid #555;display:flex;justify-content:center;margin-top:30px;padding-top:20px}.profile-success-message{background-color:#cfe9cb;border:1px solid #c7ebc3;border-radius:6px;color:#17701e;display:block;font-size:.95em;font-weight:500;margin:8px 0 15px;padding:10px 16px;text-align:center}@media (max-width:480px){.settings-grid{grid-template-columns:1fr}}.twofa-status{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.twofa-date{color:#d3d2d2;font-size:.75em;margin-left:8px}.twofa-actions{display:flex;gap:8px}.twofa-modal-overlay{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.twofa-modal{background:#081f5f;border-radius:8px;box-shadow:0 2px 8px #0003;max-height:90vh;max-width:90vw;min-width:320px;overflow-y:auto;padding:24px;position:relative}.twofa-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.twofa-modal-content{display:flex;flex-direction:column;gap:16px}.qr-code-container{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:center;margin:16px 0;padding:16px}.qr-code-container svg{max-height:200px;max-width:200px}.secret-key{background:#fff;border-radius:4px;color:#000;display:block;font-family:monospace;margin:8px 0;padding:8px 12px;word-break:break-all}.twofa-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.recovery-codes{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:16px 0}.recovery-code{background:#fff;border-radius:4px;color:#000;display:block;font-family:monospace;font-size:.9em;padding:8px 12px;text-align:center}.profile-cancel-btn{background:#666;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .2s}.profile-cancel-btn:hover:not(:disabled){background:#555}.profile-cancel-btn:disabled{background:#ccc;cursor:not-allowed}.setting-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.setting-label{color:#ccc;font-size:.9rem}.setting-value{color:#fff;font-size:.9rem}.boolean-value{border-radius:3px;font-size:.8rem;font-weight:700;padding:2px 6px}.boolean-true{background-color:#28a745;color:#fff}.boolean-false{background-color:#dc3545;color:#fff}.date-value{color:#adb5bd;font-size:.85rem}.error-message{background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:block;font-size:.95em;font-weight:500;margin:8px 0 15px;padding:10px 16px;text-align:left;white-space:pre-wrap}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#007acc,#005a9e);border-radius:3px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#09f,#007acc);box-shadow:0 0 8px #007acc4d}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#6cf,#09f)}*,body,html{scrollbar-color:#007acc #ffffff05;scrollbar-width:thin}.credit-history-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.credit-history-modal{background-color:#2a2a2a;border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#fff;display:flex;flex-direction:column;max-height:80vh;max-width:700px;padding:0;width:90%}.credit-history-header{flex-shrink:0;justify-content:space-between;margin-bottom:20px;padding:20px 20px 0}.credit-history-header,.header-left,.header-right{align-items:center;display:flex}.header-right{gap:12px}.credit-history-header h2{color:#007acc;font-size:1.5rem;margin:0}.purchase-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.purchase-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.close-button{color:#ccc;font-size:1.5rem}.close-button:hover{color:#fff}.credit-history-content{flex:1 1;overflow-y:auto;padding:0 20px 20px}.empty-history,.loading-message{color:#adb5bd;padding:40px 20px;text-align:center}.transaction-table{background-color:#3a3a3a;border:1px solid #555;border-collapse:collapse;border-radius:6px;overflow:hidden;width:100%}.transaction-table th{background-color:#2d2d2d;border-bottom:2px solid #555;font-weight:700;text-align:left}.transaction-table td,.transaction-table th{color:#fff;font-size:.9rem;padding:12px 10px;white-space:nowrap}.transaction-table td{border-bottom:1px solid #555;overflow:hidden;text-overflow:ellipsis}.transaction-table tr:hover{background-color:#404040}.transaction-table tr:last-child td{border-bottom:none}.transaction-table td:last-child{overflow:visible;text-align:left;text-overflow:clip;white-space:normal}.transaction-table td:nth-child(6){text-align:center}.transaction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.transaction-type{border-radius:4px;font-size:.8rem;font-weight:700;padding:4px 8px;text-transform:uppercase}.type-consume{background-color:#dc3545;color:#fff}.type-purchase{background-color:#28a745;color:#fff}.type-bonus{background-color:#ffc107;color:#000}.type-refund{background-color:#17a2b8;color:#fff}.type-correction{background-color:#6c757d;color:#fff}.type-grant{background-color:#007acc;color:#fff}.type-admin_deduct{background-color:#fd7e14;color:#fff}.type-monthly_grant{background-color:#20c997;color:#fff}.transaction-amount{font-size:1.1rem;font-weight:700}.amount-positive{color:#28a745}.amount-negative{color:#dc3545}.transaction-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:10px}@media (max-width:768px){.transaction-table{font-size:.8rem}.transaction-table td,.transaction-table th{padding:8px 6px}.transaction-table td:nth-child(3),.transaction-table td:nth-child(4),.transaction-table th:nth-child(3),.transaction-table th:nth-child(4){display:none}}@media (max-width:480px){.transaction-table td:nth-child(5),.transaction-table td:nth-child(6),.transaction-table th:nth-child(5),.transaction-table th:nth-child(6){display:none}}.detail-item{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.detail-label{color:#adb5bd}.detail-value{color:#fff}.balance-info{color:#adb5bd;font-size:.85rem;margin-top:8px}.transaction-date{color:#888;font-size:.8rem}.load-more-section{border-top:1px solid #555;padding-top:20px}.load-more-btn{font-size:.9rem;padding:10px 20px}.credit-purchase-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.credit-purchase-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.credit-purchase-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #eee;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.credit-purchase-header h2{font-size:24px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-button:hover{background-color:#fff3}.credit-purchase-content{padding:30px}.current-balance{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;color:#fff;margin-bottom:24px;padding:16px;text-align:center}.current-balance h3{font-size:16px;font-weight:500;margin:0 0 8px;opacity:.9}.balance-display{align-items:baseline;display:flex;gap:8px;justify-content:center}.balance-amount{font-size:28px;font-weight:700}.balance-unit{font-size:14px;font-weight:500;opacity:.9}.success-message{background-color:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;box-sizing:border-box;color:#059669;font-weight:500;margin:0 0 20px;padding:12px 16px;text-align:center;width:100%}.packages-section h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 20px}.packages-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:30px;max-width:100%}.package-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:24px 20px;position:relative;text-align:center;transition:all .2s ease}.package-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.package-card.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 25px #667eea40;color:#fff}.package-header{margin-bottom:16px}.package-name{font-size:14px;font-weight:700;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.package-description{font-size:12px;font-weight:500;margin:0;opacity:.7}.package-credits{align-items:baseline;display:flex;font-size:20px;font-weight:700;gap:4px;justify-content:center;margin-bottom:8px;white-space:nowrap}.credits-unit{font-size:12px;font-weight:500;opacity:.8}.package-price{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:12px}.package-card.selected .package-price{color:#fff}.package-details{display:flex;flex-direction:column;gap:4px;margin-top:auto}.unit-price{font-size:12px;font-weight:500;opacity:.7}.savings{background-color:#d1fae5;border-radius:12px;color:#10b981;display:inline-block;font-size:12px;font-weight:600;padding:2px 8px}.package-card.selected .savings{background-color:#fff3;color:#a7f3d0}.popular-badge{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:12px;top:-8px}.maintenance-message{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:12px;margin-bottom:30px;padding:60px 40px;text-align:center}.maintenance-icon{font-size:48px;margin-bottom:16px}.maintenance-message h4{color:#495057;font-size:24px;font-weight:700;margin:0 0 16px}.maintenance-message p{color:#6c757d;font-size:16px;line-height:1.5;margin:0 0 8px}.maintenance-note{border-top:1px solid #dee2e6;color:#868e96;font-size:14px;font-style:italic;margin-top:20px;padding-top:16px}.payment-section h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 16px}.payment-methods{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.payment-method{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;transition:all .2s ease}.payment-method:hover{background-color:#f8faff;border-color:#667eea}.payment-method input[type=radio]{height:18px;margin-right:12px;width:18px}.payment-method span{color:#374151;font-weight:500}.purchase-actions{display:flex;gap:16px;justify-content:flex-end}.cancel-button,.purchase-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s ease}.cancel-button{background-color:#f3f4f6;color:#374151}.cancel-button:hover:not(:disabled){background-color:#e5e7eb}.purchase-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.purchase-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.purchase-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1024px) and (min-width:769px){.packages-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.credit-purchase-modal{margin:20px;width:95%}.credit-purchase-header{padding:16px 20px}.credit-purchase-content{padding:20px}.packages-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.package-card{padding:20px 16px}.package-credits{font-size:24px}.package-price{font-size:18px}.purchase-actions{flex-direction:column}.cancel-button,.purchase-button{width:100%}}@media (max-width:480px){.packages-grid{gap:12px;grid-template-columns:1fr}.credit-purchase-header h2{font-size:20px}.balance-amount{font-size:28px}.packages-section h3,.payment-section h3{font-size:18px}}.Contact-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.Contact-modal-content{background:#fff;border-radius:8px;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;width:90%}.Contact-contact-modal h2{color:#333;margin-top:0}.Contact-form-group{margin-bottom:15px;margin-right:15px;text-align:left}.Contact-form-group label{color:#555;display:block;font-weight:700;margin-bottom:5px}.Contact-form-group input,.Contact-form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px;width:100%}.Contact-form-group textarea{min-height:100px;resize:vertical}.Contact-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.Contact-modal-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.Contact-modal-actions button[type=button]{background-color:#f0f0f0;color:#333}.Contact-modal-actions button[type=submit]{background-color:#007acc;color:#fff}.Contact-modal-actions button:disabled{cursor:not-allowed;opacity:.6}.Contact-success-message{text-align:center}.Contact-success-message h2{color:#28a745;margin-bottom:15px}.Contact-success-message p{color:#555;margin:10px 0}.Contact-success-message button{background-color:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}.Contact-success-message button:hover{background-color:#0056b3}.SubscriptionPlan-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.SubscriptionPlan-modal-content{background:#fff;border-radius:8px;max-height:80vh;max-width:800px;overflow-y:auto;padding:20px;position:relative;width:90%}.SubscriptionPlan-modal-close-btn{background:none;border:none;color:#333;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.SubscriptionPlan-subscription-modal h3{border-bottom:1px solid #555;color:#007acc;font-size:1.1rem;margin:0 0 15px;padding-bottom:8px}.SubscriptionPlan-plan-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.SubscriptionPlan-plan-card{align-items:center;background:#23272f;border:2px solid #555;border-radius:8px;box-shadow:0 2px 8px #00000014;color:#fff;cursor:pointer;display:flex;flex-direction:column;max-width:100%;padding:18px 16px 16px;transition:border .2s,box-shadow .2s;width:180px}.SubscriptionPlan-plan-card.selected{border:2px solid #007acc;box-shadow:0 0 0 2px #007acc44}.SubscriptionPlan-plan-card.current{border:2px solid #28a745}.SubscriptionPlan-plan-current-label{color:#28a745;font-size:.95rem;font-weight:700;letter-spacing:.05em;margin-top:8px}.SubscriptionPlan-plan-title{font-size:1.1rem;font-weight:700;margin-bottom:6px}.SubscriptionPlan-plan-price{color:gold;font-size:1.2rem;margin-bottom:8px}.SubscriptionPlan-plan-desc{color:#bbb;font-size:.95rem;margin-bottom:8px;text-align:center}.SubscriptionPlan-plan-features{color:#b5e0ff;font-size:.8rem;list-style:disc inside;margin:0 0 10px;padding:0;text-align:left}.SubscriptionPlan-plan-select-btn{background:#007acc;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;margin-top:8px;padding:6px 14px;transition:background .2s}.SubscriptionPlan-plan-select-btn:hover{background:#005fa3}.SubscriptionPlan-error-message{color:#ff6b6b;font-size:.9rem;margin-bottom:10px}@media (max-width:600px){.SubscriptionPlan-plan-list{flex-direction:column;gap:10px}.SubscriptionPlan-plan-card{max-width:90%;width:100%}}.MainContent,.MainContentBody{display:flex;flex-direction:row;width:100%}.MainContentLeft{background-color:#333;display:flex;flex-direction:column;width:80px}.MainContentRight{display:flex;flex-wrap:wrap;max-width:calc(100% - .5rem);width:100%}.MainContentPromptPanel{flex:1 1;flex-direction:column;margin:.5rem 0;min-width:200px;padding:.5rem}.MainContentPreview,.MainContentPromptPanel{background-color:#000;border-radius:.5rem;display:flex}.MainContentPreview{flex:3 1;flex-direction:column;margin:.5rem;min-width:300px;overflow:auto}.MainContentHistory{flex:1 1;max-width:100%}.MainContent a{color:#5c98e6;text-decoration:none}.MainContent a:hover{text-decoration:underline}.ResultArea{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;padding:1rem}.MainContentImage,.MainContentVideo{margin-bottom:1rem;min-height:300px;min-width:300px}.ProgressBarContainer{background-color:#e0e0e0;border-radius:8px;margin-top:10px;overflow:hidden;width:100%}.ProgressBar{align-items:center;background-color:#4caf50;color:#fff;display:flex;font-weight:700;height:30px;justify-content:center;transition:width .3s ease}@media (max-width:500px){.MainContentLeft{min-width:70px;width:70px}.MainContentPreview{margin:0}}.LeftSideMenus{background-color:#333;-webkit-user-select:none;user-select:none;width:100%}.LeftSideMenus ul{background-color:#333;height:calc(100vh - 150px);left:0;list-style-type:none;padding:0;position:fixed;top:50px;width:70px;z-index:999}.LeftSideMenus li{cursor:pointer;font-size:.6rem;margin:.5rem .5rem 1rem;padding:0}.LeftSideMenus li a{color:inherit;display:block;text-decoration:none}.LeftSideMenus li.active{background-color:#646464;border-radius:4px}.LeftSideMenus li img{padding:.5rem;width:50%}.GenerateTypeTab{border-radius:.5rem;height:100%;margin:.5rem 0;overflow:auto}.tab-header{border-radius:8px;display:flex;gap:4px;justify-content:center;margin-bottom:20px;padding:4px;white-space:nowrap}.tab-button{background-color:initial;border:1px solid #444;border-radius:6px 6px 0 0;color:#ccc;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:500;overflow:hidden;padding:.5rem 0;position:relative;transition:all .2s ease}.tab-button:hover{background-color:#404040;border-color:#666;box-shadow:0 2px 4px #0000004d}.tab-button.active,.tab-button:hover{color:#fff;transform:translateY(-1px)}.tab-button.active{background:linear-gradient(135deg,#007acc,#0056b3);border-color:#007acc;box-shadow:0 2px 8px #007acc66}.tab-button.active:before{background:linear-gradient(135deg,#fff3,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.tab-content{width:100%}.tab-panel{display:block}.tab-panel.hidden{display:none}.GenerateTypeTab{scrollbar-color:#007acc99 #ffffff1a;scrollbar-width:thin}.TextTo3D{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.TextTo3DGuide{color:#90ee90;font-size:.8rem;margin:0 1rem;text-align:left}.TextTo3D ul{list-style-type:none;margin:1rem 0 0;padding:0;width:100%}.TextTo3D li{align-items:flex-start;background-color:#353757;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;list-style-type:none;margin:.5rem;padding:.75rem}.TextTo3DCaption{font-weight:700;margin-right:1rem;min-width:50px;text-align:left}.TextTo3DInputWrapper{align-items:center;display:flex;flex-direction:row;width:100%}.TextTo3DInputWrapper textarea{font-size:.8rem;height:4rem;padding:.2rem;resize:vertical;width:100%}.TextTo3DDescription{color:#f1fdab;font-size:.75rem;text-align:right;width:100%}.TextTo3D input,.TextTo3D select{font-size:.8rem;padding:.2rem;width:100%}.TextTo3DGenerateButtonArea{display:flex;flex-direction:column;width:100%}.TextTo3DGenerateButton{background-color:red;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin:0 1rem 1rem;padding:.5rem 1rem}.TextTo3DGenerateButton:hover{background-color:darkred}.TextTo3DModel{font-size:.8rem;height:1.8rem;width:100%}.TextTo3D .image-file-input{font-size:.8rem;margin-top:10px;width:100%!important}.image-upload-area{align-items:flex-start;display:flex;flex-direction:column}.image-hint{align-items:center;color:#ffc107;display:flex;font-size:.75rem;gap:.25rem;margin-top:.5rem}.TextTo3DResetButton{background-color:#007bff;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:block;font-size:.8rem;font-weight:700;margin:0 1rem .5rem auto;padding:.3rem .8rem}.TextTo3DResetButton:hover{background-color:#0056b3}.ImageTo3D{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.ImageTo3D ul{list-style-type:none;margin:1rem 0 0;padding:0;width:100%}.ImageTo3D li{align-items:flex-start;background-color:#353757;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;list-style-type:none;margin:.5rem;padding:.75rem}.ImageTo3DCaption{font-weight:700;margin-right:1rem;min-width:50px;text-align:left}.ImageTo3D input{font-size:1rem;padding:.2rem}.ImageTo3DGenerateButtonArea{display:flex;flex-direction:column;width:100%}.ImageTo3DGenerateButton{background-color:red;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin:0 1rem 1rem;padding:.5rem 1rem}.ImageTo3DGenerateButton:hover{background-color:darkred}.ImageTo3DModel{font-size:.8rem;height:1.8rem;width:100%}.ImageTo3D .image-upload-area{align-items:center;display:flex;flex-direction:column;width:100%}.ImageTo3D .image-preview{align-items:center;background-color:#2a2a2a;border:2px dashed #666;display:flex;height:180px;justify-content:center;width:180px}.ImageTo3D .image-preview img{max-height:100%;max-width:100%;object-fit:contain}.ImageTo3D .image-preview span{color:#999;font-size:14px;padding:1rem;text-align:center}.ImageTo3D .image-hint{align-items:center;color:#ffc107;display:flex;font-size:.75rem;gap:.25rem;margin-top:.5rem}.ImageTo3D .image-file-input{font-size:.8rem;margin-top:10px;width:100%!important}.ImageTo3DResetButton{background-color:#007bff;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:block;font-size:.8rem;font-weight:700;margin:0 1rem .5rem auto;padding:.3rem .8rem}.ImageTo3DResetButton:hover{background-color:#0056b3}.TextToImage{align-items:flex-start;background-color:#000;border-radius:.5rem;display:flex;flex-direction:column;justify-content:flex-start;margin:.5rem 0;overflow:auto;width:100%}.TextToImageGuide{color:#90ee90;font-size:.8rem;margin:0 1rem;text-align:left}.TextToImage ul{list-style-type:none;margin:1rem 0 0;padding:0;width:100%}.TextToImage li{align-items:flex-start;background-color:#353757;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;list-style-type:none;margin:.5rem;padding:.75rem}.TextToImageCaption{font-weight:700;margin-right:1rem;min-width:50px;text-align:left}.TextToImageInputWrapper{align-items:center;display:flex;flex-direction:row;width:100%}.TextToImageInputWrapper textarea{font-size:.8rem;height:4rem;padding:.2rem;resize:vertical;width:100%}.TextToImageDescription{color:#f1fdab;font-size:.75rem;margin-top:.25rem;padding-left:0;text-align:right;width:100%}.TextToImage input,.TextToImage select{font-size:.8rem;padding:.2rem;width:100%}.TextToImageGenerateButtonArea{display:flex;flex-direction:column;width:100%}.TextToImageGenerateButton{background-color:red;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin:0 1rem 1rem;padding:.5rem 1rem}.TextToImageGenerateButton:hover{background-color:darkred}.TextToImageModel{font-size:1rem;height:2rem;width:210px}.TextToImageResetButton{background-color:#007bff;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:block;font-size:.8rem;font-weight:700;margin:0 1rem .5rem auto;padding:.3rem .8rem}.TextToImageResetButton:hover{background-color:#0056b3}.TaskStatus{background:#000;border-radius:12px;box-shadow:0 2px 12px #00000026;box-sizing:border-box;color:#333;font-family:Arial,sans-serif;font-size:14px;margin:16px auto;max-width:600px;max-width:100%;min-height:120px;padding:24px 16px 16px;width:100%}.TaskStatus,.TaskStatus-error,.TaskStatus-failed{align-items:center;display:flex;flex-direction:column;position:relative}.TaskStatus-error,.TaskStatus-failed{background:#28000026;border-radius:8px;color:#ff4d4f;justify-content:center;padding:24px 12px;text-align:center;z-index:2}.TaskStatus-error-icon{font-size:2.5rem;margin-bottom:8px}.TaskStatus-retry-button{background:#ff4d4f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:16px;padding:8px 20px;transition:background .2s}.TaskStatus-retry-button:hover{background:#d9363e}.TaskStatus-queue-info{background:#ffa5001a;border-left:3px solid orange;border-radius:4px;color:orange;font-size:.95rem;margin:8px 0;padding:6px 12px}.TaskStatus-in-progress,.TaskStatus-pending{align-items:center;background:#2828001f;border-radius:8px;color:#fffbe6;display:flex;flex-direction:column;justify-content:center;padding:24px 12px;position:relative;text-align:center;z-index:2}.TaskStatus-spinner-pending{animation:TaskStatus-spin 1.5s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:gold;height:50px;margin:0 auto 16px;width:50px}.TaskStatus-spinner-progress{animation:TaskStatus-spin .8s linear infinite;border-right:4px solid #fff3;border-top:4px solid #fff3;border-color:#0f0 #0f0 #fff3 #fff3;border-radius:50%;border-style:solid;border-width:4px;height:50px;margin:0 auto 16px;width:50px}@keyframes TaskStatus-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.TaskStatus-progress-container{margin:12px auto 0;width:80%}.TaskStatus-progress-bar{background:#444;border-radius:6px;height:12px;margin-bottom:4px;overflow:hidden;width:100%}.TaskStatus-progress-fill{background:linear-gradient(90deg,#ffe066,gold 80%);border-radius:6px 0 0 6px;height:100%;transition:width .3s}.TaskStatus-progress-text{color:#fffbe6;font-size:.95rem}.TaskStatus-idle{align-items:center;background:#2828281a;border-radius:8px;color:#aaa;display:flex;flex-direction:column;justify-content:center;padding:24px 12px;position:relative;text-align:center;z-index:1}.TaskStatus-idle-icon{font-size:2.2rem;margin-bottom:8px}.ResultPreview{color:#fff;overflow:auto;-webkit-user-select:none;user-select:none;width:100%}.ResultPreview-media-container{display:flex;flex-wrap:wrap;justify-content:space-evenly}.ResultPreview-download-buttons{display:flex;flex-direction:column;gap:12px;justify-content:center;margin-top:12px}.ResultPreview-button-row{display:flex;flex-direction:row;gap:12px;justify-content:center}.ResultPreview-meshy-notice{background:#ffc10733;border:1px solid #ffc107;border-radius:6px;color:#fff3cd;font-size:.9rem;margin-bottom:8px;margin-left:12px;margin-right:12px;padding:8px 12px;text-align:center}.ResultPreview-meshy-expiry{color:#ffeaa7;font-size:.8rem;margin-top:4px}.ResultPreview-download-btn{background:#3a5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 18px;text-decoration:none;transition:background .2s}.ResultPreview-download-btn:hover{background:#2d7a3a}.ResultPreview-image-download-btn{background:#3a5}.ResultPreview-obj-btn{background:#6f42c1}.ResultPreview-glb-btn{background:#28a745}.ResultPreview-fbx-btn{background:#fd7e14}.ResultPreview-usdz-btn{background:#17a2b8}.ResultPreview-three-canvas{display:none}.ResultPreview a{color:#fff}.Model3DViewer-container{align-items:center;aspect-ratio:1;border-radius:8px;display:flex;justify-content:center;margin:1rem 0;max-width:400px;overflow:hidden;position:relative;width:100%}.Model3DViewer-canvas{background:#0000;display:block;height:100%;width:100%}.Model3DViewer-loading{align-items:center;background:#f0f0f0e6;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.Model3DViewer-spinner{animation:Model3DViewer-spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes Model3DViewer-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ThumbnailPreview{background-color:#343434;border-radius:.5rem;margin:1rem;max-width:512px;min-width:256px}.ThumbnailPreview img{border-radius:.5rem;max-width:400px}.ThumbnailPreview-download-btn{background:#3a5;border:none;border-radius:3px;box-shadow:none;color:#fff;cursor:pointer;font-size:.7rem;font-weight:700;letter-spacing:.03em;margin-top:8px;padding:4px 8px;text-transform:uppercase;transition:opacity .2s,background .2s}.ThumbnailPreview-download-btn:hover{background:#388e3c;opacity:.8}.history-content{background-color:#000;border-radius:.5rem;box-sizing:border-box;margin:.5rem 0;max-height:100%;min-height:100vh;min-width:300px;overflow-y:auto;padding:20px;-webkit-user-select:none;user-select:none}.history-content,.history-section{display:flex;flex-direction:column}.history-section{overflow:hidden}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-title{color:#fff;font-size:1.2rem;font-weight:700;margin:0}.refresh-btn{background:none;border:1px solid #007acc;border-radius:4px;color:#007acc;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background-color:#007acc;color:#fff}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.login-required{color:#adb5bd;margin-top:50px;text-align:center}.login-required p{font-size:.9rem;margin:8px 0}.loading{color:#adb5bd;padding:40px 20px;text-align:center}.task-list{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding-bottom:10px}.empty-state{color:#adb5bd;padding:40px 20px;text-align:center}.empty-state p{font-size:.9rem;margin:4px 0}.load-more-section{display:flex;justify-content:center;margin-top:20px}.load-more-btn{background-color:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:8px 16px;transition:background-color .2s ease}.load-more-btn:hover:not(:disabled){background-color:#005a9e}.load-more-btn:disabled{background-color:#444;cursor:not-allowed}.history-content,.task-list{scrollbar-color:#007acc #ffffff05;scrollbar-width:thin}@media (max-width:500px){.history-content{border-left:none;border-top:1px solid #333;min-height:auto;width:100%}}.delete-btn{background:none;border:1px solid #555;border-radius:4px;color:#ddd;cursor:pointer;font-size:14px;padding:2px 6px;transition:all .2s ease}.delete-btn:hover{background:#a33;border-color:#c44;color:#fff}.task-item{align-items:flex-start;background-color:#2d2d2d;border:1px solid #404040;border-radius:8px;box-shadow:0 2px 4px #0000004d;cursor:pointer;display:flex;flex-direction:column;padding:15px;transition:all .2s ease}.task-item:hover{background-color:#343434;border-color:#007acc;box-shadow:0 4px 8px #00000080}.task-preview{flex:0 0 150px;position:relative}.task-thumbnail{object-fit:contain}.no-image,.task-thumbnail{aspect-ratio:1;background-color:#404040;border-radius:6px;width:100%}.no-image{align-items:center;color:#888;display:flex;font-size:2rem;justify-content:center}.task-info{flex:1 1;margin-left:15px}.task-item-row{align-items:flex-start;display:flex;width:100%}.task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.task-header-right{align-items:center;display:flex;gap:8px}.monitoring-indicator{animation:spin 2s linear infinite}.monitor-btn{background:none;border:1px solid #555;border-radius:4px;color:#ddd;cursor:pointer;font-size:12px;padding:2px 6px;transition:all .2s ease}.monitor-btn:hover{background:#555;border-color:#666}.status-badge{border-radius:3px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:3px 6px;text-transform:uppercase}.status-pending{background-color:#fff3cd;color:#856404}.status-progress{background-color:#cce5ff;color:#004085}.status-success{background-color:#d4edda;color:#155724}.status-failed{background-color:#f8d7da;color:#721c24}.status-canceled{background-color:#e2e3e5;color:#383d41}.status-unknown{background-color:#f8f9fa;color:#6c757d}.task-type{background-color:#444;border-radius:3px;color:#bbb;font-size:.7rem;padding:3px 6px}.task-prompt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e9ecef;display:-webkit-box;font-size:.65rem;line-height:1.4;margin:8px 0;overflow:hidden;text-align:left;text-overflow:ellipsis;-webkit-user-select:text;user-select:text}.task-meta{flex-direction:column;gap:4px;margin:10px 0}.task-meta,.task-meta-row{display:flex;flex-wrap:wrap}.task-meta-row{gap:10px}.task-meta span{align-items:center;color:#adb5bd;display:flex;font-size:.7rem;gap:4px}.task-meta span.credit-display{color:gold!important;font-weight:700}.task-actions{display:flex;gap:8px;margin-top:10px}.task-actions a{color:#fff}.download-btn{border-radius:3px;text-decoration:none;transition:opacity .2s ease}.download-btn,.download-btn.image-download-btn{color:#fff;font-size:.7rem;font-weight:700;padding:4px 8px;text-transform:uppercase}.download-btn.image-download-btn{background:#3a5;border:none;border-radius:3px;box-shadow:none;cursor:pointer;letter-spacing:.03em;margin-top:0;transition:opacity .2s,background .2s}.download-btn.image-download-btn:hover{background:#388e3c;opacity:.8;transform:none}.download-btn:hover{opacity:.8}.glb-btn{background-color:#28a745}.obj-btn{background-color:#6f42c1}.fbx-btn{background-color:#fd7e14}.usdz-btn{background-color:#17a2b8}.preview-gear-spin{animation:spin 1s linear infinite;display:inline-block;font-size:2.5rem}.public-checkbox{align-items:center;color:#ddd;cursor:pointer;display:flex;font-size:12px;gap:4px}.public-checkbox input[type=checkbox]{margin:0}.task-expired-message{background-color:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:4px;color:#ff6b6b;font-size:14px;font-weight:700;margin-top:8px;padding:4px 8px}.task-date,.task-expiry{white-space:nowrap}.task-expiry{color:#ff6b6b!important;font-size:12px}.AdminPanel-root{box-sizing:border-box;margin:0;min-width:0;padding:0 0 24px;width:calc(100vw - 100px)}.AdminPanel-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.AdminPanel-tab{border:1px solid #ccc;border-radius:4px 4px 0 0;color:#333;cursor:pointer;font-weight:700;outline:none;padding:8px 20px}.AdminPanel-tab-active{border-bottom:2px solid #2196f3;color:#2196f3;z-index:2}.AdminPanel-tab-content{border:1px solid #ccc;border-radius:0 0 4px 4px;min-height:200px;padding:16px 8px 8px}.AdminPanel-error{color:#d32f2f;margin-bottom:8px}.duplicate-active-row{background:#fff3cd!important}.AdminPanel-toolbar{align-items:center;display:flex;gap:16px;margin-bottom:8px}.AdminPanel-perpage-label{font-weight:400}.AdminPanel-perpage-select{margin-left:4px}.AdminPanel-table{border-collapse:collapse;width:100%}.AdminPanel-table td,.AdminPanel-table th{padding:6px;text-align:left}.AdminPanel-status{border-radius:12px;color:#fff;display:inline-block;font-size:.95em;font-weight:700;min-width:60px;padding:2px 8px;text-align:center}.AdminPanel-status-active{background:#4caf50}.AdminPanel-status-canceled{background:#f44336}.AdminPanel-status-pending{background:#ff9800}.AdminPanel-status-trialing{background:#2196f3}.AdminPanel-status-other{background:#888}.AdminPanel-cancel-btn{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 12px}.AdminPanel-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.AdminPanel-disabled{color:#888}.AdminPanel-pagination{align-items:center;display:flex;gap:8px;margin-top:12px}.AdminPanel-page-btn{background:#fafafa;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:4px 12px}.AdminPanel-page-btn:disabled{cursor:not-allowed;opacity:.6}.AdminPanel-page-info{margin:0 8px}.duplicate-active-row{background:#5e2525!important}.Subscriptions-error{color:#d32f2f;margin-bottom:8px}.Subscriptions-toolbar{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:8px}.Subscriptions-perpage-label{font-weight:400}.Subscriptions-perpage-select{margin-left:4px}.Subscriptions-table{border-collapse:collapse;width:100%}.Subscriptions-table td,.Subscriptions-table th{padding:6px;text-align:left}.Subscriptions-status{border-radius:12px;color:#fff;display:inline-block;font-size:.95em;font-weight:700;min-width:60px;padding:2px 8px;text-align:center}.Subscriptions-status-active{background:#4caf50}.Subscriptions-status-canceled{background:#f44336}.Subscriptions-status-pending{background:#ff9800}.Subscriptions-status-trialing{background:#2196f3}.Subscriptions-status-other{background:#888}.Subscriptions-duplicate-active-row{background:#fff3cd!important}.Subscriptions-cancel-btn{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 12px}.Subscriptions-cancel-btn:disabled{cursor:not-allowed;opacity:.6}.Subscriptions-disabled{color:#888}.Subscriptions-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:12px}.Subscriptions-page-btn{background:#fafafa;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:4px 12px}.Subscriptions-page-btn:disabled{cursor:not-allowed;opacity:.6}.Subscriptions-page-info{margin:0 8px}.Customers-toolbar{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:8px}.Customers-perpage-label{margin-left:16px}.Customers-perpage-select{margin-left:4px;padding:2px 8px}.Customers-error{color:#c00;margin-bottom:12px;text-align:center}.Customers-delete-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;padding:4px 12px}.Customers-delete-btn:disabled{background:#aaa;cursor:not-allowed}.Customers-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:12px}.Customers-page-btn{background:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;padding:4px 12px}.Customers-page-btn:disabled{background:#aaa;cursor:not-allowed}.Customers-page-info{font-weight:700}.Customers-table,.Users-table{border-collapse:collapse;width:100%}.GalleryPanel-root{background-color:#000;border-radius:.5rem;color:#ddd;margin:.5rem .5rem .5rem 0;padding:1rem;width:100%}.gallery-title{text-align:center}.search-container{margin:20px auto;max-width:600px}.search-field{align-items:center;display:flex;position:relative}.search-input{background:#2d2d2d;border:2px solid #404040;border-radius:8px;color:#ddd;font-size:15px;padding:12px 40px 12px 15px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#007acc;box-shadow:0 0 0 3px #007acc1a;outline:none}.search-input::placeholder{color:#888}.clear-search-btn{align-items:center;background:#404040;border:none;border-radius:50%;color:#ddd;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:10px;transition:background .2s ease;width:24px}.clear-search-btn:hover{background:#505050;color:#fff}.search-results-info{color:#007acc;font-size:14px;font-weight:700;margin-top:10px;text-align:center}.gallery-header{gap:20px;margin-bottom:20px;margin-top:20px}.gallery-header,.header-controls{align-items:center;display:flex;justify-content:center}.header-controls{flex-wrap:wrap;gap:10px}.page-size-select{background:#2d2d2d;border:1px solid #404040;border-radius:4px;color:#ddd;font-size:14px;padding:5px 10px}.page-size-select:focus{border-color:#007acc;outline:none}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #404040;border-radius:50%;border-top-color:#007acc;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.GalleryPanel-root h2{color:#fff;margin:0}.total-count{color:#ddd;font-size:14px}.gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:.5rem;margin-top:.5rem}.pagination-btn{background:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s ease}.pagination-btn:hover:not(:disabled){background:#005a9e}.pagination-btn:disabled{background:#555;cursor:not-allowed}.pagination-info{color:#ddd;font-size:14px}.no-content{color:#999;font-size:1.2rem;grid-column:1/-1;padding:40px 0;text-align:center}.gallery-task-item-gallery-task-item{background-color:#2d2d2d;border:1px solid #404040;border-radius:8px;box-shadow:0 2px 4px #0000004d;display:flex;flex-direction:column;padding:15px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.gallery-task-item-gallery-task-item:hover{background-color:#343434;border-color:#007acc;box-shadow:0 4px 8px #00000080}.gallery-task-item-task-preview{margin-bottom:10px;position:relative}.gallery-task-item-task-thumbnail{object-fit:cover}.gallery-task-item-no-image,.gallery-task-item-task-thumbnail{aspect-ratio:1;background-color:#404040;border-radius:6px;width:100%}.gallery-task-item-no-image{align-items:center;color:#888;display:flex;justify-content:center}.gallery-task-item-task-info{display:flex;flex:1 1;flex-direction:column}.gallery-task-item-task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.gallery-task-item-status-badge{border-radius:4px;font-size:12px;font-weight:700;padding:2px 6px}.gallery-task-item-status-success{background-color:#4caf50;color:#fff}.gallery-task-item-status-failed{background-color:#f44336;color:#fff}.gallery-task-item-status-canceled{background-color:#ff9800;color:#fff}.gallery-task-item-status-unknown{background-color:#9e9e9e;color:#fff}.gallery-task-item-task-header-right{align-items:center;display:flex;gap:8px}.gallery-task-item-task-type{color:#ddd;font-size:12px}.gallery-task-item-task-details{color:#ccc;font-size:12px}.gallery-task-item-task-details-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.gallery-task-item-task-details div{margin-bottom:4px}.gallery-task-item-task-actions{display:flex;flex-direction:column;gap:5px;margin-top:.5rem}.gallery-task-item-action-buttons{display:flex;gap:5px;margin-bottom:5px;position:relative}.gallery-task-item-share-btn{background:#28a745;border:none;border-radius:4px;color:#fff!important;cursor:pointer;flex:1 1;font-size:12px;padding:6px 12px;text-decoration:none;transition:background .2s ease}.gallery-task-item-share-btn:hover{background:#218838}.gallery-task-item-share-menu{background:#2d2d2d;border:1px solid #404040;border-radius:4px;bottom:100%;box-shadow:0 4px 8px #00000080;display:flex;flex-direction:column;gap:5px;left:0;margin-bottom:5px;min-width:150px;padding:5px;position:absolute;z-index:10}.gallery-task-item-share-menu button{background:#404040;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;text-align:left;transition:background .2s ease;white-space:nowrap}.gallery-task-item-share-menu button:hover{background:#505050}.gallery-task-item-download-btn{background:#007acc;border:none;border-radius:4px;color:#fff!important;cursor:pointer;font-size:12px;padding:6px 12px;text-decoration:none;transition:background .2s ease}.gallery-task-item-download-btn:hover{background:#005a9e}.gallery-task-item-favorite-icon-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:12px;gap:4px;margin:0;padding:0}.gallery-task-item-favorite-icon-btn:hover{transform:scale(1.1)}.gallery-task-item-task-details-prompt{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-task-item-modal-overlay{align-items:center;background-color:#70707080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.gallery-task-item-modal-content{background-color:#fff;border-radius:8px;max-height:90vh;max-width:90vw;overflow:auto;padding:1rem;position:relative;width:400px}.gallery-task-item-close-btn{background:none;border:none;color:#333;cursor:pointer;font-size:24px;position:absolute;right:.5rem;top:.5rem}.HomePanel-root{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 8px 32px #0000004d;color:#ddd;margin:.5rem .5rem .5rem 0;padding:2rem;width:100%}.HomePanel-welcome-section{margin-bottom:3rem;text-align:center}.HomePanel-welcome-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #00000080}.HomePanel-welcome-subtitle{color:#ccc;font-size:1.2rem;font-weight:300;margin-bottom:1rem}.HomePanel-welcome-description{color:#aaa;font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px}.HomePanel-features-section{margin-top:2rem}.HomePanel-features-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px #00000080}.HomePanel-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.HomePanel-feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;cursor:pointer;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.HomePanel-feature-card:hover{background:linear-gradient(135deg,#007bff1a,#ffffff1a);border-color:#007bff80;box-shadow:0 20px 60px #0009,0 0 30px #007bff4d;transform:translateY(-15px) scale(1.08)}.HomePanel-feature-icon{align-items:center;display:flex;font-size:3rem;justify-content:center;margin-bottom:1rem;width:100%}.HomePanel-feature-icon img{height:32px;margin:auto;object-fit:contain;object-position:center;width:32px}.HomePanel-feature-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.HomePanel-feature-description{color:#ccc;font-size:.95rem;line-height:1.6;text-align:left}.HomePanel-welcome-offer{color:#ffdd57;font-size:1rem;font-weight:700;margin-top:1.5rem}.HomePanel-register-btn{background:#007acc;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:background .3s ease}.HomePanel-register-btn:hover{background:#005a9e}@media (max-width:768px){.HomePanel-root{margin:.25rem;padding:1rem}.HomePanel-welcome-section{margin-bottom:2rem}.HomePanel-welcome-title{font-size:2rem}.HomePanel-welcome-subtitle{font-size:1rem}.HomePanel-welcome-description{font-size:.9rem;max-width:none}.HomePanel-features-title{font-size:1.5rem;margin-bottom:1.5rem}.HomePanel-features-grid{gap:1.5rem;grid-template-columns:1fr}.HomePanel-feature-card{padding:1.5rem}.HomePanel-feature-title{font-size:1.3rem}.HomePanel-feature-description{font-size:.9rem}.HomePanel-feature-card:hover{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d;transform:none}}@media (max-width:480px){.HomePanel-root{margin:.125rem;padding:.75rem}.HomePanel-welcome-title{font-size:1.8rem}.HomePanel-welcome-subtitle{font-size:.95rem}.HomePanel-welcome-description{font-size:.85rem}.HomePanel-features-title{font-size:1.3rem}.HomePanel-feature-card{padding:1.25rem}.HomePanel-feature-title{font-size:1.2rem}.HomePanel-feature-description{font-size:.85rem}.HomePanel-feature-card:hover{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d;transform:none}}.FaqPanel{align-items:center;background-color:#000;border-radius:.5rem;color:#fff;display:flex;flex:1 1;flex-direction:column;margin:.5rem 0;min-width:200px;padding:.5rem}.FaqPanel h2{margin-top:0}.FaqPanel h3{margin-bottom:.5rem}.FaqPanel p{margin-bottom:1rem;margin-top:0}.FaqContent{text-align:left;width:50%}.FaqContent a{color:#5c98e6;text-decoration:none}.ResetPassword{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;padding:2rem;width:100%}.ResetPasswordContainer{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:40px;width:100%}.ResetPasswordTitle{color:#333;font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.ResetPasswordForm{display:flex;flex-direction:column;gap:20px}.ResetPasswordFormItem{display:flex;flex-direction:column;gap:8px}.ResetPasswordFormItem label{color:#555;font-size:14px;font-weight:600}.ResetPasswordFormItem input{border:2px solid #e1e1e1;border-radius:6px;font-size:16px;padding:12px;transition:border-color .3s ease}.ResetPasswordFormItem input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.ResetPasswordFormItem input:disabled{background-color:#f5f5f5;cursor:not-allowed}.ResetPasswordEmailInput{background-color:#f8f9fa!important;border-color:#dee2e6!important;color:#6c757d}.ResetPasswordButtons{display:flex;flex-direction:column;gap:12px;margin-top:20px}.ResetPasswordButton{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease}.ResetPasswordButton:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.ResetPasswordButton:disabled{cursor:not-allowed;opacity:.6;transform:none}.ResetPasswordCancelButton{background:#0000;border:2px solid #e1e1e1;border-radius:6px;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease}.ResetPasswordCancelButton:hover:not(:disabled){background:#f8f9fa;border-color:#ccc}.ResetPasswordCancelButton:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.ResetPasswordContainer{margin:0 10px;padding:30px 20px}.ResetPasswordTitle{font-size:24px}}.footer{background:#222;color:#fff;font-size:.8rem;padding:24px 0 12px;width:100%}.footer-inner{flex-direction:column;gap:10px}.footer-inner,.footer-links{align-items:center;display:flex}.footer-links{flex-wrap:wrap;font-size:.7rem;gap:12px;justify-content:center}.footer-links a{color:#fff;padding:0 4px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#00bcd4;text-decoration:underline}.footer-separator{color:#888;margin:0 2px;-webkit-user-select:none;user-select:none}.footer-copyright{color:#bbb;font-size:.8rem;margin:0}@media (max-width:600px){.footer-inner{gap:3px}.footer-links{font-size:.5rem;gap:3px}.footer{padding:.5rem 0}.footer,.footer-copyright{font-size:.5rem}}
/*# sourceMappingURL=main.fbc5ca0c.css.map*/