.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#17212b,#0f1a24);padding:20px}.login-card{background:#182533;border:2px solid #229ED9;border-radius:24px;padding:40px 30px;width:100%;max-width:420px;box-shadow:0 20px 40px #229ed933;animation:slideUp .6s ease-out}.login-header{text-align:center;margin-bottom:30px}.login-logo{width:80px;height:80px;margin:0 auto 20px}.login-logo img{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 10px #229ED9);animation:logoFloat 3s ease-in-out infinite}.login-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:10px}.login-subtitle{color:#8ca0b5;font-size:14px}.login-error{background:#dc35451a;border:1px solid #DC3545;border-radius:12px;padding:12px 15px;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:#dc3545;font-size:14px;animation:shake .5s ease-out}.login-form{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.form-label{display:flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-weight:500;margin-left:5px}.form-input{width:100%;padding:14px 16px;background:#17212b;border:2px solid #229ED9;border-radius:12px;color:#fff;font-size:15px;font-family:inherit;outline:none;transition:all .3s ease;box-sizing:border-box}.form-input:disabled{opacity:.6;cursor:not-allowed}.login-button{width:100%;padding:15px;background:linear-gradient(135deg,#229ed9,#4a9bd6);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;margin-top:10px;box-shadow:0 4px 15px #229ed94d}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #229ed966}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-button.loading{cursor:wait}.demo-buttons{margin-top:20px;padding-top:20px;border-top:1px solid rgba(34,158,217,.2)}.demo-title{color:#8ca0b5;font-size:13px;text-align:center;margin-bottom:12px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-btn{padding:10px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;background:transparent;color:#fff}.demo-btn.user{border:2px solid #229ED9}.demo-btn.user:hover{background:#229ed91a;transform:translateY(-2px)}.demo-btn.admin{border:2px solid #FFC107}.demo-btn.admin:hover{background:#ffc1071a;transform:translateY(-2px)}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media(max-width:480px){.login-card{padding:30px 20px}.login-title{font-size:20px}.login-logo{width:60px;height:60px}.form-input{padding:12px 14px;font-size:14px}.demo-grid{grid-template-columns:1fr}}.header{background-color:#17212b;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;border-bottom:2px solid rgba(34,158,217,.2)}.header-left{display:flex;align-items:center;gap:15px}.logo{font-size:22px;font-weight:700;color:#fff;background:linear-gradient(135deg,#229ed9,#4a9bd6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-badge{display:flex;align-items:center;gap:5px;background:#ffc10726;border:1px solid #FFC107;border-radius:20px;padding:5px 12px;color:#ffc107;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-badge:hover{background:#ffc10740;transform:translateY(-2px);box-shadow:0 4px 10px #ffc10733}.admin-badge svg{filter:drop-shadow(0 0 4px #FFC107)}.header-right{display:flex;align-items:center;gap:15px}.user-info{padding:5px 12px;background:#229ed91a;border-radius:20px;border:1px solid rgba(34,158,217,.3)}.user-name{color:#fff;font-size:14px;font-weight:500}.settings-btn,.logout-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s;color:#229ed9}.settings-btn:hover,.logout-btn:hover{background:#229ed91a;transform:rotate(15deg)}.logout-btn{color:#dc3545}.logout-btn:hover{background:#dc35451a;color:#ff4d4d}@media(max-width:768px){.user-info{display:none}.logo{font-size:20px}}@media(max-width:480px){.header{padding:12px 15px}.admin-badge span{display:none}.admin-badge{padding:5px}.settings-btn,.logout-btn{padding:6px}}.welcome-section{display:flex;align-items:center;gap:20px;margin-bottom:25px}.welcome-image{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.main-logo{width:100%;height:100%;border-radius:100%;overflow:hidden;object-fit:cover;filter:drop-shadow(0 0 4px #229ED9);animation:logo-float 3s ease-in-out infinite}.welcome-text{flex:1}.welcome-text h2{font-size:18px;margin-bottom:10px;color:#fff}.welcome-text p{font-size:14px;line-height:1.5;color:#8ca0b5}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:480px){.welcome-section{flex-direction:column;gap:15px;text-align:center}.welcome-image{width:70px;height:70px}}.buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.action-btn{background:#24405ccf;border:none;border-radius:12px;padding:16px 20px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:15px;min-height:80px;box-shadow:0 2px 3px #229ed9;animation:slideIn .5s ease-out backwards;width:100%;text-align:left}.action-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #229ed959;background:linear-gradient(135deg,#2b5278,#3a638a)}.action-btn:active{transform:translateY(0);box-shadow:0 4px 8px #229ed94d}.btn-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#229ed926;flex-shrink:0}.btn-icon-svg{color:#229ed9;filter:drop-shadow(0 0 4px rgba(34,158,217,.6));transition:all .3s ease}.action-btn:hover .btn-icon-svg{transform:scale(1.1);color:#4a9bd6}.btn-content{flex:1}.btn-text{text-align:left;font-weight:600;font-size:16px;margin-bottom:4px;color:#fff}.btn-subtext{font-size:13px;color:#b0c4d9;opacity:.9;line-height:1.3}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.buttons-grid{grid-template-columns:1fr;gap:12px}.action-btn{min-height:70px;padding:12px 15px}.btn-icon{width:40px;height:40px}.btn-icon-svg{width:24px;height:24px}.btn-text{font-size:15px}.btn-subtext{font-size:12px}}.feedback-section{display:flex;justify-content:flex-end;padding:20px 0;margin-top:10px}.feedback-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}.feedback-icon{width:32px;height:32px;object-fit:contain;transition:all .3s ease;filter:drop-shadow(0 0 8px rgba(34,158,217,.4))}.feedback-btn:hover .feedback-icon{transform:scale(1.15);filter:drop-shadow(0 0 12px rgba(34,158,217,.6))}@media(max-width:480px){.feedback-icon{width:28px;height:28px}}.notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#229ed9,#4a9bd6);color:#fff;padding:15px 20px;border-radius:10px;box-shadow:0 5px 20px #229ed966;z-index:1000;animation:slideInRight .3s ease-out;font-size:14px;max-width:300px}.notification.error{background:linear-gradient(135deg,#dc3545,#b02a37)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.upload-resume-content{padding:20px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#229ED9 #182533}.upload-resume-content::-webkit-scrollbar{width:6px}.upload-resume-content::-webkit-scrollbar-track{background:#182533;border-radius:10px}.upload-resume-content::-webkit-scrollbar-thumb{background:#229ed9;border-radius:10px}.upload-description{color:#8ca0b5;font-size:14px;line-height:1.5;margin-bottom:20px;text-align:left}.upload-area{border:2px dashed #229ED9;border-radius:16px;padding:40px 20px;margin-bottom:30px;text-align:center;cursor:pointer;transition:all .3s ease;background:#229ed90d;width:100%;max-width:100%;box-sizing:border-box}.upload-area:hover{border-color:#4a9bd6;background:#229ed91a;transform:translateY(-2px);box-shadow:0 5px 15px #229ed933}.upload-area.drag-active{border-color:#4a9bd6;background:#229ed926;transform:scale(1.02)}.upload-area.uploading{opacity:.7;cursor:wait}.file-input{display:none}.upload-icon{color:#229ed9;margin-bottom:15px;filter:drop-shadow(0 0 8px rgba(34,158,217,.4));animation:float 3s ease-in-out infinite}.upload-icon.spinning{animation:spin 1s linear infinite}.upload-text{display:flex;flex-direction:column;gap:5px}.upload-text-main{color:#fff;font-size:16px;font-weight:500}.upload-text-secondary{color:#8ca0b5;font-size:14px}.upload-text-hint{color:#5f7a95;font-size:12px}.uploaded-files-list{margin-top:20px}.files-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid rgba(34,158,217,.2)}.files-list-title{color:#fff;font-size:16px;font-weight:600;margin:0}.files-count{background:#229ed91a;color:#229ed9;padding:4px 10px;border-radius:20px;font-size:13px;font-weight:500}.files-list{display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;gap:12px;padding:0;background:#17212b;border:2px solid #229ED9;border-radius:10px;transition:all .2s ease;width:100%;box-sizing:border-box;position:relative;overflow:hidden}.file-item:hover{border-color:#4a9bd6;box-shadow:0 4px 12px #229ed940}.file-clickable-area{display:flex;align-items:center;gap:12px;flex:1;padding:12px 16px;cursor:pointer;transition:background .2s ease;min-width:0}.file-clickable-area:hover{background:#1e3a5f}.file-clickable-area:active{background:#1a2f4a}.file-delete-btn{background:none;border:none;color:#ff6b6b;cursor:pointer;padding:12px 16px;margin:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-left:1px solid rgba(34,158,217,.3);height:100%;align-self:stretch;flex-shrink:0}.file-delete-btn:hover{color:#f44;background:#dc35451a;transform:scale(1.1)}.file-delete-btn:active{transform:scale(.95)}.file-delete-btn:disabled{opacity:.5;cursor:not-allowed}.file-delete-btn .spinning{animation:spin 1s linear infinite}.file-icon-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#229ed91a;border-radius:8px;flex-shrink:0}.file-icon{color:#229ed9}.file-details{flex:1;min-width:0}.file-name{color:#fff;font-size:15px;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.file-extension{display:inline-block;padding:2px 6px;background:#229ed91a;border-radius:4px;color:#229ed9;font-size:10px;font-weight:600;text-transform:uppercase}.file-metadata{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:2px}.file-size{color:#8ca0b5}.file-date{color:#5f7a95;position:relative;padding-left:12px}.file-date:before{content:"•";position:absolute;left:3px;color:#8ca0b5}.error-message{display:flex;align-items:center;gap:10px;background:#dc35451a;border:1px solid #DC3545;border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#dc3545;font-size:14px;animation:shake .5s ease-out}.error-close{background:none;border:none;color:#dc3545;font-size:20px;cursor:pointer;padding:0 4px;line-height:1;margin-left:auto}.error-close:hover{opacity:.8;transform:scale(1.2)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#229ed9}.loading-container .spinning{animation:spin 1s linear infinite;margin-bottom:15px}.loading-container p{color:#8ca0b5;font-size:14px}.empty-files{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#182533;border-radius:16px;border:2px dashed rgba(34,158,217,.3);margin-top:20px}.empty-icon{color:#229ed9;opacity:.5;margin-bottom:15px}.empty-files p{color:#fff;font-size:16px;font-weight:500;margin-bottom:8px}.empty-hint{color:#8ca0b5;font-size:13px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(max-width:480px){.upload-resume-content{padding:15px}.upload-area{padding:30px 15px}.upload-icon{width:36px;height:36px}.upload-text-main{font-size:15px}.upload-text-secondary{font-size:13px}.upload-text-hint{font-size:11px}.file-clickable-area,.file-delete-btn{padding:10px 12px}.file-icon-container{width:36px;height:36px}.file-icon{width:20px;height:20px}.file-name{font-size:14px}.file-extension{font-size:9px;padding:1px 4px}.file-metadata{font-size:11px;gap:8px;flex-wrap:wrap}.files-count{font-size:12px;padding:2px 8px}.empty-files{padding:40px 15px}.empty-icon{width:36px;height:36px}.empty-files p{font-size:15px}.empty-hint{font-size:12px}}.check-resume-content{padding:20px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#229ED9 #182533}.check-resume-content::-webkit-scrollbar{width:6px}.check-resume-content::-webkit-scrollbar-track{background:#182533;border-radius:10px}.check-resume-content::-webkit-scrollbar-thumb{background:#229ed9;border-radius:10px}.resume-description{color:#8ca0b5;font-size:14px;line-height:1.5;margin-bottom:20px;text-align:left}.resume-selector-section{background:#182533;border:2px solid #229ED9;border-radius:12px;padding:20px;margin-bottom:30px}.selector-actions{margin-bottom:15px}.select-all-btn{display:flex;align-items:center;gap:10px;padding:10px 15px;background:#229ed91a;border:1px solid #229ED9;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.selected-badge{background:#229ed9;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px}.resume-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:300px;overflow-y:auto}.resume-checkbox{width:20px;height:20px;border:2px solid #229ED9;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.resume-name{color:#fff;font-size:14px;font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analyze-button{width:100%;padding:15px;background:#24405ccf;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 3px #229ed9;display:flex;align-items:center;justify-content:center;gap:8px}.analyze-button.active{background:linear-gradient(135deg,#229ed9,#4a9bd6);box-shadow:0 5px 15px #229ed94d}.analyze-button.active:hover{transform:translateY(-2px);box-shadow:0 10px 20px #229ed966}.analyze-button:disabled{opacity:.5;cursor:not-allowed}.analysis-results{margin-top:20px}.results-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(34,158,217,.2)}.ai-analysis-card{background:#182533;border:2px solid #229ED9;border-radius:16px;padding:20px;margin-bottom:20px;animation:slideUp .5s ease-out}.ai-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(34,158,217,.2)}.candidate-info{display:flex;align-items:center;gap:12px}.candidate-initials{width:48px;height:48px;background:linear-gradient(135deg,#229ed9,#4a9bd6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.candidate-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.candidate-position{color:#8ca0b5;font-size:13px}.ai-score-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#229ed91a;border:1px solid #229ED9;border-radius:20px;color:#229ed9;font-size:13px;font-weight:500}.ai-score-badge svg{color:#229ed9}.ai-probability-block{background:#17212b;border-radius:12px;padding:20px;margin-bottom:20px}.probability-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.probability-label{color:#8ca0b5;font-size:15px;font-weight:500}.probability-value{font-size:24px;font-weight:700;padding:4px 12px;border-radius:20px}.probability-value.low{background:#28a74526;color:#28a745}.probability-value.medium{background:#ffc10726;color:#ffc107}.probability-value.high{background:#dc354526;color:#dc3545}.probability-value.critical{background:#9003;color:#f44}.probability-bar{height:8px;background:#ffffff1a;border-radius:4px;margin-bottom:15px;overflow:hidden}.probability-fill{height:100%;border-radius:4px;transition:width .5s ease}.probability-fill.low{background:linear-gradient(90deg,#28a745,#5cb85c)}.probability-fill.medium{background:linear-gradient(90deg,#ffc107,#ffdb58)}.probability-fill.high{background:linear-gradient(90deg,#dc3545,#ff6b6b)}.probability-fill.critical{background:linear-gradient(90deg,#8b0000,#f44)}.probability-status{display:flex;align-items:center;gap:8px}.status-icon{width:20px;height:20px}.status-icon.critical{color:#f44}.status-icon.high{color:#dc3545}.status-icon.medium{color:#ffc107}.status-icon.low{color:#28a745}.status-text{font-size:14px;font-weight:500}.status-text.critical{color:#f44}.status-text.high{color:#dc3545}.status-text.medium{color:#ffc107}.status-text.low{color:#28a745}.suspicious-phrases-block{background:#dc35450d;border:1px solid rgba(220,53,69,.3);border-radius:12px;padding:15px;margin-bottom:20px}.phrases-header{display:flex;align-items:center;gap:8px;color:#ffc107;font-size:14px;font-weight:500;margin-bottom:12px}.warning-icon{color:#ffc107}.phrases-list li{color:#ffc107;font-size:14px;padding:8px 0 8px 24px;position:relative;border-bottom:1px solid rgba(255,255,255,.05);line-height:1.5}.phrases-list li:before{content:"•";color:#ffc107;position:absolute;left:8px;font-size:18px}.phrase-quote{color:#ffc107;font-size:14px;margin:0 2px}.spinning{animation:spin 1s linear infinite}@media(max-width:768px){.ai-card-header{flex-direction:column;align-items:flex-start;gap:10px}.ai-score-badge{align-self:flex-start}}@media(max-width:480px){.check-resume-content{padding:15px}.candidate-initials{width:40px;height:40px;font-size:16px}.candidate-name{font-size:15px}.probability-value{font-size:20px}.probability-label{font-size:14px}.phrases-list li{font-size:13px}}.resume-item{display:flex;align-items:center;gap:12px;padding:12px;background:#17212b;border:1px solid rgba(34,158,217,.3);border-radius:8px;cursor:pointer;transition:all .3s ease}.resume-checkbox{width:18px;height:18px;border:2px solid #229ED9;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.resume-meta{display:flex;align-items:center;gap:5px;color:#8ca0b5;font-size:12px}.candidate-details{margin-bottom:12px;padding-left:60px}.detail-item{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#8ca0b5;font-size:13px}.detail-icon{width:16px;height:16px;flex-shrink:0;color:#229ed9;filter:drop-shadow(0 0 4px rgba(34,158,217,.4))}.detail-text{color:#8ca0b5}.candidate-skills-wrapper{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-left:60px;margin-bottom:20px}.candidate-skills{display:flex;flex-wrap:wrap;gap:6px;flex:1}.skill-tag{background:#229ed91a;color:#229ed9;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:500;border:1px solid rgba(34,158,217,.2);transition:all .3s ease}.skill-tag:hover{background:#229ed933;border-color:#229ed9}.suspicious-phrases-block.red-border{border:2px solid #DC3545;background:#dc35450d}.phrases-header.red-text,.warning-icon.red-icon,.phrases-list.red-text li{color:#dc3545}.phrases-list.red-text li:before{color:#dc3545}.phrase-quote.red-text{color:#dc3545}.suspicious-phrases-block{border-radius:12px;padding:15px;margin-bottom:20px}.phrases-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;margin-bottom:12px}.phrases-list{list-style:none;padding:0;margin:0}.phrases-list li{font-size:14px;padding:8px 0 8px 24px;position:relative;border-bottom:1px solid rgba(255,255,255,.05);line-height:1.5}.phrases-list li:last-child{border-bottom:none}.phrases-list li:before{content:"•";position:absolute;left:8px;font-size:18px}.phrase-quote{margin:0 2px}@media(max-width:480px){.candidate-details{padding-left:52px}.candidate-skills-wrapper{padding-left:52px;flex-direction:column;align-items:flex-start;gap:10px}.candidate-skills{width:100%}.selector-actions{flex-direction:column;align-items:flex-start;gap:10px}.select-all-btn{width:100%;justify-content:center}}.detail-label{color:#8ca0b5;font-weight:400;margin-right:4px}.detail-text{color:#fff}.resume-skills{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.candidate-details{margin-bottom:16px;background:#229ed90d;border-radius:8px;padding:12px 12px 12px 60px}.detail-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;color:#8ca0b5;font-size:13px;line-height:1.5}.detail-item:last-child{margin-bottom:0}.detail-icon{width:16px;height:16px;flex-shrink:0;color:#229ed9;margin-top:2px}.candidate-skills-wrapper{margin-bottom:20px;padding-left:60px}.candidate-skills{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#229ed91a;color:#229ed9;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid rgba(34,158,217,.2);transition:all .3s ease}.skill-tag:hover{background:#229ed933;border-color:#229ed9;transform:translateY(-2px)}.skill-tag.more{background:#6c757d1a;color:#8ca0b5;border-color:#6c757d33}@media(max-width:480px){.candidate-details{padding:10px 10px 10px 52px}.candidate-skills-wrapper{padding-left:52px}.detail-item{font-size:12px;gap:8px}.skill-tag{padding:4px 10px;font-size:11px}}.resume-badge{background:#229ed933;border:1px solid #229ED9;border-radius:12px;padding:2px 8px;font-size:10px;color:#229ed9;display:inline-block;margin-top:4px}.questions-block{margin-top:20px;padding:16px;background:#f8f9fa;border-radius:12px;border-left:4px solid #229ED9}.inconsistency-item{margin-bottom:16px;padding:8px;background:#ff00000d;border-radius:8px}.inconsistency-fragment{font-weight:500;margin-bottom:8px}.inconsistency-issue{font-size:.9em;color:#666;margin-top:4px;padding-left:12px;border-left:2px solid #ff6b6b}.inconsistency-confidence{font-size:.8em;color:#999;margin-top:4px}.questions-block{margin-top:20px;padding:16px;background:#f8f9fa;border-radius:12px;border-left:4px solid #229ED9;color:#1e293b}.questions-header{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:12px;color:#229ed9}.questions-list{margin:0;padding-left:20px;color:#1e293b}.questions-list li{margin-bottom:10px;line-height:1.4;color:#334155}.loading-analysis{margin-top:40px;text-align:center;padding:40px;background:#f1f5f9;border-radius:16px;color:#475569}.analyze-button{margin:20px 0 30px;width:100%;position:relative}.check-resume-content{padding-bottom:40px}.action-buttons{display:flex;gap:12px;margin-bottom:20px}.action-buttons{display:flex;gap:12px;margin-bottom:20px;justify-content:flex-start}.reset-selection-btn,.clear-all-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#1e293b;cursor:pointer;transition:all .2s ease}.reset-selection-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.clear-all-btn:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.reset-selection-btn:disabled,.clear-all-btn:disabled{opacity:.5;cursor:not-allowed}.find-candidate-content{padding:20px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#229ED9 #182533}.find-candidate-content::-webkit-scrollbar{width:6px}.find-candidate-content::-webkit-scrollbar-track{background:#182533;border-radius:10px}.find-candidate-content::-webkit-scrollbar-thumb{background:#229ed9;border-radius:10px}.search-description{color:#8ca0b5;font-size:14px;line-height:1.5;margin-bottom:20px;text-align:left}.search-input-wrapper{position:relative;margin-bottom:20px}.search-input{width:100%;padding:15px 50px 15px 15px;background:#17212b;border:2px solid #229ED9;border-radius:12px;color:#fff;font-size:16px;font-family:inherit;outline:none;transition:all .3s ease;box-sizing:border-box}.search-input:focus{border-color:#4a9bd6;box-shadow:0 0 15px #229ed94d}.search-input.has-text{border-color:#4a9bd6}.search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#229ed9;opacity:.7;transition:all .3s ease;filter:drop-shadow(0 0 4px rgba(34,158,217,.4))}.search-input:focus+.search-icon,.search-input.has-text+.search-icon{opacity:1;filter:drop-shadow(0 0 8px rgba(34,158,217,.8))}.resume-selector-section{margin-bottom:20px;border:2px solid #229ED9;border-radius:12px;background:#17212b;overflow:hidden}.resume-selector-header{width:100%;padding:15px;background:#1e3a5f;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s ease}.resume-selector-header:hover{background:#24405c}.resume-selector-header.active{background:#24405c;border-bottom:1px solid rgba(34,158,217,.2)}.selector-title{display:flex;align-items:center;gap:10px;color:#fff;font-size:15px;font-weight:500}.selector-title svg{color:#229ed9}.selector-info{display:flex;align-items:center;gap:15px;color:#8ca0b5}.selected-count{background:#229ed926;padding:4px 10px;border-radius:20px;color:#229ed9;font-size:13px;font-weight:500}.resume-selector-dropdown{padding:15px;background:#182533;animation:slideDown .3s ease-out}.selector-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.select-all-btn{display:flex;align-items:center;gap:8px;padding:8px 15px;background:#229ed91a;border:1px solid #229ED9;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.select-all-btn:hover{background:#229ed933}.select-all-btn svg{color:#229ed9}.selector-hint{color:#8ca0b5;font-size:12px}.resume-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.resume-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#17212b;border:1px solid rgba(34,158,217,.3);border-radius:8px;cursor:pointer;transition:all .3s ease}.resume-item:hover{background:#1e3a5f;transform:translate(5px);border-color:#229ed9}.resume-item.selected{background:#229ed926;border-color:#229ed9}.resume-checkbox{width:18px;height:18px;border:2px solid #229ED9;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.resume-checkbox svg{color:#229ed9}.resume-icon{color:#229ed9;flex-shrink:0}.resume-info{flex:1;min-width:0}.resume-name{color:#fff;font-size:14px;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume-meta{display:flex;align-items:center;gap:5px;color:#8ca0b5;font-size:12px;margin-bottom:6px}.resume-skills{display:flex;flex-wrap:wrap;gap:4px}.resume-skill-tag{background:#229ed91a;color:#229ed9;padding:2px 6px;border-radius:12px;font-size:10px;border:1px solid rgba(34,158,217,.2)}.resume-skill-tag.more{background:#6c757d1a;color:#8ca0b5}.no-resumes{text-align:center;padding:30px 20px;color:#8ca0b5}.no-resumes p{margin-bottom:15px}.upload-resume-link{background:linear-gradient(135deg,#229ed9,#4a9bd6);border:none;border-radius:8px;padding:10px 20px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.upload-resume-link:hover{transform:translateY(-2px);box-shadow:0 5px 15px #229ed94d}.search-button{width:100%;padding:15px;background:#24405ccf;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px;box-shadow:0 2px 3px #229ed9}.search-button.active{background:linear-gradient(135deg,#229ed9,#4a9bd6);box-shadow:0 5px 15px #229ed94d}.search-button.active:hover{transform:translateY(-2px);box-shadow:0 10px 20px #229ed966}.search-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 3px #229ed9}.selected-info{text-align:center;color:#8ca0b5;font-size:14px;margin-bottom:20px;padding:15px;background:#182533;border-radius:12px;border:1px dashed #229ED9}.selected-info strong{color:#229ed9;font-size:18px}.info-hint{margin-top:8px;font-size:13px;color:#5f7a95}.search-info{background:#1e3a5f;border-radius:8px;padding:12px;margin-bottom:20px;font-size:13px;color:#8ca0b5;border:1px solid rgba(34,158,217,.3)}.info-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.info-row strong{color:#229ed9}.error-message{display:flex;align-items:center;gap:10px;color:#ff6b6b;background-color:#ff6b6b1a;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #ff6b6b}.error-message svg{flex-shrink:0;color:#ff6b6b}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#229ed9}.spinner{width:50px;height:50px;border:4px solid #24405CCF;border-top:4px solid #229ED9;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-hint{font-size:13px;color:#8ca0b5;margin-top:10px}.results-count{color:#229ed9;font-size:16px;font-weight:600;margin-bottom:20px;text-align:left;animation:fadeIn .6s ease-out}.candidates-list{display:flex;flex-direction:column;gap:15px;animation:fadeIn .8s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.info-row{flex-direction:column;gap:5px}}@media(max-width:480px){.find-candidate-content{padding:15px}.search-input{padding:12px 45px 12px 12px;font-size:14px}.search-button{padding:12px;font-size:15px}.resume-selector-header{padding:12px}.selector-title{font-size:14px}.selector-title svg{width:18px;height:18px}.selected-count{font-size:12px}.resume-item{padding:10px}.resume-name{font-size:13px}.resume-meta{font-size:11px}.selector-actions{flex-direction:column;align-items:flex-start;gap:10px}.select-all-btn{width:100%;justify-content:center}}.candidate-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;position:relative}.candidate-score{margin-left:auto;display:flex;align-items:baseline;justify-content:flex-end;min-width:70px;background:#229ed91a;padding:4px 10px;border-radius:20px;border:1px solid rgba(34,158,217,.3)}.score-value-header{font-size:20px;font-weight:700;color:#229ed9;line-height:1}.score-max{font-size:12px;color:#8ca0b5;margin-left:2px}.ai-score-detailed{display:none}@media(max-width:480px){.candidate-score{min-width:60px;padding:2px 8px}.score-value-header{font-size:18px}.score-max{font-size:10px}}.candidate-card{background:#17212b;border:1px solid rgba(34,158,217,.3);border-radius:12px;padding:15px;margin-bottom:15px;transition:all .3s ease}.candidate-card:hover{transform:translateY(-2px);border-color:#229ed9;box-shadow:0 5px 15px #229ed933}.candidate-header h3{margin:0 0 10px;color:#fff;font-size:18px}.candidate-details p{margin:5px 0;color:#8ca0b5;font-size:14px}.candidate-link{display:inline-block;margin-top:10px;color:#229ed9;text-decoration:none;font-weight:500}.candidate-link:hover{text-decoration:underline}.details-button{background:#229ed933;border:1px solid #229ED9;border-radius:8px;padding:8px 16px;color:#229ed9;font-size:13px;font-weight:500;cursor:pointer;margin-top:12px;transition:all .3s ease}.details-button:hover{background:#229ed966}.full-resume-details{margin-top:15px;padding:15px;background:#182533;border-radius:8px;border-left:3px solid #229ED9}.full-resume-details h4{color:#229ed9;margin:12px 0 8px;font-size:14px}.full-resume-details h4:first-child{margin-top:0}.job-item,.education-item{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(34,158,217,.2)}.job-period{font-size:12px;color:#8ca0b5;margin:4px 0}.job-description{font-size:13px;color:#c0d0e0;white-space:pre-wrap}.external-link{display:inline-block;margin-top:10px;color:#229ed9;text-decoration:none}.external-link:hover{text-decoration:underline}.back-button{background:none;border:none;color:#229ed9;font-size:16px;cursor:pointer;margin-bottom:20px;display:inline-flex;align-items:center;gap:5px;padding:5px 0;transition:opacity .2s}.page-container{max-width:1200px;margin:0 auto;padding:20px}.page-header{display:flex;align-items:center;gap:15px;margin-bottom:30px}.back-button{background:none;border:none;color:#229ed9;font-size:24px;cursor:pointer;padding:5px;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.back-button:hover{opacity:.7}.page-title{font-size:24px;font-weight:600;color:#fff;margin:0}.load-more-button{background:#229ed933;border:1px solid #229ED9;border-radius:8px;padding:10px 20px;color:#229ed9;font-size:14px;font-weight:500;cursor:pointer;margin:20px auto;display:block;transition:all .3s ease}.load-more-button:hover{background:#229ed966}.save-resume-btn{background:#229ed933;border:1px solid #229ED9;border-radius:8px;padding:8px 16px;color:#229ed9;font-size:13px;font-weight:500;cursor:pointer;margin-top:10px;margin-right:10px;transition:all .3s ease}.save-resume-btn:hover{background:#229ed966}.schedule-meeting-content{padding:20px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#229ED9 #182533}.schedule-meeting-content::-webkit-scrollbar{width:6px}.schedule-meeting-content::-webkit-scrollbar-track{background:#182533;border-radius:10px}.schedule-meeting-content::-webkit-scrollbar-thumb{background:#229ed9;border-radius:10px}.schedule-meeting-content::-webkit-scrollbar-thumb:hover{background:#4a9bd6}.meeting-description{color:#8ca0b5;font-size:14px;line-height:1.5;margin-bottom:25px;text-align:left}.meeting-form{display:flex;flex-direction:column;gap:25px;margin-bottom:30px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label-with-icon{display:flex;align-items:center;gap:8px;margin-left:5px}.label-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(34,158,217,.4))}.form-label{color:#fff;font-size:14px;font-weight:500}.form-input{width:100%;padding:15px;background:#17212b;border:2px solid #229ED9;border-radius:12px;color:#fff;font-size:16px;font-family:inherit;outline:none;transition:all .3s ease;box-sizing:border-box}.form-input:focus{border-color:#4a9bd6;box-shadow:0 0 15px #229ed94d}.form-input.has-value{border-color:#4a9bd6}.form-input[type=date]::-webkit-calendar-picker-indicator,.form-input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7;cursor:pointer;transition:all .3s ease}.form-input[type=date]::-webkit-calendar-picker-indicator:hover,.form-input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(1) drop-shadow(0 0 4px #229ED9)}.form-input::placeholder{color:#8ca0b5;opacity:.7}.create-button{width:100%;padding:15px;background:#24405ccf;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px;box-shadow:0 2px 3px #229ed9}.create-button.active{background:linear-gradient(135deg,#229ed9,#4a9bd6);box-shadow:0 5px 15px #229ed94d}.create-button.active:hover{transform:translateY(-2px);box-shadow:0 10px 20px #229ed966}.create-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 3px #229ed9}.meeting-notification{background:#182533;border:2px solid #229ED9;border-radius:12px;padding:20px;margin-top:20px;animation:slideUp .5s ease-out;box-shadow:0 5px 20px #229ed933}.notification-content{display:flex;align-items:center;gap:15px;margin-bottom:15px}.notification-icon{width:32px;height:32px;flex-shrink:0;animation:pulse 2s infinite}.notification-text{flex:1}.notification-text strong{color:#229ed9;font-size:16px;display:block;margin-bottom:5px}.notification-text p{color:#8ca0b5;font-size:14px}.calendar-link{width:100%;padding:12px;background:transparent;border:2px solid #229ED9;border-radius:8px;color:#229ed9;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.calendar-link:hover{background:#229ed91a;transform:translateY(-2px);box-shadow:0 5px 15px #229ed933}@keyframes pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px rgba(34,158,217,.4))}50%{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(34,158,217,.8))}}@media(max-width:480px){.schedule-meeting-content{padding:15px}.form-input{padding:12px;font-size:14px}.create-button{padding:12px;font-size:15px}.form-label{font-size:13px}.label-icon{width:18px;height:18px}.notification-content{gap:12px}.notification-icon{width:28px;height:28px}.notification-text strong{font-size:15px}.notification-text p{font-size:13px}}.form-textarea{width:100%;padding:15px;background:#17212b;border:2px solid #229ED9;border-radius:12px;color:#fff;font-size:16px;font-family:inherit;outline:none;transition:all .3s ease;box-sizing:border-box;resize:vertical}.form-textarea:focus{border-color:#4a9bd6;box-shadow:0 0 15px #229ed94d}.form-textarea.has-value{border-color:#4a9bd6}.form-textarea.error{border-color:#dc2626}.form-textarea::placeholder{color:#8ca0b5;opacity:.7}.form-hint{font-size:12px;color:#8ca0b5;margin-top:4px;margin-left:5px}.error-text{color:#dc2626}.notification-comment{font-size:13px;color:#8ca0b5;margin-top:6px;font-style:italic}.settings-content{padding:20px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#229ED9 #182533}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:#182533;border-radius:10px}.settings-content::-webkit-scrollbar-thumb{background:#229ed9;border-radius:10px}.settings-content::-webkit-scrollbar-thumb:hover{background:#4a9bd6}.settings-section{margin-bottom:30px}.settings-section-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid rgba(34,158,217,.2)}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#229ed91a;border-radius:8px;margin-bottom:10px;color:#fff;transition:all .3s ease}.settings-item:hover{background:#229ed926;transform:translate(5px)}.settings-item-label{font-size:15px;font-weight:500}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#24405c;transition:.3s;border:1px solid rgba(34,158,217,.3)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:2px;background-color:#fff;transition:.3s}input:checked+.slider{background:linear-gradient(135deg,#229ed9,#4a9bd6);border-color:#229ed9}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.service-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#229ed91a;border:2px solid #229ED9;border-radius:12px;margin-bottom:12px;transition:all .3s ease}.service-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #229ed933;background:#229ed926}.service-info{display:flex;align-items:center;gap:12px}.service-icon{color:#229ed9;filter:drop-shadow(0 0 8px rgba(34,158,217,.4))}.service-name{color:#fff;font-size:15px;font-weight:500}.service-status{display:flex;align-items:center;gap:10px}.status-badge{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#28a74526;border:1px solid #28A745;border-radius:20px;color:#28a745;font-size:13px;font-weight:500}.service-connect{padding:8px 16px;background:linear-gradient(135deg,#229ed9,#4a9bd6);border:none;border-radius:20px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.service-connect:hover{transform:translateY(-2px);box-shadow:0 5px 15px #229ed94d}.service-disconnect{background:none;border:none;color:#dc3545;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.service-disconnect:hover{background:#dc35451a;transform:scale(1.1)}.settings-save-btn{width:100%;padding:15px;background:linear-gradient(135deg,#229ed9,#4a9bd6);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-top:20px;transition:all .3s;box-shadow:0 2px 3px #229ed9}.settings-save-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #229ed966}.modal-content{background:#17212b;border:2px solid #229ED9;border-radius:16px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;animation:slideUp .4s ease-out;box-shadow:0 10px 30px #229ed94d}.modal-header-info{display:flex;align-items:center;gap:12px}.modal-title{color:#fff;font-size:18px;font-weight:600;margin:0}.modal-field{margin-bottom:20px}.modal-label{display:block;color:#fff;font-size:14px;font-weight:500;margin-bottom:8px}.modal-input{width:100%;padding:12px;background:#0f1a24;border:2px solid #229ED9;border-radius:8px;color:#fff;font-size:15px;outline:none;transition:all .3s ease;box-sizing:border-box}.modal-input:focus{border-color:#4a9bd6;box-shadow:0 0 15px #229ed94d}.modal-input::placeholder{color:#5f7a95}.modal-hint{color:#8ca0b5;font-size:12px;margin-top:10px;padding:10px;background:#229ed90d;border-radius:6px;border-left:3px solid #229ED9}.modal-cancel{flex:1;padding:12px;background:transparent;border:2px solid #8CA0B5;border-radius:8px;color:#8ca0b5;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-cancel:hover{border-color:#fff;color:#fff;transform:translateY(-2px)}.modal-save{flex:1;padding:12px;background:linear-gradient(135deg,#229ed9,#4a9bd6);border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-save:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.settings-content{padding:15px}.settings-item{padding:12px}.settings-item-label{font-size:14px}.service-item{padding:12px}.service-name{font-size:14px}.service-connect{padding:6px 12px;font-size:12px}.modal-content{width:95%}.modal-header{padding:15px}.modal-title{font-size:16px}.modal-body,.modal-footer{padding:15px}.modal-cancel,.modal-save{padding:10px;font-size:14px}}.feedback-content{padding:20px}.feedback-error{background:#dc35451a;border:1px solid #DC3545;border-radius:8px;color:#dc3545;padding:12px 15px;margin-bottom:20px;font-size:14px;animation:shake .5s ease-out}.feedback-textarea{width:100%;height:150px;background:#17212b;border:2px solid #229ED9;border-radius:12px;color:#fff;padding:15px;font-size:16px;font-family:inherit;resize:vertical;margin-bottom:20px;outline:none;transition:all .3s}.feedback-textarea.error{border-color:#dc3545;box-shadow:0 0 15px #dc35454d}.feedback-textarea:focus{border-color:#4a9bd6;box-shadow:0 0 15px #229ed94d}.feedback-textarea:disabled{opacity:.6;cursor:not-allowed}.feedback-buttons{display:flex;gap:15px}.feedback-submit-btn,.feedback-cancel-btn{flex:1;padding:15px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.feedback-submit-btn{background:linear-gradient(135deg,#229ed9,#4a9bd6);color:#fff}.feedback-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #229ed94d}.feedback-submit-btn.sending{opacity:.7;cursor:wait}.feedback-cancel-btn{background:transparent;border:2px solid #229ED9;color:#229ed9}.feedback-cancel-btn:hover:not(:disabled){background:#229ed91a;transform:translateY(-2px)}.feedback-submit-btn:disabled,.feedback-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-sending{text-align:center;margin-top:20px;color:#229ed9;font-size:14px;animation:pulse 1.5s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:480px){.feedback-content{padding:15px}.feedback-textarea{height:120px;padding:12px;font-size:14px}.feedback-submit-btn,.feedback-cancel-btn{padding:12px;font-size:15px}}.admin-container{display:flex;min-height:100vh;background:#0f1a24}.admin-sidebar{width:320px;background:#182533;border-right:2px solid rgba(34,158,217,.2);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;overflow-y:auto;z-index:100}.sidebar-header{padding:30px 25px;text-align:left;border-bottom:2px solid rgba(34,158,217,.2);display:flex;align-items:center;gap:15px}.sidebar-logo{width:50px;height:50px;flex-shrink:0}.sidebar-logo img{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 10px #229ED9)}.sidebar-title{color:#fff;font-size:20px;font-weight:700;margin:0;background:linear-gradient(135deg,#229ed9,#4a9bd6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:25px;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:15px;padding:14px 18px;background:none;border:none;border-radius:12px;color:#8ca0b5;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;text-align:left}.nav-item:hover{background:#229ed91a;color:#fff;transform:translate(5px)}.nav-item.active{background:#229ed926;color:#229ed9;border-left:4px solid #229ED9}.nav-item svg{width:22px;height:22px;flex-shrink:0}.nav-item span{font-size:15px}.sidebar-footer{padding:25px;border-top:2px solid rgba(34,158,217,.2)}.admin-info{display:flex;align-items:center;gap:12px;padding:15px;background:#229ed91a;border-radius:12px;margin-bottom:15px}.admin-info svg{color:#ffc107;width:18px;height:18px}.admin-info span{color:#fff;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;background:transparent;border:2px solid #DC3545;border-radius:12px;color:#dc3545;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.sidebar-footer .logout-btn:hover{background:#dc35451a;transform:translateY(-2px)}.sidebar-footer .logout-btn svg{width:18px;height:18px}.admin-main{flex:1;margin-left:320px;padding:30px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(34,158,217,.2)}.admin-title{color:#fff;font-size:24px;font-weight:700}.header-actions{display:flex;gap:10px}.header-btn{display:flex;align-items:center;gap:8px;padding:10px 15px;background:#17212b;border:2px solid #229ED9;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.header-btn:hover{background:#229ed91a;transform:translateY(-2px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#182533;border:2px solid #229ED9;border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #229ed933}.stat-icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center}.stat-icon svg{width:32px;height:32px}.stat-icon.users{background:#229ed926;color:#229ed9}.stat-icon.active{background:#28a74526;color:#28a745}.stat-icon.search{background:#ffc10726;color:#ffc107}.stat-icon.meeting{background:#6f42c126;color:#6f42c1}.stat-icon.resume{background:#fd7e1426;color:#fd7e14}.stat-icon.conversion{background:#20c99726;color:#20c997}.stat-info{flex:1}.stat-label{display:block;color:#8ca0b5;font-size:14px;margin-bottom:5px}.stat-value{display:block;color:#fff;font-size:28px;font-weight:700}.recent-activities{background:#182533;border:2px solid #229ED9;border-radius:16px;padding:25px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{color:#fff;font-size:20px;font-weight:600}.view-all{background:none;border:none;color:#229ed9;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.view-all:hover{text-decoration:underline}.activities-list{display:flex;flex-direction:column;gap:15px}.activity-item{padding:15px;background:#17212b;border-radius:12px;transition:all .3s ease}.activity-item:hover{transform:translate(5px);background:#229ed90d}.activity-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.activity-user{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#229ed9,#4a9bd6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.activity-user-name{color:#fff;font-weight:600;font-size:15px;margin-bottom:3px}.activity-desc{color:#8ca0b5;font-size:13px}.activity-meta{display:flex;align-items:center;gap:15px}.activity-time{display:flex;align-items:center;gap:4px;color:#8ca0b5;font-size:12px}.activity-status{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.activity-status.completed{background:#28a74526;color:#28a745}.activity-status.pending{background:#ffc10726;color:#ffc107}.activity-status.failed{background:#dc354526;color:#dc3545}@media(max-width:1200px){.admin-sidebar{width:280px}.admin-main{margin-left:280px}}@media(max-width:1024px){.admin-sidebar{width:240px}.sidebar-header{padding:20px 15px}.sidebar-logo{width:40px;height:40px}.sidebar-title{font-size:16px}.admin-main{margin-left:240px;padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-sidebar{width:70px}.sidebar-header{padding:15px;justify-content:center}.sidebar-logo{margin:0}.sidebar-title,.nav-item span,.admin-info span,.sidebar-footer .logout-btn span{display:none}.nav-item{justify-content:center;padding:15px}.nav-item svg{width:24px;height:24px}.admin-info{justify-content:center;padding:12px}.admin-info svg{margin:0}.sidebar-footer .logout-btn{justify-content:center;padding:12px}.sidebar-footer .logout-btn svg{margin:0}.admin-main{margin-left:70px;padding:20px}.admin-header{flex-direction:column;gap:15px;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.activity-info{flex-direction:column;align-items:flex-start}.activity-meta{width:100%;justify-content:space-between}}@media(max-width:480px){.admin-main{padding:15px}.users-header{flex-direction:column;gap:15px;align-items:flex-start}.add-user-btn{width:100%}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#182533;border-radius:16px;border:2px solid #229ED9;color:#229ed9}.loading-state.small{padding:30px 20px}.loading-state .spinning{animation:spin 1s linear infinite;margin-bottom:15px}.loading-state p{color:#8ca0b5;font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#182533;border-radius:16px;border:2px solid #DC3545;color:#dc3545}.error-state svg{margin-bottom:20px}.error-state h3{color:#fff;font-size:20px;margin-bottom:10px}.error-state p{color:#8ca0b5;font-size:14px;margin-bottom:20px}.refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#229ed9,#4a9bd6);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #229ed94d}.empty-state{text-align:center;padding:40px 20px;color:#8ca0b5}.empty-state.small{padding:20px}.empty-state p{font-size:14px}.users-table,.logs-table{background:#182533;border:2px solid #229ED9;border-radius:12px;overflow-x:auto;margin-top:20px}.users-table table,.logs-table table{width:100%;border-collapse:collapse;min-width:800px}.users-table th,.logs-table th{text-align:left;padding:15px;color:#8ca0b5;font-size:13px;font-weight:500;border-bottom:2px solid rgba(34,158,217,.2)}.users-table td,.logs-table td{padding:15px;color:#fff;font-size:14px;border-bottom:1px solid rgba(34,158,217,.1)}.users-table tr:last-child td,.logs-table tr:last-child td{border-bottom:none}.users-table tr:hover td,.logs-table tr:hover td{background:#229ed90d}.user-cell{display:flex;align-items:center;gap:10px}.user-cell.small .user-avatar,.user-avatar.small{width:30px;height:30px;font-size:14px}.role-badge{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.role-badge.admin{background:#ffc10726;color:#ffc107}.role-badge.user{background:#229ed926;color:#229ed9}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active{background:#28a74526;color:#28a745}.status-badge.inactive{background:#6c757d26;color:#8ca0b5}.status-badge.failed{background:#dc354526;color:#dc3545}.action-btn{background:none;border:none;color:#8ca0b5;cursor:pointer;padding:5px;border-radius:4px;transition:all .3s ease}.action-btn:hover{background:#ffffff1a;color:#fff}.empty-table{text-align:center;color:#8ca0b5;padding:40px!important}.log-error td{background:#dc35450d}.log-warning td{background:#ffc1070d}.log-info td{background:transparent}.log-details{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8ca0b5!important}.pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px}.pagination-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#17212b;border:2px solid #229ED9;border-radius:8px;color:#229ed9;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#229ed91a;transform:translateY(-2px)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{color:#fff;font-size:14px}.activity-target{color:#229ed9;font-weight:500}.status-icon{width:14px;height:14px}.status-icon.completed{color:#28a745}.status-icon.pending{color:#ffc107}.status-icon.failed{color:#dc3545}.stat-icon.ai{background:#9900ff26;color:#9f7aea}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-user-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#229ed9,#4a9bd6);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-user-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #229ed94d}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.logs-filter{display:flex;align-items:center;gap:6px;padding:8px 15px;background:#17212b;border:2px solid #229ED9;border-radius:8px;color:#fff;font-size:13px;cursor:pointer;transition:all .3s ease}.logs-filter:hover{background:#229ed91a}@media(max-width:768px){.users-header,.logs-header{flex-direction:column;gap:15px;align-items:flex-start}.add-user-btn,.logs-filter{width:100%}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#182533;border:2px solid #229ED9;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .4s ease-out;box-shadow:0 10px 30px #229ed94d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(34,158,217,.2)}.modal-title{color:#fff;font-size:20px;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#8ca0b5;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}.modal-body{padding:20px}.modal-footer{display:flex;gap:10px;padding:20px;border-top:1px solid rgba(34,158,217,.2)}.form-group{margin-bottom:20px}.form-label{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:500;margin-bottom:8px}.form-label svg{color:#229ed9}.form-input,.form-select{width:100%;padding:12px 15px;background:#17212b;border:2px solid #229ED9;border-radius:8px;color:#fff;font-size:15px;font-family:inherit;outline:none;transition:all .3s ease;box-sizing:border-box}.form-input:focus,.form-select:focus{border-color:#4a9bd6;box-shadow:0 0 15px #229ed94d}.form-input::placeholder{color:#5f7a95}.form-input:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23229ED9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 15px center;background-size:16px;padding-right:45px}.modal-cancel,.modal-save{flex:1;padding:12px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.modal-cancel{background:transparent;border:2px solid #8CA0B5;color:#8ca0b5}.modal-cancel:hover:not(:disabled){border-color:#fff;color:#fff;transform:translateY(-2px)}.modal-save{background:linear-gradient(135deg,#229ed9,#4a9bd6);border:none;color:#fff}.modal-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #229ed94d}.modal-cancel:disabled,.modal-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.success-message{text-align:center;padding:30px 20px;color:#28a745}.success-message svg{margin-bottom:15px}.success-message p{font-size:16px;font-weight:500}.error-message{display:flex;align-items:center;gap:8px;background:#dc35451a;border:1px solid #DC3545;border-radius:8px;padding:12px 15px;margin-bottom:20px;color:#dc3545;font-size:14px}.error-message svg{flex-shrink:0;color:#dc3545}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.modal-content{width:95%;margin:20px}.modal-header{padding:15px}.modal-title{font-size:18px}.modal-body{padding:15px}.modal-footer{padding:15px;flex-direction:column}.form-input,.form-select{padding:10px 12px;font-size:14px}.form-label{font-size:13px}}.user-actions{display:flex;gap:8px;justify-content:center;align-items:center}.action-icon-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:transparent}.action-icon-btn.edit{color:#229ed9;border:2px solid #229ED9}.action-icon-btn.edit:hover{background:#229ed91a;transform:translateY(-2px);box-shadow:0 4px 10px #229ed933}.action-icon-btn.delete{color:#dc3545;border:2px solid #DC3545}.action-icon-btn.delete:hover{background:#dc35451a;transform:translateY(-2px);box-shadow:0 4px 10px #dc354533}.action-icon-btn:active{transform:translateY(0)}.delete-modal{max-width:400px}.delete-confirmation{text-align:center;padding:20px 10px}.delete-icon{color:#dc3545;margin-bottom:15px}.delete-confirmation p{color:#8ca0b5;font-size:15px;margin-bottom:15px}.user-info{background:#229ed91a;border-radius:8px;padding:15px;margin-bottom:15px}.user-info strong{display:block;color:#fff;font-size:16px;margin-bottom:5px}.user-info span{color:#8ca0b5;font-size:14px}.delete-warning{color:#dc3545!important;font-size:13px!important;font-weight:500}.modal-delete{flex:1;padding:12px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#dc3545,#b02a37);border:none;color:#fff}.modal-delete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #dc35454d}.modal-delete:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.user-actions{flex-direction:column;gap:4px}.action-icon-btn{width:32px;height:32px}.action-icon-btn svg{width:16px;height:16px}}@media(max-width:480px){.user-actions{flex-direction:row}}.feedback-section{width:100%;margin-top:20px}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;width:100%}.feedback-filters{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}.filter-btn{display:flex;align-items:center;gap:8px;padding:8px 15px;background:#17212b;border:2px solid #229ED9;border-radius:20px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{background:#229ed91a;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#229ed9,#4a9bd6);border-color:transparent}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#fff3;border-radius:10px;font-size:11px;font-weight:600}.filter-count.new{background:#229ed9}.filter-count.progress{background:#ffc107}.filter-count.resolved{background:#28a745}.feedback-table-container{width:100%;background:#182533;border:2px solid #229ED9;border-radius:12px;overflow:hidden;margin-top:20px}.feedback-table{width:100%;overflow-x:auto}.feedback-table table{width:100%;border-collapse:collapse;min-width:1000px}.feedback-table th{text-align:left;padding:15px;color:#8ca0b5;font-size:13px;font-weight:500;border-bottom:2px solid rgba(34,158,217,.2);background:#182533}.feedback-table td{padding:15px;color:#fff;font-size:14px;border-bottom:1px solid rgba(34,158,217,.1);background:#182533}.feedback-table tr.unread{background:#229ed90d}.feedback-table tr.unread td{background:#229ed90d;color:#fff}.feedback-table tr:hover td{background:#229ed91a}.feedback-message-cell{max-width:300px}.feedback-message-preview{color:#8ca0b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feedback-status-cell{display:flex;align-items:center}.feedback-status{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.feedback-status.new{background:#229ed926;color:#229ed9}.feedback-status.in-progress{background:#ffc10726;color:#ffc107}.feedback-status.resolved{background:#28a74526;color:#28a745}.feedback-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-icon-btn.view{color:#229ed9;border:2px solid #229ED9;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;transition:all .3s ease}.action-icon-btn.view:hover{background:#229ed91a;transform:translateY(-2px)}.action-icon-btn.delete.small{width:32px;height:32px;border:2px solid #DC3545;color:#dc3545;border-radius:8px;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;transition:all .3s ease}.action-icon-btn.delete.small:hover{background:#dc35451a;transform:translateY(-2px)}.action-icon-btn.delete.small svg{width:16px;height:16px}.status-select{padding:6px 10px;background:#17212b;border:2px solid #229ED9;border-radius:8px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;outline:none;transition:all .3s ease;min-width:120px}.status-select:hover{background:#229ed91a}.status-select:focus{border-color:#4a9bd6;box-shadow:0 0 10px #229ed94d}.status-select.large{padding:10px 15px;font-size:14px}.feedback-view-modal{max-width:600px;width:90%}.feedback-details{display:flex;flex-direction:column;gap:15px}.feedback-detail-row{display:flex;align-items:flex-start;gap:15px}.feedback-detail-row .detail-label{min-width:100px;color:#8ca0b5;font-size:14px;font-weight:500}.feedback-detail-row .detail-value{color:#fff;font-size:14px;flex:1}.feedback-detail-row.message{flex-direction:column;align-items:flex-start;gap:10px}.feedback-message-full{width:100%;padding:15px;background:#17212b;border:2px solid #229ED9;border-radius:8px;color:#fff;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.nav-badge{margin-left:auto;background:#dc3545;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(34,158,217,.2);width:100%}.header-actions{display:flex;gap:10px;flex-shrink:0}.admin-title{color:#fff;font-size:24px;font-weight:700;margin:0;flex:1}.admin-content{width:100%}@media(max-width:768px){.feedback-header{flex-direction:column;align-items:flex-start}.feedback-filters{width:100%;justify-content:space-between;margin-left:0}.filter-btn{flex:1;justify-content:center;font-size:12px;padding:6px 10px}.feedback-actions{flex-direction:column;align-items:flex-start;gap:5px}.status-select{width:100%}.feedback-detail-row{flex-direction:column;gap:5px}.feedback-detail-row .detail-label{min-width:auto}.admin-header{flex-direction:column;gap:15px;align-items:flex-start}.header-actions{width:100%;justify-content:flex-start}}@media(max-width:480px){.filter-btn{padding:6px 8px;font-size:11px}.filter-count{min-width:18px;height:18px;font-size:10px;padding:0 4px}.admin-title{font-size:20px}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#17212b;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;overflow-x:hidden}.container{max-width:100%;margin:0 auto;padding:15px;animation:fadeIn .6s ease-out}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#229ed9;font-size:18px}.main-content{background-color:#182533;border-radius:15px;margin-top:15px;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-container{min-height:100vh;background-color:#182533;border-radius:15px;padding:20px}.page-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(34,158,217,.2)}.back-button{background:none;border:none;color:#229ed9;font-size:24px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s}.back-button:hover{background:#229ed91a}.page-title{font-size:22px;font-weight:700;color:#fff}.page-content{color:#8ca0b5;min-height:300px;display:flex;align-items:center;justify-content:center;font-size:16px;text-align:center}@media(max-width:480px){.container{padding:10px}.page-title{font-size:20px}}