@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;background:#000;color:#1d1d1f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none}.gradient-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:#000;overflow:hidden}.gradient-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 50% 0,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(139,92,246,.1) 0,transparent 40%),radial-gradient(ellipse at 20% 80%,rgba(59,130,246,.1) 0,transparent 40%);animation:subtleMove 30s ease-in-out infinite}@keyframes subtleMove{0%,to{transform:translate(0)}50%{transform:translate(-2%,2%)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 max(48px,calc((100vw - 1200px) / 2));height:56px;justify-content:space-between;background:rgba(0,0,0,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid hsla(0,0%,100%,.1)}.logo,.navbar{display:flex;align-items:center}.logo{gap:10px;text-decoration:none;color:#f5f5f7;font-size:18px;font-weight:600;letter-spacing:-.5px}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;justify-content:center;font-size:16px;font-weight:700;color:#fff}.logo-icon,.nav-links{display:flex;align-items:center}.nav-links{gap:4px}.nav-links,.nav-links li{list-style:none}.nav-links a{color:hsla(0,0%,100%,.75);text-decoration:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:400;transition:all .3s ease}.nav-links a.active,.nav-links a:hover{color:#f5f5f7;background:hsla(0,0%,100%,.1)}.nav-actions{display:flex;gap:12px}.btn,.nav-actions{align-items:center}.btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;justify-content:center;gap:6px;border:none}.btn-primary{background:#0071e3;color:#fff}.btn-primary:hover{background:#0077ed}.btn-primary:disabled{background:rgba(0,113,227,.5);cursor:not-allowed}.btn-secondary{background:hsla(0,0%,100%,.1);color:#f5f5f7;border:1px solid hsla(0,0%,100%,.2)}.btn-secondary:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.btn-success{background:#34c759;color:#fff}.btn-success:hover{background:#30d553}.btn-sm{padding:8px 14px;font-size:13px;border-radius:8px}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:100px 24px 60px}.hero,.hero-label{align-items:center}.hero-label{display:inline-flex;gap:8px;background:hsla(0,0%,100%,.1);padding:6px 14px;border-radius:20px;color:#86868b;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;animation:fadeInUp 1s ease}.hero h1{font-size:clamp(48px,10vw,80px);font-weight:700;color:#f5f5f7;line-height:1.05;margin-bottom:16px;letter-spacing:-2px;animation:fadeInUp 1s ease .1s both;max-width:900px}.hero p{font-size:clamp(18px,3vw,28px);color:#86868b;max-width:680px;line-height:1.4;margin-bottom:32px;font-weight:400;animation:fadeInUp 1s ease .2s both}.hero-actions{display:flex;gap:12px;animation:fadeInUp 1s ease .3s both}.hero .btn{padding:14px 28px;font-size:17px;border-radius:12px}.page-content{padding:100px max(48px,calc((100vw - 1200px) / 2)) 60px;min-height:100vh;position:relative;z-index:1}.page-header{text-align:center;margin-bottom:48px}.page-header h1{font-size:40px;font-weight:600;color:#f5f5f7;margin-bottom:12px;letter-spacing:-1px}.page-header p{font-size:18px;color:#86868b}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:48px}.card{background:hsla(0,0%,100%,.05);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:20px;padding:28px;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid hsla(0,0%,100%,.08);position:relative;overflow:hidden}.card:hover{background:hsla(0,0%,100%,.08);transform:translateY(-4px);border-color:hsla(0,0%,100%,.15)}.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;background:linear-gradient(135deg,var(--accent-1),var(--accent-2))}.card h3{font-size:19px;font-weight:600;color:#f5f5f7;margin-bottom:8px}.card p{font-size:14px;color:#86868b;line-height:1.5}.card .card-arrow{position:absolute;right:24px;top:50%;transform:translateY(-50%);color:hsla(0,0%,100%,.3);font-size:20px;transition:all .3s ease}.card:hover .card-arrow{color:hsla(0,0%,100%,.6);transform:translateY(-50%) translateX(4px)}.card.gradient-1{--accent-1:#667eea;--accent-2:#764ba2}.card.gradient-2{--accent-1:#f093fb;--accent-2:#f5576c}.card.gradient-3{--accent-1:#4facfe;--accent-2:#00f2fe}.card.gradient-4{--accent-1:#43e97b;--accent-2:#38f9d7}.generate-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;max-width:1200px;margin:0 auto}.panel{background:hsla(0,0%,100%,.05);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:20px;border:1px solid hsla(0,0%,100%,.08);overflow:hidden}.panel-header{padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;gap:12px}.panel-header-icon{font-size:20px}.panel-header h3{font-size:16px;font-weight:600;color:#f5f5f7}.panel-body{padding:24px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:#f5f5f7;margin-bottom:8px}.form-input,.form-select,.form-textarea{width:100%;padding:14px 16px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;color:#f5f5f7;font-size:16px;font-family:inherit;transition:all .3s ease;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#6e6e73}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0071e3;background:hsla(0,0%,100%,.1)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2386868b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-select option{background:#1d1d1f;color:#f5f5f7}.form-textarea{min-height:120px;resize:vertical}.upload-area{border:2px dashed hsla(0,0%,100%,.2);border-radius:16px;padding:40px;text-align:center;transition:all .3s ease;cursor:pointer;position:relative}.upload-area:hover{border-color:#0071e3;background:rgba(0,113,227,.05)}.upload-area input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-icon{font-size:40px;margin-bottom:16px}.upload-area p{color:#86868b;font-size:15px}.upload-area img{max-width:100%;border-radius:12px}.output-preview{background:hsla(0,0%,100%,.03);border-radius:12px;padding:24px;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.output-preview img{max-width:100%;border-radius:12px}.output-content{color:#f5f5f7;font-size:15px;line-height:1.7;text-align:left;white-space:pre-wrap;width:100%}.output-preview .upload-icon{color:hsla(0,0%,100%,.2)}.output-preview p{color:#6e6e73;font-size:14px;margin-top:12px}.output-actions{display:flex;gap:12px;margin-top:20px}.generating{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px}.spinner{width:40px;height:40px;border:3px solid hsla(0,0%,100%,.1);border-top-color:#0071e3;border-radius:50%;animation:spin 1s linear infinite}.generating span{color:#86868b;font-size:15px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:32px}.stat-card{background:hsla(0,0%,100%,.05);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:16px;padding:24px;border:1px solid hsla(0,0%,100%,.08)}.stat-value{font-size:32px;font-weight:600;color:#f5f5f7;margin-bottom:4px;letter-spacing:-1px}.stat-label{font-size:14px;color:#86868b}.stat-change{font-size:13px;margin-top:8px}.stat-change.positive{color:#34c759}.stat-change.negative{color:#ff453a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.footer{padding:24px max(48px,calc((100vw - 1200px) / 2));border-top:1px solid hsla(0,0%,100%,.1);text-align:center;color:#86868b;font-size:13px}@media (max-width:1100px){.cards-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.navbar{padding:0 24px}.nav-links{display:none}.page-content{padding:80px 24px 40px}.cards-grid,.generate-container{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column;width:100%;max-width:280px}.hero .btn{width:100%}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 24px 40px}.login-card{width:100%;max-width:420px;background:rgba(28,28,30,.98);border:1px solid hsla(0,0%,100%,.12);border-radius:24px;padding:48px;animation:fadeInUp .5s ease;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:56px;height:56px;background:linear-gradient(135deg,#2997ff,#a855f7);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-weight:700;font-size:24px;color:#fff}.login-header h2{font-size:28px;font-weight:600;color:#fff;margin-bottom:8px}.login-header p{color:hsla(0,0%,100%,.7);font-size:15px}.login-tabs{display:flex;gap:8px;margin-bottom:24px;background:hsla(0,0%,100%,.06);padding:4px;border-radius:12px}.login-tab{flex:1 1;padding:10px;background:transparent;border:none;border-radius:8px;color:hsla(0,0%,100%,.6);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.login-tab.active{background:#2997ff;color:#fff}.login-tab:not(.active):hover{color:hsla(0,0%,100%,.9)}.login-card .form-group{margin-bottom:20px}.login-card .form-label{display:block;font-size:14px;font-weight:500;color:hsla(0,0%,100%,.9);margin-bottom:8px}.login-card .form-input{width:100%;padding:14px 16px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;color:#fff;font-size:15px;transition:all .3s ease}.login-card .form-input:focus{outline:none;border-color:#2997ff;background:hsla(0,0%,100%,.12);box-shadow:0 0 0 3px rgba(41,151,255,.2)}.login-card .form-input::placeholder{color:hsla(0,0%,100%,.4)}.captcha-container{display:flex;gap:12px}.captcha-container .form-input{flex:1 1}.captcha-btn{padding:14px 20px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .3s ease}.captcha-btn:hover:not(:disabled){background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.captcha-btn:disabled{opacity:.6;cursor:not-allowed}.form-options{justify-content:space-between;margin-bottom:24px}.form-options,.remember-me{display:flex;align-items:center}.remember-me{gap:8px;font-size:14px;color:hsla(0,0%,100%,.8);cursor:pointer}.remember-me input{width:16px;height:16px;accent-color:#2997ff}.forgot-password{font-size:14px;color:#2997ff;text-decoration:none;cursor:pointer}.forgot-password:hover{text-decoration:underline}.password-strength{height:4px;background:hsla(0,0%,100%,.1);border-radius:2px;margin-top:8px;overflow:hidden}.password-strength-bar{height:100%;width:0;border-radius:2px;transition:all .3s ease}.password-strength-bar.weak{width:33%;background:#ef4444}.password-strength-bar.medium{width:66%;background:#f59e0b}.password-strength-bar.strong{width:100%;background:#22c55e}.login-submit{width:100%;padding:14px;background:#2997ff;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.login-submit:hover:not(:disabled){background:#0a84ff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(41,151,255,.4)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-divider{text-align:center;margin:24px 0;color:hsla(0,0%,100%,.5);font-size:13px}.social-login{display:flex;gap:12px}.social-btn{flex:1 1;padding:12px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.social-btn:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.25)}.login-footer{text-align:center;margin-top:24px;font-size:14px;color:hsla(0,0%,100%,.7)}.login-footer a{text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}.back-home{text-align:center;margin-top:16px}.back-home a{color:hsla(0,0%,100%,.5);font-size:13px;text-decoration:none;transition:color .3s ease}.back-home a:hover{color:hsla(0,0%,100%,.8)}.alert{padding:14px 16px;border-radius:10px;font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.alert-error{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.alert-success{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);color:#86efac}@media (max-width:480px){.login-card{padding:32px 24px;border-radius:20px}.social-login{flex-direction:column}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 24px 40px}.admin-login-card{width:100%;max-width:400px;background:rgba(28,28,30,.98);border:1px solid hsla(0,0%,100%,.12);border-radius:24px;padding:48px 40px;text-align:center}.admin-login-card h1{font-size:28px;font-weight:600;color:#fff;margin-bottom:8px}.admin-login-card>p{color:hsla(0,0%,100%,.6);margin-bottom:32px}.admin-login-card .form-group{text-align:left;margin-bottom:20px}.admin-login-card .form-group label{display:block;font-size:14px;font-weight:500;color:hsla(0,0%,100%,.9);margin-bottom:8px}.admin-login-card .form-group input{width:100%;padding:14px 16px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;color:#fff;font-size:15px}.admin-login-card .form-group input:focus{outline:none;border-color:#2997ff;box-shadow:0 0 0 3px rgba(41,151,255,.2)}.admin-login-card .btn-block{margin-top:8px}.admin-hint{margin-top:32px;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.1)}.admin-hint p{color:hsla(0,0%,100%,.4);font-size:13px;margin:4px 0}.admin-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid hsla(0,0%,100%,.1);border-top-color:#2997ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.admin-page{min-height:100vh;padding:100px 24px 60px;max-width:1200px;margin:0 auto}.admin-tabs{display:flex;gap:8px;margin-bottom:32px;background:hsla(0,0%,100%,.06);padding:4px;border-radius:12px;width:-moz-fit-content;width:fit-content}.admin-tab{padding:12px 24px;background:transparent;border:none;border-radius:8px;color:hsla(0,0%,100%,.6);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.admin-tab.active{background:#2997ff;color:#fff}.admin-tab:not(.active):hover{color:hsla(0,0%,100%,.9)}.admin-section{background:rgba(28,28,30,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:32px}.section-header{margin-bottom:24px}.section-header h2{font-size:20px;font-weight:600;color:#fff;margin-bottom:4px}.section-header p{color:hsla(0,0%,100%,.5);font-size:14px}.users-table{background:rgba(0,0,0,.2);border-radius:16px;overflow:hidden}.table-header{background:hsla(0,0%,100%,.05);font-size:13px;font-weight:600;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:.05em}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;grid-gap:16px;gap:16px;padding:16px 20px}.table-row{border-bottom:1px solid hsla(0,0%,100%,.05);align-items:center}.table-row:last-child{border-bottom:none}.table-row:hover{background:hsla(0,0%,100%,.02)}.user-info{display:flex;flex-direction:column;gap:2px}.user-info strong{color:#fff;font-weight:500}.user-info small{color:hsla(0,0%,100%,.4);font-size:12px}.credit-value{color:hsla(0,0%,100%,.8);font-size:14px}.btn-small{padding:8px 16px;font-size:13px}.admin-badge{padding:6px 12px;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);border-radius:20px;color:#fca5a5;font-size:12px;font-weight:600}.config-grid{display:grid;grid-gap:16px;gap:16px}.config-card{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:rgba(0,0,0,.2);border-radius:12px}.config-info h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.config-info p{color:hsla(0,0%,100%,.5);font-size:13px}.config-edit{display:flex;align-items:center;gap:16px}.config-edit label{color:hsla(0,0%,100%,.6);font-size:13px}.config-input-group{display:flex;gap:8px}.config-input-group input{width:80px;padding:10px 12px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:8px;color:#fff;font-size:14px;text-align:center}.config-input-group input:focus{outline:none;border-color:#2997ff}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal{width:100%;max-width:500px;background:rgba(28,28,30,.98);border:1px solid hsla(0,0%,100%,.12);border-radius:20px;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.1)}.modal-header h3{font-size:18px;font-weight:600;color:#fff}.modal-close{width:32px;height:32px;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:hsla(0,0%,100%,.7);font-size:20px;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:hsla(0,0%,100%,.15);color:#fff}.modal-body{padding:24px}.modal-user{color:hsla(0,0%,100%,.7);margin-bottom:20px}.modal-user strong{color:#fff}.edit-credits-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.edit-credit-item{display:flex;flex-direction:column;gap:8px}.edit-credit-item label{color:hsla(0,0%,100%,.7);font-size:13px}.edit-credit-item input{padding:12px 14px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:10px;color:#fff;font-size:14px}.edit-credit-item input:focus{outline:none;border-color:#2997ff}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid hsla(0,0%,100%,.1)}.message{padding:14px 20px;border-radius:10px;font-size:14px;margin-bottom:24px}.message-success{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);color:#86efac}.message-error{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.empty-state{padding:60px 20px;text-align:center;color:hsla(0,0%,100%,.4)}@media (max-width:768px){.table-header,.table-row{grid-template-columns:1.5fr 1fr 1fr 1fr}.table-header span:nth-child(5),.table-header span:nth-child(6),.table-row span:nth-child(5),.table-row span:nth-child(6){display:none}.config-card{flex-direction:column;align-items:flex-start;gap:16px}.config-edit{width:100%;flex-wrap:wrap}}@media (max-width:480px){.admin-tabs{width:100%}.admin-tab{flex:1 1;padding:10px 16px;font-size:13px}.admin-section{padding:20px}.edit-credits-grid{grid-template-columns:1fr}}