body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.processing-info{display:flex;align-items:center;gap:1rem;margin-top:.75rem;padding:.75rem;background-color:#f0f9ff;border:1px solid #0EA5E9;border-radius:.5rem}.processing-message{display:flex;align-items:center;gap:.5rem;color:#0c4a6e;font-size:.875rem;font-weight:500}.processing-icon{font-size:1rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.clear-processing-btn{font-size:.8rem;padding:.375rem .75rem;background-color:#6b7280;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.clear-processing-btn{background-color:#6b7280;color:#fff;border:none;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s}.clear-processing-btn:hover{background-color:#4b5563}.submit-button{position:relative;overflow:hidden;transition:all .3s ease;font-weight:600;letter-spacing:.5px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;color:#fff;box-shadow:0 4px 12px #2563eb4d}.submit-button.submitting{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(.98);box-shadow:0 4px 15px #667eea66}.submit-button.submitting:disabled{opacity:.9;cursor:not-allowed}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb66}.submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}.submit-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.submit-text{font-size:14px;font-weight:600;color:#fff}.submit-button .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.submit-button .processing-icon{animation:pulse 1.5s ease-in-out infinite}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}.login-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f0f2f5;min-height:100vh;color:#24292e;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.login-main-content{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:0;width:100%;box-sizing:border-box}.login-container{background:#fff;border-radius:0;box-shadow:0 20px 40px #0000001a;overflow:hidden;width:100%;max-width:100%;display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-left{padding:3rem;background:#f8f9fa;display:flex;flex-direction:column;justify-content:center;position:relative}.login-logo-container{margin-bottom:2rem;text-align:center}.login-right{padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative}.login-logo{font-size:3rem;font-weight:700;color:#0366d6;margin-bottom:0;text-align:center;font-family:Monaco,Consolas,monospace;line-height:1.2}.login-logo:before{content:"<";color:#28a745}.login-logo:after{content:">";color:#28a745}.login-right .login-powered-by-container{margin-top:2rem;padding-top:1.5rem;text-align:right;border-top:1px solid #e1e4e8}.login-powered-by-logo{height:auto;max-width:200px;display:inline-block}.login-welcome-text{text-align:center;margin-bottom:2rem}.login-welcome-text h2{font-size:1.5rem;font-weight:600;color:#24292e;margin-bottom:.5rem}.login-welcome-text p{color:#586069;line-height:1.6}.login-features{list-style:none;margin:2rem auto 0;text-align:left;max-width:500px}.login-features li{display:flex;align-items:center;justify-content:flex-start;margin-bottom:1rem;color:#586069;font-size:.9rem}.login-features li i{color:#28a745;margin-right:.75rem;font-size:1rem;width:16px;text-align:center}.login-form{width:100%}.login-form-title{font-size:1.75rem;font-weight:600;color:#24292e;margin-bottom:.5rem;text-align:center}.login-form-subtitle{color:#586069;text-align:center;margin-bottom:2rem;font-size:.9rem}.login-error-message{background-color:#fee;border:1px solid #fcc;color:#c33;padding:.875rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.login-error-ip-blocked{background-color:#fff3cd;border:1px solid #ffc107;color:#856404;padding:1rem}.login-error-ip-blocked i{margin-right:.5rem}.login-form-group{margin-bottom:1.5rem}.login-input-container{position:relative}.login-form-control{width:100%;padding:1.5rem 1rem .75rem;border:2px solid #e1e4e8;border-radius:6px;font-size:1rem;transition:all .2s ease;background:#fff;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.login-form-control-password{padding-right:3rem}.login-form-control:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.login-form-control:focus+.login-floating-label,.login-form-control:not(:placeholder-shown)+.login-floating-label,.login-form-control.has-value+.login-floating-label,.login-form-control:-webkit-autofill+.login-floating-label,.login-form-control:-webkit-autofill:hover+.login-floating-label,.login-form-control:-webkit-autofill:focus+.login-floating-label{transform:translateY(-2.5rem) scale(.85);color:#4f46e5;background:#fff;padding:0 .5rem;z-index:1;left:.75rem}.login-floating-label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6c757d;font-size:1rem;font-weight:400;pointer-events:none;transition:all .2s ease;background:transparent;padding:0}.login-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#6c757d;transition:color .2s ease;z-index:2;outline:none;-webkit-tap-highlight-color:transparent}.login-password-toggle:hover{color:#4f46e5}.login-password-toggle:focus{color:#4f46e5;outline:2px solid rgba(79,70,229,.2);outline-offset:2px;border-radius:4px}.login-password-toggle i{font-size:1rem}.login-btn-primary{width:100%;padding:.875rem;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}.login-btn-icon{font-size:1rem;color:#fff}.login-btn-icon i{color:#fff}.login-btn-primary:hover:not(:disabled){background:#3730a3;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d;color:#fff}.login-btn-primary:hover:not(:disabled) .login-btn-icon,.login-btn-primary:hover:not(:disabled) .login-btn-icon i{color:#fff;background:transparent}.login-btn-primary:active{transform:translateY(0)}.login-btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-tech-badges{margin-top:1rem;text-align:center}.login-tech-badge{display:inline-block;background:#e1f5fe;color:#01579b;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;margin:.25rem .25rem .25rem 0}.login-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e1e4e8}.login-stat-item{text-align:center;display:flex;flex-direction:column;align-items:center}.login-left .login-stat-icon{font-size:1.5rem;color:#4f46e5!important;margin-bottom:.5rem}.login-left .login-stat-number{font-size:1.5rem;font-weight:700;color:#4f46e5!important}.login-left .login-stat-label{font-size:.8rem;color:#586069!important;margin-top:.25rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.login-error-message{background:#f8d7da;color:#721c24;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;border:1px solid #f5c6cb}.login-loading{opacity:.6;pointer-events:none}.login-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.login-loading-spinner i{font-size:2rem;color:#4f46e5;margin-bottom:1rem}.login-loading-spinner p{color:#586069;font-size:1rem;margin:0}.login-floating-shapes{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.login-shape{position:absolute;background:#0366d61a;border-radius:50%}.login-shape-1{width:60px;height:60px;top:20%;right:10%;animation:login-float 6s ease-in-out infinite}.login-shape-2{width:40px;height:40px;top:60%;right:20%;animation:login-float 8s ease-in-out infinite reverse}.login-shape-3{width:80px;height:80px;top:10%;left:10%;animation:login-float 7s ease-in-out infinite}@keyframes login-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(max-width:1024px){.login-main-content{padding:0}.login-container{max-width:100%}}@media(max-width:768px){.login-main-content{padding:0;min-height:100vh}.login-container{grid-template-columns:1fr;margin:0;max-width:100%;min-height:100vh;border-radius:0;box-shadow:none}.login-left{order:1;padding:1.5rem;background:#f8f9fa}.login-right{order:2;padding:2rem 1.5rem}.login-stats{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem}.login-logo{font-size:2.2rem;margin-bottom:0}.login-logo-container{margin-bottom:1.5rem}.login-right .login-powered-by-container{padding-top:1.25rem;margin-top:1.5rem}.login-powered-by-logo{max-width:180px}.login-welcome-text h2{font-size:1.25rem}.login-welcome-text p{font-size:.9rem}.login-features{margin-top:1.5rem}.login-features li{font-size:.85rem;margin-bottom:.75rem}.login-form-title{font-size:1.5rem}.login-form-subtitle{font-size:.85rem;margin-bottom:1.5rem}.login-form-group{margin-bottom:1.25rem}.login-form-control{padding:1.25rem .875rem .625rem;font-size:.95rem}.login-form-control-password{padding-right:2.75rem}.login-form-control:focus+.login-floating-label,.login-form-control:not(:placeholder-shown)+.login-floating-label,.login-form-control.has-value+.login-floating-label{transform:translateY(-2.25rem) scale(.85);left:.625rem}.login-floating-label{left:.875rem;font-size:.95rem}.login-btn-primary{padding:.75rem;font-size:.95rem}}@media(max-width:480px){.login-main-content{padding:0}.login-left{padding:1rem}.login-right{padding:1.5rem 1rem}.login-logo{font-size:2rem}.login-logo-container{margin-bottom:1.25rem}.login-right .login-powered-by-container{padding-top:1rem;margin-top:1.25rem}.login-powered-by-logo{max-width:160px}.login-welcome-text h2{font-size:1.1rem}.login-welcome-text p{font-size:.85rem}.login-features li{font-size:.8rem;margin-bottom:.5rem}.login-form-title{font-size:1.35rem}.login-form-subtitle{font-size:.8rem;margin-bottom:1.25rem}.login-form-control{padding:1.125rem .75rem .5rem;font-size:.9rem}.login-form-control-password{padding-right:2.5rem}.login-form-control:focus+.login-floating-label,.login-form-control:not(:placeholder-shown)+.login-floating-label,.login-form-control.has-value+.login-floating-label{transform:translateY(-2rem) scale(.85);left:.5rem}.login-floating-label{left:.75rem;font-size:.9rem}.login-btn-primary{padding:.625rem;font-size:.9rem}.login-stats{grid-template-columns:1fr;gap:.5rem;margin-top:1rem;padding-top:1rem}.login-stat-item{padding:.5rem}.login-left .login-stat-icon,.login-left .login-stat-number{font-size:1.25rem}.login-left .login-stat-label{font-size:.75rem}}@media(max-width:360px){.login-main-content{padding:0}.login-left{padding:.75rem}.login-right{padding:1.25rem .75rem}.login-logo{font-size:1.8rem}.login-logo-container{margin-bottom:1rem}.login-right .login-powered-by-container{padding-top:.75rem;margin-top:1rem}.login-powered-by-logo{max-width:140px}.login-form-title{font-size:1.2rem}.login-form-subtitle{font-size:.75rem}.login-form-control{padding:1rem .625rem .375rem;font-size:.85rem}.login-form-control-password{padding-right:2.25rem}.login-form-control:focus+.login-floating-label,.login-form-control:not(:placeholder-shown)+.login-floating-label,.login-form-control.has-value+.login-floating-label{transform:translateY(-1.75rem) scale(.85);left:.375rem}.login-floating-label{left:.625rem;font-size:.85rem}.login-btn-primary{padding:.5rem;font-size:.85rem}}@media(max-width:768px)and (orientation:landscape){.login-main-content{padding:0;min-height:auto}.login-container{min-height:auto}.login-left{padding:1rem}.login-right{padding:1rem 1.5rem}.login-stats{margin-top:1rem;padding-top:1rem}}@media(max-width:320px){.login-main-content{padding:0}.login-left{padding:.5rem}.login-right{padding:1rem .5rem}.login-logo{font-size:1.6rem}.login-logo-container{margin-bottom:.75rem}.login-right .login-powered-by-container{padding-top:.5rem;margin-top:.75rem}.login-powered-by-logo{max-width:120px}.login-form-title{font-size:1.1rem}.login-form-subtitle{font-size:.7rem}.login-form-control{padding:.875rem .5rem .25rem;font-size:.8rem}.login-form-control-password{padding-right:2rem}.login-form-control:focus+.login-floating-label,.login-form-control:not(:placeholder-shown)+.login-floating-label,.login-form-control.has-value+.login-floating-label{transform:translateY(-1.5rem) scale(.85);left:.25rem}.login-floating-label{left:.5rem;font-size:.8rem}.login-btn-primary{padding:.375rem;font-size:.8rem;min-height:40px}}.user-info{display:flex;align-items:center;gap:1rem;position:relative;z-index:1001}.user-profile{display:flex;align-items:center;gap:1rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.user-profile:hover{background-color:#f6f8fa}.avatar{width:32px;height:32px;border-radius:50%;background:#0366d6;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e1e4e8;border-radius:6px;box-shadow:0 8px 24px #0000001f;min-width:180px;z-index:1002;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{padding:.75rem 1rem;border-bottom:1px solid #e1e4e8;background:#f6f8fa}.dropdown-header .user-name{font-weight:600;color:#24292e;font-size:.875rem}.dropdown-header .user-role{font-size:.75rem;color:#586069;margin-top:.125rem}.dropdown-item{display:block;width:100%;padding:.75rem 1rem;text-decoration:none;color:#24292e;font-size:.875rem;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f6f8fa}.dropdown-item.logout{color:#d73a49;border-top:1px solid #e1e4e8}.dropdown-item.logout:hover{background-color:#ffeef0}.dropdown-item.report-link{color:#0366d6;border-top:1px solid #e1e4e8}.dropdown-item.report-link:hover{background-color:#f1f8ff}.dropdown-item .icon{width:16px;text-align:center}.header-brand{position:fixed;top:0;left:0;right:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;border-bottom:1px solid rgba(225,228,232,.3);z-index:1000;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.brand-logo{height:50px;max-width:350px}.header-right{display:flex;align-items:center;gap:2rem}.ai-codelabs-header{font-family:Monaco,Consolas,monospace;font-size:1.2rem;font-weight:600;color:#0366d6}.ai-codelabs-header:before{content:"<";color:#28a745}.ai-codelabs-header:after{content:">";color:#28a745}.help-link{color:#0366d6;text-decoration:none;font-size:.9rem;font-weight:500}.help-link:hover{text-decoration:underline}@media(max-width:768px){.header-brand{padding:1rem}.brand-logo{height:40px;max-width:200px}.header-right{gap:.75rem}.ai-codelabs-header{font-size:.9rem}.help-link{font-size:.8rem}}@media(max-width:480px){.header-brand{padding:.75rem}.brand-logo{height:35px;max-width:150px}.header-right{gap:.5rem}.ai-codelabs-header{font-size:.8rem}}@media(max-width:360px){.header-brand{padding:.5rem}.brand-logo{height:30px;max-width:120px}.ai-codelabs-header{font-size:.75rem}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;align-items:flex-end;pointer-events:none}.toast-container>*{pointer-events:auto}.toast{position:relative;min-width:300px;max-width:500px;border-radius:8px;box-shadow:0 4px 12px #00000026;transform:translate(100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;opacity:0}.toast-visible{transform:translate(0);opacity:1}.toast-hidden{transform:translate(100%);opacity:0}.toast-content{display:flex;align-items:center;gap:12px;padding:16px 20px;position:relative}.toast-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.toast-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.toast-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.toast-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.toast-icon{font-size:18px;flex-shrink:0;line-height:1}.toast-message{flex:1;font-size:14px;font-weight:500;line-height:1.4;word-wrap:break-word}.toast-close{background:none;border:none;font-size:20px;font-weight:700;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;flex-shrink:0;opacity:.7}.toast-close:hover{background:#0000001a;opacity:1}.toast:after{content:"";position:absolute;bottom:0;left:0;height:3px;background:#0003;border-radius:0 0 8px 8px;animation:toast-progress 5s linear forwards}@keyframes toast-progress{0%{width:100%}to{width:0%}}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px;align-items:stretch}.toast{min-width:auto;max-width:none}.toast-content{padding:12px 16px;gap:10px}.toast-message{font-size:13px}.toast-icon{font-size:16px}.toast-close{font-size:18px;width:20px;height:20px}}@media(prefers-color-scheme:dark){.toast-success{background:#0f5132;border-color:#0a3622;color:#d1e7dd}.toast-error{background:#842029;border-color:#58151c;color:#f8d7da}.toast-warning{background:#664d03;border-color:#4a3c00;color:#fff3cd}.toast-info{background:#055160;border-color:#024751;color:#d1ecf1}}.confirmation-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;overflow-y:auto;overscroll-behavior:contain;animation:overlayFadeIn .2s ease-out;isolation:isolate}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.confirmation-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;max-width:520px;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s cubic-bezier(.16,1,.3,1);position:relative;display:flex;flex-direction:column}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.confirmation-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.75rem 1.75rem 1.25rem;border-bottom:1px solid #f1f5f9;background:linear-gradient(to bottom,#fff,#fafbfc)}.confirmation-modal-header h3{margin:0;font-size:1.375rem;font-weight:600;color:#1e293b;letter-spacing:-.01em}.confirmation-modal-close{background:#f8fafc;border:1px solid #e2e8f0;font-size:1.125rem;color:#64748b;cursor:pointer;padding:.5rem;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.confirmation-modal-close:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:#475569;transform:scale(1.05)}.confirmation-modal-close:active:not(:disabled){transform:scale(.95)}.confirmation-modal-close:disabled{opacity:.5;cursor:not-allowed}.confirmation-modal-body{padding:2rem 1.75rem;text-align:center;flex:1;display:flex;flex-direction:column;align-items:center}.confirmation-modal-icon{font-size:3.5rem;margin-bottom:1.25rem;color:#3b82f6;opacity:.9;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:50%;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.confirmation-modal-message-list{width:100%;display:flex;flex-direction:column;gap:1rem}.confirmation-modal-message-item{display:flex;align-items:flex-start;gap:.875rem;text-align:left}.confirmation-message-icon{font-size:1.125rem;color:#3b82f6;margin-top:.125rem;flex-shrink:0;width:20px;text-align:center}.confirmation-modal-message{font-size:.9375rem;line-height:1.6;color:#475569;margin:0;max-width:100%;text-align:left;flex:1}.confirmation-modal-footer{display:flex;gap:.875rem;justify-content:flex-end;padding:1.25rem 1.75rem 1.75rem;border-top:1px solid #f1f5f9;background:#fafbfc;flex-shrink:0}.confirmation-modal-footer .btn{min-width:110px;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border-radius:8px;display:flex;align-items:center;gap:.5rem;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;position:relative;overflow:hidden}.confirmation-modal-footer .btn-secondary{background:#fff;color:#475569;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.confirmation-modal-footer .btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#334155;box-shadow:0 2px 4px #00000014;transform:translateY(-1px)}.confirmation-modal-footer .btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.confirmation-modal-footer .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 6px -1px #3b82f64d,0 2px 4px -1px #3b82f633}.confirmation-modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 12px -2px #3b82f666,0 4px 6px -1px #3b82f64d;transform:translateY(-1px)}.confirmation-modal-footer .btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px -1px #3b82f64d,0 1px 2px -1px #3b82f633}.confirmation-modal-footer .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.confirmation-modal-footer .btn .icon{display:flex;align-items:center;justify-content:center}@media(max-width:640px){.confirmation-modal{margin:1rem;max-width:calc(100vw - 2rem);border-radius:12px}.confirmation-modal-header{padding:1.5rem 1.25rem 1rem}.confirmation-modal-header h3{font-size:1.25rem}.confirmation-modal-body{padding:1.5rem 1.25rem}.confirmation-modal-icon{font-size:3rem;width:70px;height:70px}.confirmation-modal-message{font-size:.9375rem;line-height:1.6}.confirmation-modal-footer{flex-direction:column-reverse;padding:1.25rem;gap:.75rem}.confirmation-modal-footer .btn{width:100%;min-width:unset;padding:.875rem 1.5rem}.confirmation-modal-footer .btn-primary{order:-1}}.help-tooltip-trigger{position:relative;cursor:help}.help-tooltip{background:#fff;color:#2d3748;padding:20px 24px;border-radius:12px;font-size:14px;line-height:1.6;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;animation:tooltipFadeIn .2s ease-out;max-width:360px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;border:1px solid #e2e8f0}.help-tooltip-content{position:relative;z-index:1}.help-tooltip-arrow{position:absolute;width:0;height:0;border:8px solid transparent}.help-tooltip-arrow-top{bottom:-16px;left:50%;transform:translate(-50%);border-top-color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.help-tooltip-arrow-bottom{top:-16px;left:50%;transform:translate(-50%);border-bottom-color:#fff;filter:drop-shadow(0 -2px 4px rgba(0,0,0,.1))}.help-tooltip-arrow-left{right:-16px;top:50%;transform:translateY(-50%);border-left-color:#fff;filter:drop-shadow(2px 0 4px rgba(0,0,0,.1))}.help-tooltip-arrow-right{left:-16px;top:50%;transform:translateY(-50%);border-right-color:#fff;filter:drop-shadow(-2px 0 4px rgba(0,0,0,.1))}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.help-tooltip h4{margin:0 0 12px;font-size:16px;font-weight:700;color:#1a202c;letter-spacing:-.025em}.help-tooltip p{margin:0 0 12px;color:#4a5568;font-weight:400}.help-tooltip ul{margin:12px 0 0;padding-left:20px}.help-tooltip li{margin-bottom:8px;color:#4a5568;line-height:1.5}.help-tooltip strong{color:#2d3748;font-weight:600}.help-tooltip code{background:#f7fafc;padding:4px 8px;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#2d3748;border:1px solid #e2e8f0}.help-tooltip.concept{background:linear-gradient(135deg,#f0f4ff,#e6f3ff);border:1px solid #b3d9ff}.help-tooltip.concept .help-tooltip-arrow-top{border-top-color:#f0f4ff}.help-tooltip.concept .help-tooltip-arrow-bottom{border-bottom-color:#f0f4ff}.help-tooltip.concept .help-tooltip-arrow-left{border-left-color:#f0f4ff}.help-tooltip.concept .help-tooltip-arrow-right{border-right-color:#f0f4ff}.help-tooltip.warning{background:#fef5e7;border:1px solid #f6ad55}.help-tooltip.warning .help-tooltip-arrow-top{border-top-color:#fef5e7}.help-tooltip.warning .help-tooltip-arrow-bottom{border-bottom-color:#fef5e7}.help-tooltip.warning .help-tooltip-arrow-left{border-left-color:#fef5e7}.help-tooltip.warning .help-tooltip-arrow-right{border-right-color:#fef5e7}.help-tooltip.success{background:#f0fff4;border:1px solid #9ae6b4}.help-tooltip.success .help-tooltip-arrow-top{border-top-color:#f0fff4}.help-tooltip.success .help-tooltip-arrow-bottom{border-bottom-color:#f0fff4}.help-tooltip.success .help-tooltip-arrow-left{border-left-color:#f0fff4}.help-tooltip.success .help-tooltip-arrow-right{border-right-color:#f0fff4}@media(max-width:768px){.help-tooltip{max-width:250px;font-size:13px;padding:10px 12px}.help-tooltip h4{font-size:14px}}.setup-env-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.setup-env-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.setup-env-modal-header{padding:1.5rem 1.5rem 0;text-align:center}.setup-env-modal-header h2{margin:0 0 .5rem;color:#24292e;font-size:1.5rem;font-weight:600}.setup-env-project-name{margin:0;color:#586069;font-size:1rem;font-weight:500}.setup-env-modal-content{padding:1.5rem}.setup-env-modal-description{margin:0 0 1.5rem;color:#24292e;font-size:1rem;line-height:1.5}.setup-env-checklist{margin-bottom:1.5rem}.setup-env-checklist-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.setup-env-checklist-item:last-child{margin-bottom:0}.setup-env-checkmark{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#28a745;color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.setup-env-checklist-item span:last-child{color:#24292e;font-size:.9rem;line-height:1.4}.setup-env-modal-note{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:1rem;font-size:.9rem;line-height:1.4;color:#495057}.setup-env-modal-note strong{color:#24292e}.setup-env-modal-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e1e4e8;justify-content:flex-end}.setup-env-btn-cancel{background:#fff;color:#586069;border:1px solid #d1d5da;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.setup-env-btn-cancel:hover{background:#f6f8fa;border-color:#c6cbd1}.setup-env-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.setup-env-btn-confirm{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.setup-env-btn-confirm:hover:not(:disabled){background:#218838}.setup-env-btn-confirm:disabled{opacity:.6;cursor:not-allowed}.setup-env-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:setup-env-spin 1s linear infinite}@keyframes setup-env-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.setup-env-modal-overlay{padding:.5rem}.setup-env-modal{max-height:95vh}.setup-env-modal-actions{flex-direction:column}.setup-env-btn-cancel,.setup-env-btn-confirm{width:100%;justify-content:center}}.repository-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.repository-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow:hidden;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.repository-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.repository-modal-title{display:flex;align-items:center;gap:.75rem}.repository-modal-title i{font-size:1.25rem;color:#4f46e5}.repository-modal-title h3{font-size:1.2rem;font-weight:600;color:#24292e;margin:0}.repository-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.repository-modal-close:hover{background:#f3f4f6;color:#374151}.repository-modal-body{padding:1.5rem;max-height:calc(90vh - 80px);overflow-y:auto}.repo-field{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem}.repo-field:last-child{margin-bottom:0}.repo-field label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151;min-width:120px;font-size:.9rem}.repo-field label i{color:#6b7280;font-size:1rem}.repo-field span{flex:1;color:#111827;font-family:Courier New,monospace;font-size:.9rem;word-break:break-all}.copy-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:.5rem;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.copy-btn:hover{background:#e5e7eb;color:#374151;border-color:#9ca3af}.eye-btn{margin-left:.25rem}.repo-setup-message{text-align:center;padding:2rem 1rem}.setup-icon{font-size:3rem;color:#f59e0b;margin-bottom:1rem}.setup-text h4{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.setup-text p{color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.setup-btn{background:#4f46e5;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.setup-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.setup-error-warning{margin-top:1.5rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.error-icon{font-size:2rem;color:#ef4444;margin-bottom:.75rem;text-align:center}.error-content h4{font-size:1.1rem;font-weight:600;color:#991b1b;margin:0 0 .5rem}.error-content p{color:#7f1d1d;margin:0 0 1rem;font-size:.9rem}.error-actions{display:flex;gap:.75rem;justify-content:flex-end}.error-actions .btn{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.error-actions .btn-primary{background:#4f46e5;color:#fff;border:none}.error-actions .btn-primary:hover{background:#4338ca}.error-actions .btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.error-actions .btn-secondary:hover{background:#e5e7eb}.learner-progress-card{background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d}.learner-progress-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#586069}.learner-progress-loading i{font-size:1.25rem}.learner-progress-header{margin-bottom:1rem}.learner-progress-title{display:flex;align-items:center;gap:.5rem}.learner-progress-title i{font-size:1.25rem;color:#4f46e5}.learner-progress-title h3{font-size:1.2rem;font-weight:600;color:#24292e;margin:0}.learner-progress-content{display:flex;flex-direction:column;gap:1.5rem}.progress-stats-section{display:flex;flex-direction:column;gap:.75rem}.progress-section-title{font-size:.85rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.progress-main{background:#f9fafb;border:1px solid #e5e7eb;position:relative;overflow:hidden}.progress-bar-container{position:absolute;bottom:0;left:0;right:0;height:4px;background:#e5e7eb;overflow:hidden}.progress-bar-fill{height:100%;background:#4f46e5;transition:width .4s ease-out}.progress-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.875rem}.progress-stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;display:flex;align-items:flex-start;gap:.75rem;transition:all .2s ease;position:relative}.progress-stat-card:hover{border-color:#d1d5db;background:#f3f4f6}.progress-stat-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;flex-shrink:0;background:#6366f1}.progress-stat-icon.pending{background:#f59e0b}.progress-stat-icon.not-started{background:#6b7280}.progress-stat-icon.attempts{background:#10b981}.progress-stat-icon.score{background:#6366f1}.progress-stat-icon.score-completed{background:#10b981}.progress-stat-icon.score-high{background:#22c55e}.progress-stat-icon.score-low{background:#ef4444}.progress-stat-info{flex:1;min-width:0}.progress-stat-value{font-size:1.5rem;font-weight:600;color:#111827;line-height:1.2;margin-bottom:.125rem}.progress-stat-label{font-size:.75rem;font-weight:500;color:#374151;margin-bottom:.125rem;text-transform:uppercase;letter-spacing:.3px}.progress-stat-detail{font-size:.75rem;color:#6b7280;line-height:1.3}@media(max-width:768px){.learner-progress-card{padding:1.5rem}.progress-stats-grid{grid-template-columns:1fr}.progress-stat-card{padding:1.25rem}.progress-stat-value{font-size:1.75rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#24292e;line-height:1.5;min-height:100vh;animation:fadeIn .6s ease-out}.container{padding-top:8rem;padding-left:4rem;padding-right:4rem}.hero-section{background:#f6f8fa;border:1px solid #d0d7de;border-radius:8px;padding:2rem;margin-bottom:2rem;color:#24292e;position:relative;overflow:hidden;animation:slideInUp .8s ease-out}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;position:relative;z-index:1}.hero-title{font-size:2.2rem;font-weight:600;margin-bottom:.75rem;color:#24292e}.hero-subtitle{font-size:1.1rem;margin-bottom:1rem;color:#586069;line-height:1.6}.repo-info-link{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#4f46e5;font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem 0;transition:all .2s ease;text-decoration:none}.repo-info-link:hover{color:#4338ca;text-decoration:underline}.repo-info-link i{font-size:.85rem}.hero-stats{display:flex;gap:2rem;justify-content:space-between;width:100%;padding:0}.stat-item{text-align:center;position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem}.stat-icon{font-size:1.75rem;color:#0969da;margin-bottom:0;display:block;transition:all .3s ease}.stat-item:hover .stat-icon{color:#0550ae;transform:scale(1.05)}.stat-number{font-size:1.75rem;font-weight:700;margin-bottom:0;color:#24292e;line-height:1.2}.stat-label{font-size:.75rem;color:#586069;text-transform:uppercase;letter-spacing:.5px;font-weight:500;line-height:1.2}.hero-visual{display:flex;justify-content:right;align-items:center}.hero-card{background:#fff;border:1px solid #e1e4e8;border-radius:12px;padding:2rem 2.5rem;box-shadow:0 2px 8px #00000014;width:100%}.project-header{background:#fff;padding:2rem;border-radius:20px;border:1px solid #e1e4e8;margin-bottom:2rem;box-shadow:0 8px 32px #0000000f;position:relative;overflow:hidden;animation:slideInUp .8s ease-out .2s both;width:100%;box-sizing:border-box}.project-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4f46e5,#3730a3)}.project-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;position:relative;z-index:2}.project-header-title{display:flex;align-items:center;gap:.75rem}.project-header-title i{font-size:1.25rem;color:#4f46e5}.project-header-title h3{font-size:1.2rem;font-weight:600;color:#24292e;margin:0}.project-header-minimize-btn{background:transparent;border:none;cursor:pointer;padding:.5rem;color:#6b7280;font-size:1.25rem;transition:all .2s ease;border-radius:6px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.project-header-minimize-btn:hover{background:#e1e4e8;color:#4f46e5;transform:scale(1.1)}.project-header-minimize-btn:active{transform:scale(.95)}.project-header-content{position:relative;z-index:1;transition:max-height .3s ease-out,opacity .3s ease-out;overflow:hidden}.project-header-content-hidden{max-height:0;opacity:0;margin-bottom:0}.project-info{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.project-icon{font-size:3rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}.project-text{flex:1}.project-title{font-size:2rem;font-weight:700;margin-bottom:.75rem;color:#24292e;background:linear-gradient(135deg,#24292e,#586069);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-description{color:#586069;font-size:1.1rem;line-height:1.6}.repo-section{transition:all .3s ease}.repo-section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-radius:8px 8px 0 0;border-bottom:2px solid #e1e4e8;margin-bottom:0}.repo-section-header-content{display:flex;align-items:center;gap:.75rem;flex:1}.repo-section-header i{font-size:1.25rem;color:#4f46e5}.repo-section-header h3{font-size:1.1rem;font-weight:600;color:#24292e;margin:0}.repo-minimize-btn{background:transparent;border:none;cursor:pointer;padding:.5rem;color:#6b7280;font-size:1.25rem;transition:all .2s ease;border-radius:6px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.repo-minimize-btn:hover{background:#e1e4e8;color:#4f46e5;transform:scale(1.1)}.repo-minimize-btn:active{transform:scale(.95)}.repo-info{display:flex;flex-direction:column;gap:1rem;font-family:Monaco,Consolas,monospace;font-size:.875rem}.repo-field{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f6f8fa;border:1px solid #e1e4e8;border-radius:8px;position:relative}.repo-field label{font-weight:600;color:#24292e;min-width:100px;display:flex;align-items:center;gap:.5rem}.repo-field label i{color:#4f46e5;font-size:.875rem}.repo-field span{flex:1}.copy-btn{background:none;border:none;color:#586069;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;position:relative;font-size:1rem}.copy-btn:hover{background:#e1e4e8;color:#24292e;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.copy-btn.eye-btn{margin-left:.25rem}.copy-btn.eye-btn:hover{background:#f1f8ff;color:#4f46e5}.copy-btn:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#24292e;color:#fff;padding:.5rem .75rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;margin-bottom:.5rem}.copy-btn:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#24292e;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;margin-bottom:.25rem}.copy-btn:hover:after,.copy-btn:hover:before{opacity:1;visibility:visible}.modules-container{display:grid;gap:2rem;margin-top:3rem;padding-top:3rem;border-top:1px solid #e1e4e8}.modules-header{margin-bottom:2rem;text-align:center}.modules-header h2{font-size:2rem;font-weight:700;color:#24292e;margin:0;display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#24292e,#586069);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.module{background:#fff;border:1px solid #e1e4e8;border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 10px #0000000d;position:relative;animation:slideInUp .8s ease-out both}.module:nth-child(1){animation-delay:.6s}.module:nth-child(2){animation-delay:.7s}.module:nth-child(3){animation-delay:.8s}.module:nth-child(4){animation-delay:.9s}.module:nth-child(5){animation-delay:1s}.module:nth-child(6){animation-delay:1.1s}.module:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4f46e5,#3730a3);transform:scaleX(0);transition:transform .3s ease}.module:hover:before{transform:scaleX(1)}.module:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.module-header{padding:2.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e1e4e8;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease;position:relative}.module-header:hover{background:linear-gradient(135deg,#f1f3f4,#e2e6ea)}.module-header-left{flex:1;display:flex;align-items:center;gap:1rem}.expand-icon{width:18px;height:18px;transition:all .3s ease;color:#586069;font-weight:700;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;padding:2px;box-shadow:0 2px 4px #0000001a;cursor:pointer}.expand-icon:hover{background:#f8f9fa;color:#24292e;transform:scale(1.1);box-shadow:0 3px 6px #00000026}.module.collapsed .expand-icon{transform:rotate(0)}.module:not(.collapsed) .expand-icon{transform:rotate(0)}.module-title{font-size:1.4rem;font-weight:700;color:#1a202c;margin-bottom:.25rem}.module-description{color:#718096;font-size:.95rem;font-weight:400;line-height:1.4}.module-title-container{display:flex;flex-direction:column;align-items:flex-start}.module-meta{display:flex;align-items:center;gap:2rem;font-size:.875rem;color:#586069}.module-progress{display:flex;align-items:center;gap:.5rem}.progress-bar{width:120px;height:6px;background:#e1e4e8;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#28a745;transition:width .3s ease}.module-content{transition:all .3s ease;overflow:hidden}.module.collapsed .module-content{max-height:0}.module-info{padding:1.5rem 2rem;background:#fafbfc;border-bottom:1px solid #e1e4e8}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-item h5{font-size:.75rem;font-weight:600;color:#24292e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.info-item h5 i{font-size:.875rem;color:#4f46e5}.info-item p{color:#586069;font-size:.875rem}.tech-tag{background:#e1f5fe;color:#01579b;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.resources{display:flex;flex-wrap:wrap;gap:.75rem}.resource-link{color:#4f46e5;text-decoration:none;font-size:.875rem;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease}.resource-link:hover{background:#f1f8ff}.tasks{padding:1rem;background:#f8f9fa}.task{border-bottom:1px solid #e1e4e8;padding:2rem;transition:background-color .2s ease;background:#fefefe;margin:.5rem;border-radius:8px;border:1px solid #f1f3f4}.task:hover{background:#f8f9fa;border-color:#e1e4e8;box-shadow:0 2px 8px #0000000d}.task:last-child{border-bottom:none}.deadline-submit-section{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:6px;margin-top:1rem}.deadline-banner{display:flex;align-items:center;gap:.5rem;background:#e3f2fd;color:#1976d2;padding:.5rem 1rem;border-radius:4px;font-weight:500}.deadline-icon{font-size:1.2rem}.deadline-text{font-size:.9rem}.deadline-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.deadline-info span:first-child{font-size:.875rem;color:#586069}.deadline-info span:last-child{font-size:.8rem;font-weight:500}.submission-ended,.submission-failed{color:#dc3545!important}.submit-section{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.submit-button{min-width:120px;padding:.75rem 1.5rem;font-weight:600}.submit-button:disabled{background:#6c757d;color:#fff;cursor:not-allowed;opacity:.6}.submit-button:disabled:hover{background:#6c757d}.submit-section span:first-child{font-size:.875rem;color:#586069}.submit-section span:last-child{font-size:.8rem;font-weight:500;color:#fff}.action-buttons{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.action-buttons .btn{min-width:140px;justify-content:center}.btn-warning{background:#ffc107;color:#212529;border:1px solid #ffc107}.btn-warning:hover{background:#e0a800;border-color:#d39e00}.btn-warning:disabled{background:#ffc107;opacity:.65}@media(max-width:768px){.deadline-submit-section{flex-direction:column;align-items:stretch;gap:1rem}.deadline-info,.submit-section{align-items:center;text-align:center}}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.task-info{flex:1;margin-right:2rem;width:100%;min-width:0}.task-title{font-size:1.05rem;font-weight:600;color:#24292e;margin-bottom:.5rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all}.task-description{color:#586069;margin-bottom:1rem;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.task-meta{display:grid;grid-template-columns:3fr .75fr .75fr 2.5fr;gap:2rem;margin-bottom:1.5rem;padding:1.5rem 2rem;background:#f8f9fa;border-radius:0;max-width:calc(100% + 4rem);box-sizing:border-box}.task-meta-item{display:flex;flex-direction:column;min-width:0;flex:1;gap:.625rem;padding:0}.task-meta-item:first-child{flex:2;min-width:250px;width:100%;padding:0;margin:0;border-radius:6px;background:#f8f9fa}.task-meta-item h6{font-size:.6875rem;font-weight:700;color:#586069;text-transform:uppercase;letter-spacing:.8px;margin:0;line-height:1.4}.task-meta-item p{color:#24292e;font-size:.9375rem;font-weight:400;word-wrap:break-word;overflow-wrap:break-word;margin:0;line-height:1.6;min-height:1.5em}.task-meta-item p:empty:before{content:"—";color:#adb5bd;font-style:italic}.task-status{display:flex;align-items:center;gap:1rem;flex-shrink:0}.task-status-badge{padding:.375rem .75rem;border-radius:15px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.task-status-completed{background:#d4edda;color:#155724}.status-failed{background:#f8d7da;color:#721c24}.status-pending{background:#fff3cd;color:#856404}.status-available{background:#d1ecf1;color:#0c5460}.status-locked{background:#f8f9fa;color:#6c757d}.status-expired{background:#f5c6cb;color:#721c24}.actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn{padding:.5rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover:not(:disabled){background:#0256cc}.btn-secondary{background:#fff;color:#24292e;border:1px solid #e1e4e8}.btn-secondary:hover:not(:disabled){background:#f6f8fa;border-color:#d0d7de}.btn:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;gap:.75rem;margin-top:1rem;padding:1rem;background:#f8f9fa;border-top:1px solid #e1e4e8}.actions .btn{background:#fff;color:#24292e;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;min-width:120px;justify-content:center;text-decoration:none;cursor:pointer}.actions .btn:hover:not(:disabled){background:#f6f8fa;border-color:#d0d7de;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a;text-decoration:none;color:#24292e}.actions .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.actions .btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000001a}.actions .btn i{font-size:.875rem}.attempts-info{font-size:.8rem;color:#586069;margin-top:1rem;padding:.75rem;background:#f8f9fa;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#586069}.error{display:flex;align-items:center;justify-content:center;min-height:200px;color:#d73a49;flex-direction:column;gap:1rem}.loading-tasks{display:flex;align-items:center;justify-content:center;padding:2rem;color:#586069;font-style:italic}.score{font-weight:600;color:#28a745}.search-container{display:none;margin-bottom:2rem}.search-bar{background:#fff;border:1px solid #e1e4e8;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden;animation:slideInUp .8s ease-out .4s both}.search-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:#586069;font-size:1.1rem;z-index:1}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #d0d7de;border-radius:6px;font-size:1rem;background:#fafbfc;transition:all .2s ease}.search-input:focus{outline:none;border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #0366d61a}.clear-search-btn{position:absolute;right:1rem;background:none;border:none;color:#586069;cursor:pointer;padding:.25rem;border-radius:3px;font-size:1rem;transition:all .2s ease}.clear-search-btn:hover{background:#e1e4e8;color:#24292e}.search-results-info{margin-top:.75rem;font-size:.875rem;color:#586069;font-weight:500}.search-highlight{background:#fff3cd;color:#856404;padding:.125rem .25rem;border-radius:3px;font-weight:600}.no-results{text-align:center;padding:3rem 2rem;background:#fff;border:1px solid #e1e4e8;border-radius:8px}.no-results-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-results h3{color:#24292e;margin-bottom:.5rem;font-size:1.25rem}.no-results p{color:#586069;margin-bottom:1.5rem;line-height:1.5}@media(max-width:768px){.container{padding-left:1rem;padding-right:1rem}.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-title{font-size:2rem}.hero-stats{justify-content:center;flex-wrap:wrap;gap:1rem}.project-header-top{padding:1.25rem 1.5rem}.project-header-title h3,.project-header-title i{font-size:1.1rem}.project-header-minimize-btn{width:32px;height:32px;font-size:1.1rem}.project-header-content{padding:1.5rem}.project-info{flex-direction:column;text-align:center;gap:1rem}.repo-section-header{padding:.875rem 1rem}.repo-section-header h3{font-size:1rem}.repo-section-header i{font-size:1.1rem}.repo-minimize-btn{width:32px;height:32px;font-size:1.1rem}.repo-info{grid-template-columns:1fr;padding:.875rem}.task-header{flex-direction:column;align-items:flex-start;gap:1rem}.task-meta{grid-template-columns:1fr 1fr;gap:1.5rem;margin-left:-1rem;margin-right:-1rem;padding:1.25rem 1rem;width:calc(100% + 2rem);max-width:calc(100% + 2rem)}.task-meta-item:first-child{grid-column:1 / -1}.task-meta-item{padding:0}.task-meta-item h6{font-size:.625rem;letter-spacing:.6px}.task-meta-item p{font-size:.875rem}.task-header{flex-direction:column;gap:1rem}.task-info{margin-right:0}.task-status{align-self:flex-start}.modules-header h2{font-size:1.5rem}.module-header{padding:1.5rem}.module-header-left{flex-direction:column;align-items:flex-start;gap:.75rem}}.home-repo-setup-message{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:1rem}.home-setup-icon{font-size:2rem;flex-shrink:0}.home-setup-text{flex:1}.home-setup-text h4{margin:0 0 .5rem;color:#856404;font-size:1.1rem;font-weight:600}.home-setup-text p{margin:0;color:#856404;font-size:.9rem;line-height:1.4}.home-setup-btn{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s;flex-shrink:0}.home-setup-btn:hover{background:#218838}.home-setup-btn:active{transform:translateY(1px)}.setup-error-warning{margin-top:1.5rem}.setup-error-warning{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#ffebee;border:1px solid #f8bbd9;border-radius:6px;margin-bottom:1rem}.home-setup-error-warning .home-error-icon{font-size:1.5rem;flex-shrink:0;margin-top:.125rem}.home-setup-error-warning .home-error-content{flex:1}.home-setup-error-warning .home-error-content h4{margin:0 0 .5rem;color:#d32f2f;font-size:1.1rem;font-weight:600}.home-setup-error-warning .home-error-content p{margin:0 0 1rem;color:#d32f2f;font-size:.9rem;line-height:1.4}.setup-error-warning .error-actions{display:flex;gap:.75rem}.setup-error-warning .btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500}.home-branch-status-warning{margin-top:1.5rem}.home-branch-status-loading{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f6f8fa;border:1px solid #e1e4e8;border-radius:6px;color:#586069;font-size:.9rem}.home-branch-status-loading .home-loading-spinner{font-size:1.2rem}.home-branch-status-alert{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#fff5f5;border:1px solid #fdbdbd;border-radius:6px;margin-bottom:1rem}.home-branch-status-alert .home-alert-icon{font-size:1.5rem;flex-shrink:0;margin-top:.125rem}.home-branch-status-alert .home-alert-content{flex:1}.home-branch-status-alert .home-alert-content h4{margin:0 0 .5rem;color:#d73a49;font-size:1.1rem;font-weight:600}.home-branch-status-alert .home-alert-content p{margin:0 0 1rem;color:#d73a49;font-size:.9rem;line-height:1.4}.home-branch-status-alert .home-alert-actions{display:flex;gap:.75rem}.home-branch-status-alert .home-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500}.home-branch-status-success{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#f0f9ff;border:1px solid #b3d9ff;border-radius:6px;margin-bottom:1rem}.home-branch-status-success .home-success-icon{font-size:1.5rem;flex-shrink:0;margin-top:.125rem}.home-branch-status-success .home-success-content{flex:1}.home-branch-status-success .home-success-content h4{margin:0 0 .5rem;color:#4f46e5;font-size:1.1rem;font-weight:600}.home-branch-status-success .home-success-content p{margin:0;color:#4f46e5;font-size:.9rem;line-height:1.4}@media(max-width:768px){.home-branch-status-alert,.home-branch-status-success,.home-setup-error-warning{flex-direction:column;gap:.75rem}.home-branch-status-alert .home-alert-actions,.home-setup-error-warning .home-error-actions{flex-direction:column}.home-branch-status-alert .home-btn,.home-setup-error-warning .home-btn{width:100%}}.programs-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#24292e;line-height:1.5;min-height:100vh;animation:fadeIn .6s ease-out}.programs-page .container{padding:7rem 4rem 2rem;max-width:1600px;margin:0 auto}.programs-header{text-align:center;margin-bottom:1.5rem;animation:slideInUp .8s ease-out;max-width:800px;margin-left:auto;margin-right:auto}.programs-title-wrapper{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem}.programs-title-icon{font-size:2rem;color:#4f46e5;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.programs-title{font-size:2rem;font-weight:600;margin:0;color:#24292e}.programs-header-separator{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem;max-width:400px;margin-left:auto;margin-right:auto}.separator-line{flex:1;height:2px;background:linear-gradient(90deg,transparent,#4f46e5,transparent);border-radius:2px}.separator-dot{font-size:.5rem;color:#4f46e5;animation:pulse 2s ease-in-out infinite}.programs-subtitle{font-size:1rem;color:#586069;margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.subtitle-icon{font-size:1rem;color:#4f46e5;opacity:.7}.section-separator{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.section-separator .separator-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#d0d7de,transparent);border-radius:1px}.section-separator .separator-icon{font-size:1.25rem;color:#d0d7de;opacity:.6}.programs-grid{display:grid;gap:1.5rem;animation:fadeIn 1s ease-out;width:100%;margin:0 auto}.programs-grid-1{grid-template-columns:1fr;max-width:600px;margin:0 auto}.programs-grid-2{grid-template-columns:repeat(2,1fr);width:100%}.programs-grid-3{grid-template-columns:repeat(3,1fr);width:100%}.programs-grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);width:100%}.programs-grid-5,.programs-grid-6,.programs-grid-7,.programs-grid-8,.programs-grid-9{grid-template-columns:repeat(3,1fr);width:100%}.programs-grid-10,.programs-grid-11,.programs-grid-12{grid-template-columns:repeat(4,1fr);width:100%}.programs-grid[class*=programs-grid-]:not(.programs-grid-1):not(.programs-grid-2):not(.programs-grid-3):not(.programs-grid-4){grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.program-card{background:#fff;border:1px solid #d0d7de;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000001a}.program-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026;border-color:#4f46e5}.program-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.program-status-badges{display:flex;gap:.5rem;flex-shrink:0}.program-card-title{font-size:1.25rem;font-weight:600;color:#24292e;margin:0;flex:1}.program-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.program-status.inactive{background:#f1f3f5;color:#868e96}.program-status-section{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#f8f9fa;border-radius:8px;margin-bottom:1rem;border:1px solid #e1e4e8}.status-item{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.status-item i{font-size:1rem;width:20px;text-align:center}.status-item i.status-completed{color:#28a745}.status-item i.status-pending{color:#ffc107}.status-item .status-completed{color:#28a745;font-weight:500}.status-item .status-pending{color:#6c757d}.status-loading{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.85rem}.status-loading i{color:#4f46e5}.program-description{color:#586069;font-size:.9rem;line-height:1.5;margin-bottom:1rem;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.program-details{margin-bottom:1rem}.program-tech{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.program-tech i{color:#4f46e5;font-size:1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#f1f3f5;color:#24292e;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.program-meta{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;color:#586069;font-size:.9rem}.meta-item i{color:#4f46e5;font-size:.9rem}.difficulty-badge{font-weight:600;font-size:.85rem}.program-dates{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid #e1e4e8}.date-item{display:flex;align-items:center;gap:.5rem;color:#586069;font-size:.85rem}.date-item i{color:#4f46e5;font-size:.85rem;width:16px}.program-card-footer{margin-top:auto;padding-top:.75rem}.program-view-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.program-view-btn:hover{background:#4338ca;transform:translate(2px)}.program-view-btn i{transition:transform .2s ease}.program-card:hover .program-view-btn i{transform:translate(4px)}.no-programs{text-align:center;padding:4rem 2rem;background:#fff;border:1px solid #d0d7de;border-radius:12px}.no-programs-icon{font-size:4rem;color:#d0d7de;margin-bottom:1.5rem}.no-programs h3{font-size:1.5rem;color:#24292e;margin-bottom:.75rem}.no-programs p{color:#586069;font-size:1rem;margin:0}.loading,.error{text-align:center;padding:4rem 2rem;background:#fff;border:1px solid #d0d7de;border-radius:12px}.loading div,.error div{font-size:1.1rem;color:#586069;margin-bottom:1rem}.error .btn{margin-top:1rem}@media(max-width:1200px){.programs-grid-3,.programs-grid-5,.programs-grid-6,.programs-grid-7,.programs-grid-8,.programs-grid-9,.programs-grid-4{grid-template-columns:repeat(2,1fr)}.programs-grid-10,.programs-grid-11,.programs-grid-12{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.programs-page .container{padding:6.5rem 1rem 2rem}.programs-grid-1{max-width:100%}.programs-grid-2,.programs-grid-3,.programs-grid-4,.programs-grid-5,.programs-grid-6,.programs-grid-7,.programs-grid-8,.programs-grid-9,.programs-grid-10,.programs-grid-11,.programs-grid-12{grid-template-columns:1fr}.programs-title{font-size:1.75rem}.programs-subtitle{font-size:.95rem}.programs-grid{grid-template-columns:1fr;gap:1.5rem}.program-card{padding:1.5rem}.program-card-title{font-size:1.25rem}.program-meta{flex-direction:column;gap:.75rem}.program-status-section{padding:.75rem}.status-item{font-size:.85rem}}@media(max-width:480px){.programs-page .container{padding-left:.75rem;padding-right:.75rem}.programs-title{font-size:1.5rem}.program-card{padding:1rem}.program-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.program-status-badges{align-self:flex-start}}.admin-page{min-height:100vh;background-color:#f6f8fa}.admin-split-container{display:flex;height:calc(100vh - 60px);overflow:hidden;margin-top:100px}.admin-left-pane{width:350px;background:#fff;border-right:1px solid #d0d7de;display:flex;flex-direction:column;overflow:hidden}.admin-pane-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e1e4e8;background:#f6f8fa}.admin-search-container{position:relative;padding:1rem 1.5rem;border-bottom:1px solid #e1e4e8;background:#fff}.admin-search-icon{position:absolute;left:2rem;top:50%;transform:translateY(-50%);color:#586069;font-size:.875rem;pointer-events:none}.admin-search-input{width:100%;padding:.625rem 2.5rem;border:1px solid #d0d7de;border-radius:6px;font-size:.875rem;transition:all .2s ease;background:#f6f8fa}.admin-search-input:focus{outline:none;border-color:#0969da;background:#fff;box-shadow:0 0 0 3px #0969da1a}.admin-search-input:focus-visible{outline:2px solid #0969da;outline-offset:2px}.admin-search-clear{position:absolute;right:2rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#586069;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.admin-search-clear:hover{background:#e1e4e8;color:#24292e}.admin-search-clear:focus{outline:2px solid #0969da;outline-offset:2px}.admin-search-clear:focus:not(:focus-visible){outline:none}.admin-search-empty{padding:2rem;text-align:center;color:#586069}.admin-search-empty i{font-size:2rem;margin-bottom:.75rem;opacity:.5}.admin-search-empty p{margin:.5rem 0 1rem}.admin-pane-title{font-size:1.25rem;font-weight:600;color:#24292e;margin:0}.admin-count-badge{background:#0969da;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.admin-programs-list{flex:1;overflow-y:auto;padding:1rem}.admin-program-item{border:1px solid #d0d7de;border-radius:8px;padding:1.25rem;margin-bottom:.75rem;cursor:pointer;transition:all .2s ease;background:#fff}.admin-program-item:hover{border-color:#0969da;box-shadow:0 2px 8px #00000014}.admin-program-item.active{border-color:#0969da;background:#f0f8ff;box-shadow:0 2px 8px #0969da26}.admin-program-item:focus{outline:2px solid #0969da;outline-offset:2px}.admin-program-item:focus:not(:focus-visible){outline:none}.admin-program-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.admin-program-item-name{font-size:1rem;font-weight:600;color:#24292e;margin:0;flex:1}.admin-program-item-details{display:flex;gap:1.5rem;font-size:.875rem;color:#586069}.admin-program-item-details span{display:flex;align-items:center;gap:.5rem}.admin-program-item-details i{color:#0969da}.admin-right-pane{flex:1;overflow-y:auto;padding:2rem;background:#f6f8fa}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.admin-stat-card{background:#fff;border:1px solid #d0d7de;border-radius:8px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease;cursor:default}.admin-stat-card:hover{border-color:#0969da;box-shadow:0 2px 8px #0969da1a;transform:translateY(-2px)}.admin-stat-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.admin-stat-content{flex:1;min-width:0}.admin-stat-value{font-size:1.5rem;font-weight:700;color:#24292e;line-height:1.2;margin-bottom:.25rem}.admin-stat-label{font-size:.75rem;color:#586069;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.admin-detail-header{background:#fff;border:1px solid #d0d7de;border-radius:8px;padding:2rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:flex-start}.admin-detail-title{font-size:1.75rem;font-weight:600;color:#24292e;margin:0 0 .5rem}.admin-detail-description{font-size:1rem;color:#586069;margin:0;line-height:1.5}.admin-badge-large{padding:.5rem 1rem;border-radius:16px;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.admin-badge-large.active{background:#ddf4ff;color:#0969da}.admin-badge-large.inactive{background:#ffe5e5;color:#a1260d}.admin-detail-section{background:#fff;border:1px solid #d0d7de;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.admin-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.admin-detail-section-grid{margin-bottom:0}.admin-vms-horizontal{display:flex;gap:1.5rem;flex-wrap:wrap}.admin-vm-card-horizontal{border:1px solid #d0d7de;border-radius:6px;padding:1.5rem;background:#fff;flex:1;min-width:300px;max-width:400px}.admin-section-title{font-size:1.125rem;font-weight:600;color:#24292e;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid #e1e4e8;display:flex;align-items:center;gap:.5rem}.admin-section-title i{color:#0969da;font-size:1rem}.admin-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.admin-info-item{display:flex;flex-direction:column;gap:.5rem}.admin-info-label{font-size:.875rem;color:#586069;display:flex;align-items:center;gap:.5rem}.admin-info-label i{color:#0969da}.admin-info-value{font-size:1.125rem;font-weight:600;color:#24292e}.admin-tasks-list,.admin-vms-list{display:flex;flex-direction:column;gap:1rem}.admin-task-card{border:1px solid #d0d7de;border-radius:6px;padding:1.5rem;background:#fff;transition:all .2s ease}.admin-task-card:hover{border-color:#0969da;box-shadow:0 2px 8px #00000014}.admin-task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.admin-task-name{font-size:1rem;font-weight:600;color:#24292e;margin:0 0 .25rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all}.admin-task-description{font-size:.9rem;color:#586069;margin:0 0 .75rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.admin-task-details{display:flex;gap:1.5rem;font-size:.875rem;color:#586069}.admin-task-details span{display:flex;align-items:center;gap:.5rem}.admin-task-details i{color:#0969da}.admin-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.admin-badge.active{background:#ddf4ff;color:#0969da}.admin-badge.inactive{background:#ffe5e5;color:#a1260d}.admin-badge.warning{background:#fff3cd;color:#856404}.admin-no-selection,.admin-loading,.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center}.admin-no-selection{color:#586069}.admin-no-selection i{font-size:3rem;margin-bottom:1rem;opacity:.5}.admin-no-selection h3{font-size:1.25rem;font-weight:600;color:#24292e;margin:.5rem 0}.admin-empty-hint{margin-top:.75rem;padding:.75rem;background:#f6f8fa;border-radius:6px;border:1px solid #e1e4e8;font-size:.875rem;color:#586069;display:flex;align-items:flex-start;gap:.5rem}.admin-empty-hint i{color:#0969da;font-size:.875rem;margin-top:.125rem;flex-shrink:0}.admin-empty-hint p{margin:0;line-height:1.5}.admin-loading i{font-size:3rem;color:#586069;margin-bottom:1rem}.admin-error i{font-size:3rem;color:#cb2431;margin-bottom:1rem}.admin-error h3{font-size:1.5rem;font-weight:600;color:#24292e;margin:0 0 .75rem}.admin-error p{color:#586069;margin-bottom:1.5rem;font-size:1rem;line-height:1.5;max-width:600px}.admin-error-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.admin-error-actions .admin-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem}.admin-error-help{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:8px;padding:1.5rem;max-width:600px;text-align:left;margin:0 auto}.admin-error-help p{margin:0 0 .75rem;font-weight:600;color:#24292e}.admin-error-help ul{margin:0;padding-left:1.5rem;color:#586069}.admin-error-help li{margin-bottom:.5rem;line-height:1.5}.admin-error-help li:last-child{margin-bottom:0}.admin-no-tasks{text-align:center;padding:3rem;color:#586069}.admin-no-tasks i{font-size:3rem;margin-bottom:1rem;opacity:.5}.admin-vm-details{display:flex;flex-direction:column;gap:1rem}.admin-vm-field{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f6f8fa;border-radius:6px;font-size:.875rem}.admin-vm-label{display:flex;align-items:center;gap:.5rem;color:#586069;font-weight:500}.admin-vm-label i{color:#0969da;width:16px}.admin-vm-value{color:#24292e;font-weight:500}.admin-vm-token-container{display:flex;align-items:center;gap:.5rem}.admin-eye-btn{background:transparent;border:none;color:#586069;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.admin-eye-btn:hover{background:#e1e4e8;color:#24292e}.admin-eye-btn:active{transform:scale(.95)}.admin-task-header.clickable{cursor:pointer;transition:background-color .2s ease}.admin-task-header.clickable:hover{background:#f6f8fa;border-radius:6px;padding:.5rem;margin:-.5rem}.admin-view-icon{margin-left:.5rem;font-size:.875rem;color:#0969da}.admin-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.admin-modal-content{background:#fff;border-radius:12px;width:90%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.admin-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;border-bottom:1px solid #e1e4e8;background:#f6f8fa;border-radius:12px 12px 0 0}.admin-modal-title{font-size:1.5rem;font-weight:600;color:#24292e;margin:0 0 .5rem}.admin-modal-subtitle{font-size:.875rem;color:#586069;margin:0}.admin-modal-close{background:transparent;border:none;color:#586069;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;font-size:1.25rem}.admin-modal-close:hover{background:#e1e4e8;color:#24292e}.admin-modal-body{flex:1;overflow-y:auto;padding:2rem}.admin-modal-submissions-list{display:flex;flex-direction:column;gap:1.5rem}.admin-modal-submission-card{border:1px solid #d0d7de;border-radius:6px;padding:1.5rem;background:#fff}.admin-back-button{background:transparent;border:none;color:#586069;cursor:pointer;padding:.5rem;margin-right:.75rem;border-radius:6px;transition:all .2s ease;font-size:1.125rem;display:inline-flex;align-items:center;justify-content:center}.admin-back-button:hover{background:#e1e4e8;color:#24292e}.admin-modal-title{display:flex;align-items:center}.admin-user-list{display:flex;flex-direction:column;gap:.75rem}.admin-user-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border:1px solid #d0d7de;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.admin-user-item:hover{border-color:#0969da;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.admin-user-info{display:flex;align-items:center;gap:1rem;flex:1}.admin-user-avatar{width:48px;height:48px;border-radius:50%;background:#0969da;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.admin-user-details{flex:1}.admin-user-name{font-size:1rem;font-weight:600;color:#24292e;margin:0 0 .25rem}.admin-user-email{font-size:.875rem;color:#586069;margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem}.admin-user-meta{font-size:.875rem;color:#586069;margin:0}.admin-user-action{display:flex;align-items:center;gap:1rem}.admin-chevron{color:#586069;font-size:1rem}.admin-submission-details{display:flex;flex-direction:column;gap:1.5rem}.admin-vm-view-runners{background:#0969da;color:#fff;border:none;border-radius:6px;padding:.375rem .75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.admin-vm-view-runners:hover{background:#0860ca;transform:translateY(-1px)}.admin-vm-view-runners:active{transform:translateY(0)}.admin-vm-view-runners i{font-size:.875rem}.admin-runners-list{display:flex;flex-direction:column;gap:1rem}.admin-runner-card{border:1px solid #d0d7de;border-radius:8px;padding:1.5rem;background:#fff;transition:all .2s ease}.admin-runner-card:hover{border-color:#0969da;box-shadow:0 2px 8px #00000014}.admin-runner-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e1e4e8}.admin-runner-title-section{flex:1}.admin-runner-name{font-size:1.25rem;font-weight:600;color:#24292e;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.admin-runner-name i{color:#0969da}.admin-runner-id{font-size:.875rem;color:#586069;margin:0}.admin-runner-status-section{display:flex;gap:.5rem;flex-wrap:wrap}.admin-runner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.admin-runner-grid-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f6f8fa;border-radius:6px;border:1px solid #e1e4e8;transition:all .2s ease}.admin-runner-grid-item:hover{border-color:#0969da;box-shadow:0 2px 8px #0969da1a}.admin-runner-grid-item:has(.admin-runner-tags){grid-column:1 / -1}.admin-runner-grid-label{font-size:.75rem;font-weight:600;color:#586069;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.admin-runner-grid-label i{color:#0969da}.admin-runner-grid-value{font-size:1rem;font-weight:600;color:#24292e;word-break:break-word}.admin-runner-grid-value.admin-revision{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:#586069}.admin-runner-info{font-size:.875rem;color:#586069;margin:0 0 .25rem;display:flex;flex-wrap:wrap;gap:.75rem}.admin-runner-info i{margin-right:.25rem}.admin-runner-meta{font-size:.875rem;color:#586069;margin:0;display:flex;align-items:center;gap:.25rem}.admin-runner-details{margin-top:1rem;padding-top:1rem;border-top:1px solid #e1e4e8}.admin-runner-section{margin-bottom:.75rem;font-size:.875rem;color:#24292e}.admin-runner-section:last-child{margin-bottom:0}.admin-runner-section strong{color:#0969da;margin-right:.5rem}.admin-runner-tags{display:flex;flex-wrap:wrap;gap:.5rem}.admin-tag{background:#0969da;color:#fff;padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;box-shadow:0 1px 3px #0969da33}.admin-submission-card{border:1px solid #d0d7de;border-radius:6px;padding:1.5rem;background:#f6f8fa}.admin-submission-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.admin-submission-title{font-size:1rem;font-weight:600;color:#24292e;margin:0 0 .25rem}.admin-submission-info{font-size:.875rem;color:#586069;margin:0}.admin-submission-subtitle{font-size:.95rem;font-weight:600;color:#24292e;margin:1.25rem 0 .75rem;display:flex;align-items:center;gap:.5rem}.admin-submission-pipelines{margin-top:1rem}.admin-pipeline-card{border:1px solid #d0d7de;border-radius:6px;padding:1rem;background:#fff;margin-bottom:.75rem}.admin-pipeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.admin-pipeline-id{font-size:.875rem;color:#0969da;font-weight:500}.admin-pipeline-details{display:flex;gap:1rem;font-size:.875rem;color:#586069;margin-bottom:.75rem}.admin-pipeline-details span{display:flex;align-items:center;gap:.5rem}.admin-pipeline-details i{color:#0969da}.admin-reports-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.admin-report-item{border:1px solid #d0d7de;border-radius:4px;padding:.75rem;background:#f6f8fa}.admin-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.admin-report-type{font-size:.875rem;font-weight:500;color:#24292e}.admin-report-data{margin-top:.5rem}.admin-json-viewer-small{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.4;color:#24292e;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto;max-height:200px;overflow-y:auto;background:#fff;padding:.5rem;border-radius:4px;border:1px solid #d0d7de}.admin-submission-ai-review{margin-top:1rem;padding-top:1rem;border-top:1px solid #d0d7de}.admin-ai-review-card{border:1px solid #d0d7de;border-radius:6px;padding:1rem;background:#fff}.admin-ai-info{background:#f6f8fa;border-radius:6px;padding:1rem;border:1px solid #d0d7de}.admin-json-viewer{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;color:#24292e;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto}.admin-btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;border:1px solid #d0d7de;background:#fff;color:#24292e;cursor:pointer;transition:all .2s ease}.admin-btn-primary{background:#0969da;color:#fff;border-color:#0969da}.admin-btn-primary:hover{background:#0860ca;border-color:#0860ca}.admin-btn-secondary{background:#f6f8fa;color:#24292e;border-color:#d0d7de}.admin-btn-secondary:hover{background:#e1e4e8;border-color:#d0d7de}@media(max-width:1024px){.admin-split-container{flex-direction:column}.admin-left-pane{width:100%;height:200px;border-right:none;border-bottom:1px solid #d0d7de}.admin-right-pane{height:calc(100vh - 280px)}.admin-programs-list{display:flex;overflow-x:auto;padding:1rem}.admin-program-item{min-width:280px;margin-right:1rem;margin-bottom:0}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.admin-settings-container{display:flex;flex-direction:column;gap:1.5rem}.admin-setting-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:#fff;border:1px solid #d0d7de;border-radius:8px;transition:all .2s ease}.admin-setting-item:hover{border-color:#0969da;box-shadow:0 2px 8px #00000014}.admin-setting-info{flex:1;margin-right:1.5rem}.admin-setting-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.admin-setting-name{font-size:1rem;font-weight:600;color:#24292e;margin:0;display:flex;align-items:center;gap:.5rem}.admin-setting-name i,.admin-setting-spinner{color:#0969da;font-size:.875rem}.admin-setting-description{font-size:.875rem;color:#586069;margin:0;line-height:1.5}.admin-toggle-switch{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0}.admin-toggle-switch input{opacity:0;width:0;height:0}.admin-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#d0d7de;transition:.3s;border-radius:26px}.admin-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.admin-toggle-switch input:checked+.admin-toggle-slider{background-color:#0969da}.admin-toggle-switch input:checked+.admin-toggle-slider:before{transform:translate(24px)}.admin-toggle-switch input:disabled+.admin-toggle-slider{opacity:.6;cursor:not-allowed}.admin-settings-footer{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f6f8fa;border-radius:6px;font-size:.875rem;color:#586069;border:1px solid #e1e4e8}.admin-settings-footer i{color:#0969da}@media(max-width:768px){.admin-right-pane{padding:1rem}.admin-detail-header{padding:1.5rem}.admin-detail-title{font-size:1.5rem}.admin-info-grid,.admin-details-grid{grid-template-columns:1fr}.admin-vms-horizontal{flex-direction:column}.admin-vm-card-horizontal{max-width:100%}.admin-stats-grid{grid-template-columns:1fr}.admin-stat-card{padding:1rem}.admin-stat-value{font-size:1.25rem}.admin-setting-item{flex-direction:column;gap:1rem}.admin-setting-info{margin-right:0}.admin-toggle-switch{align-self:flex-start}}.assessment-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden;min-height:350px;display:flex;flex-direction:column;align-items:stretch}.assessment-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#cbd5e1}.assessment-card.active{border:2px solid #3b82f6;box-shadow:0 8px 25px -3px #3b82f61a,0 4px 6px -2px #3b82f60d;min-height:450px}.assessment-card.completed{border:2px solid #10b981;box-shadow:0 8px 25px -3px #10b9811a,0 4px 6px -2px #10b9810d}.assessment-card:not(.active):before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"></svg>') no-repeat center;background-size:contain;opacity:.5;z-index:0;pointer-events:none}.assessment-card[data-category=ide]:not(.active):before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect x="20" y="30" width="60" height="40" rx="5" fill="none" stroke="rgba(59,130,246,0.15)" stroke-width="2"/><text x="50" y="55" text-anchor="middle" font-family="monospace" font-size="20" fill="rgba(59,130,246,0.15)">&lt;/&gt;</text></svg>') no-repeat center}.assessment-card[data-category=git]:not(.active):before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="30" cy="30" r="8" fill="rgba(245,158,11,0.15)"/><circle cx="70" cy="30" r="8" fill="rgba(245,158,11,0.15)"/><circle cx="50" cy="70" r="8" fill="rgba(245,158,11,0.15)"/><path d="M30 30 L50 70 M70 30 L50 70" stroke="rgba(245,158,11,0.15)" stroke-width="2" fill="none"/></svg>') no-repeat center}.assessment-card[data-category=java]:not(.active):before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M50 20 L70 30 L70 70 L50 80 L30 70 L30 30 Z" fill="none" stroke="rgba(220,38,38,0.15)" stroke-width="2"/><text x="50" y="55" text-anchor="middle" font-family="serif" font-size="16" fill="rgba(220,38,38,0.15)">J</text></svg>') no-repeat center}.assessment-card[data-category=program_specific]:not(.active):before{content:attr(data-starting-letter);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:48px;font-weight:700;color:#10b98126;opacity:.5;z-index:0;pointer-events:none}.assessment-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;flex:0 0 auto;width:100%;position:relative;z-index:1}.assessment-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0}.assessment-info{flex:1}.assessment-info h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.assessment-info p{color:#6b7280;margin:0 0 .75rem;line-height:1.4;font-size:.9rem}.assessment-meta{display:flex;gap:1rem;align-items:center}.assessment-question-count{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.category-badge{padding:.25rem .75rem;border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.assessment-actions{display:flex;justify-content:center;gap:1rem;margin-top:auto;padding-top:.75rem;flex:0 0 auto;width:100%;position:relative;z-index:1}.assessment-completion-message{display:flex;align-items:center;gap:.5rem;color:#10b981;font-weight:600;font-size:.875rem}.assessment-completion-message i{font-size:1rem}.start-btn{padding:1rem 2rem;font-size:1rem;font-weight:700;width:100%;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 14px #3b82f64d}.progress-info{width:100%;margin-bottom:1.5rem}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.875rem;color:#6b7280;font-weight:500;display:inline-block;background:#3b82f61a;padding:.25rem .75rem;border-radius:12px;border:1px solid rgba(59,130,246,.2)}.assessment-question-container{margin-bottom:1.5rem;flex:1;display:flex;flex-direction:column}.assessment-question h4{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 1rem;line-height:1.4}.options{display:flex;flex-direction:column;gap:.5rem}.option{display:flex;align-items:center;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.option:hover{border-color:#d1d5db;background:#f9fafb}.option.selected{border-color:#3b82f6;background:#eff6ff}.option input[type=radio]{margin-right:1rem;width:18px;height:18px;accent-color:#3b82f6}.option-text{font-size:1rem;color:#374151;line-height:1.5}.assessment-question-navigation{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;flex:0 0 auto}.assessment-nav-left{display:flex;align-items:center}.assessment-nav-right{display:flex;align-items:center;gap:1rem}.assessment-question-indicators{display:flex;gap:.5rem}.assessment-indicator{width:12px;height:12px;border-radius:50%;background:#e5e7eb;transition:all .2s ease}.assessment-indicator.current{background:#3b82f6;transform:scale(1.2)}.assessment-indicator.answered{background:#10b981}.assessment-result-summary{display:flex;align-items:center;gap:1rem;margin-top:1rem}.assessment-score-display{display:flex;align-items:baseline;gap:.25rem}.assessment-score{font-size:2rem;font-weight:700;color:#1f2937}.total{font-size:1.2rem;color:#6b7280}.percentage{font-size:1rem;color:#6b7280;margin-left:.5rem}.assessment-result-status{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.assessment-result-status.passed{background:#d1fae5;color:#065f46}.assessment-result-status.failed{background:#fee2e2;color:#991b1b}.assessment-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.assessment-btn:disabled{opacity:.5;cursor:not-allowed}.assessment-btn-primary{background:#3b82f6;color:#fff;font-weight:600}.assessment-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.assessment-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.assessment-btn-secondary:hover:not(:disabled){background:#e5e7eb!important;color:#374151!important;border-color:#9ca3af!important}.assessment-btn-cancel{background:#ef4444;color:#fff;font-weight:600}.assessment-btn-cancel:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}@media(max-width:768px){.assessment-card{padding:1.5rem}.assessment-header{flex-direction:column;align-items:center;text-align:center;gap:1rem}.assessment-meta{justify-content:center}.assessment-question-navigation{flex-direction:column;gap:1rem}.nav-left,.assessment-nav-right{justify-content:center;width:100%}.assessment-nav-right{flex-direction:column;gap:.75rem}.assessment-question-indicators{order:-1}.assessment-result-summary{flex-direction:column;align-items:center;text-align:center}}.setup-activity-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem;margin-bottom:2rem;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden;height:650px;display:flex;flex-direction:column}.setup-activity-card .setup-activity-card-content{flex:1;overflow-y:auto;padding-right:8px}.setup-activity-card .setup-activity-card-content::-webkit-scrollbar{width:0px;background:transparent}.setup-activity-card .setup-activity-card-content::-webkit-scrollbar-track{background:transparent}.setup-activity-card .setup-activity-card-content::-webkit-scrollbar-thumb{background:transparent}.setup-activity-card .setup-activity-card-content::-webkit-scrollbar-thumb:hover{background:transparent}.setup-activity-card.setup-activity-inactive{border-color:#e5e7eb}.setup-activity-card.setup-activity-inactive:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.3;z-index:0;pointer-events:none}.setup-activity-card.setup-activity-inactive[data-category=git]:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="30" cy="30" r="8" fill="rgba(245,158,11,0.3)"/><circle cx="70" cy="30" r="8" fill="rgba(245,158,11,0.3)"/><circle cx="50" cy="70" r="8" fill="rgba(245,158,11,0.3)"/><path d="M30 30 L50 70 M70 30 L50 70" stroke="rgba(245,158,11,0.3)" stroke-width="2" fill="none"/></svg>') no-repeat center}.setup-activity-card.setup-activity-inactive[data-category=ide]:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect x="20" y="30" width="60" height="40" rx="5" fill="none" stroke="rgba(139,92,246,0.3)" stroke-width="2"/><text x="50" y="55" text-anchor="middle" font-family="monospace" font-size="20" fill="rgba(139,92,246,0.3)">&lt;/&gt;</text></svg>') no-repeat center}.setup-activity-card.setup-activity-inactive[data-category=jdk]:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M50 20 L70 30 L70 70 L50 80 L30 70 L30 30 Z" fill="none" stroke="rgba(220,38,38,0.3)" stroke-width="2"/><text x="50" y="55" text-anchor="middle" font-family="serif" font-size="16" fill="rgba(220,38,38,0.3)">J</text></svg>') no-repeat center}.setup-activity-card.setup-activity-inactive[data-category=node]:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="25" fill="none" stroke="rgba(34,197,94,0.3)" stroke-width="2"/><text x="50" y="58" text-anchor="middle" font-family="monospace" font-size="18" fill="rgba(34,197,94,0.3)">JS</text></svg>') no-repeat center}.setup-activity-card.setup-activity-inactive[data-category=repository]:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect x="20" y="30" width="60" height="40" rx="3" fill="none" stroke="rgba(107,114,128,0.3)" stroke-width="2"/><path d="M30 20 L50 30 L70 20" stroke="rgba(107,114,128,0.3)" stroke-width="2" fill="none"/><text x="50" y="55" text-anchor="middle" font-family="monospace" font-size="14" fill="rgba(107,114,128,0.3)">REPO</text></svg>') no-repeat center}.setup-activity-card.setup-activity-inactive:not([data-category]):before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="25" fill="none" stroke="rgba(107,114,128,0.3)" stroke-width="2"/><text x="50" y="58" text-anchor="middle" font-family="monospace" font-size="16" fill="rgba(107,114,128,0.3)">?</text></svg>') no-repeat center}.setup-activity-card.setup-activity-active{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626}.setup-activity-card.setup-activity-completed{border-color:#22c55e;box-shadow:0 8px 25px #22c55e26;background:linear-gradient(135deg,#f0fdf4,#fff)}.setup-activity-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.setup-activity-icon{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0}.setup-activity-icon.setup-activity-ide{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.setup-activity-icon.setup-activity-git{background:linear-gradient(135deg,#f97316,#ea580c)}.setup-activity-icon.setup-activity-jdk{background:linear-gradient(135deg,#dc2626,#b91c1c)}.setup-activity-icon.setup-activity-node{background:linear-gradient(135deg,#059669,#047857)}.setup-activity-icon.setup-activity-repository{background:linear-gradient(135deg,#7c2d12,#92400e)}.setup-activity-info{flex:1;min-width:0}.setup-activity-info h3{margin:0 0 .5rem;color:#1f2937;font-size:1.375rem;font-weight:700;line-height:1.2}.setup-activity-info p{margin:0;color:#6b7280;font-size:.95rem;line-height:1.4}.setup-activity-badge{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.375rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.setup-activity-badge.setup-activity-program-specific{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 4px #f59e0b4d}.setup-activity-badge i{font-size:.75rem}.setup-activity-stats{display:flex;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.setup-activity-steps-count,.setup-activity-completed-count{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.setup-activity-actions{display:flex;gap:1rem;justify-content:flex-end;position:relative;z-index:1}.setup-activity-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.setup-activity-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.setup-activity-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.setup-activity-btn-secondary{background:#6b7280;color:#fff}.setup-activity-btn-secondary:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.setup-activity-btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.setup-activity-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px)}.setup-activity-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.setup-activity-btn:disabled:hover{transform:none}.setup-activity-mandatory-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.setup-activity-mandatory-warning i{color:#d97706;font-size:1.125rem;margin-top:.125rem;flex-shrink:0}.setup-activity-mandatory-warning div{color:#92400e;font-size:.875rem;line-height:1.5;font-weight:500}.setup-activity-mandatory-warning strong{font-weight:700}.setup-activity-progress-indicator{margin-bottom:2rem}.setup-activity-step-counter{display:block;color:#6b7280;font-size:.875rem;font-weight:600;margin-bottom:.75rem;text-align:center}.setup-activity-progress-bar{width:100%;height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden;margin-top:.5rem}.setup-activity-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:3px;transition:width .3s ease;box-shadow:0 1px 3px #3b82f64d}.setup-activity-current-step-container{margin-bottom:2rem}.setup-activity-step-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;transition:all .2s ease}.setup-activity-step-item.setup-activity-completed{background:#f0fdf4;border-color:#22c55e}.setup-activity-step-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.setup-activity-step-checkbox{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:.25rem}.setup-activity-step-checkbox input{opacity:0;position:absolute;cursor:pointer}.setup-activity-checkmark{width:24px;height:24px;background:#fff;border:2px solid #d1d5db;border-radius:4px;position:relative;transition:all .2s ease}.setup-activity-step-checkbox input:checked~.setup-activity-checkmark{background:#22c55e;border-color:#22c55e}.setup-activity-step-checkbox input:checked~.setup-activity-checkmark:after{content:"";position:absolute;left:7px;top:3px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.setup-activity-step-content{flex:1}.setup-activity-step-content h5{margin:0 0 .5rem;color:#1f2937;font-size:1rem;font-weight:600}.setup-activity-step-description{margin:0 0 .75rem;color:#6b7280;font-size:.875rem;line-height:1.5}.setup-activity-command-display{background:#1f2937;color:#f9fafb;padding:.75rem;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;margin-top:.5rem;border:1px solid #374151}.setup-activity-command-display code{background:none;color:inherit;padding:0;font-size:inherit}.setup-activity-step-comments{margin-top:1rem}.setup-activity-comment-textarea{width:100%;min-height:70px;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical;transition:border-color .2s ease;background:#fff}.setup-activity-comment-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.setup-activity-comment-textarea::placeholder{color:#9ca3af}.setup-activity-step-navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.setup-activity-step-navigation .setup-activity-btn{min-width:120px;padding:.75rem 1.25rem;font-weight:600}.setup-activity-completion-status{display:flex;align-items:center;gap:.5rem;color:#22c55e;font-weight:500;padding:.75rem 1.5rem;background:#f0fdf4;border:1px solid #22c55e;border-radius:8px}.setup-activity-completion-status i{font-size:1.125rem}.setup-activity-completion-status-header{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #22c55e;border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.setup-activity-completion-status-header i{color:#22c55e;font-size:2rem}.setup-activity-completion-status-header h4{margin:0 0 .5rem;color:#065f46;font-size:1.25rem;font-weight:600}.setup-activity-completion-status-header p{margin:0;color:#047857;font-size:.875rem}.setup-activity-completed-steps-summary{margin-bottom:2rem}.setup-activity-completed-steps-summary h4{margin:0 0 1.5rem;color:#1f2937;font-size:1.25rem;font-weight:600}.setup-activity-completed-step-item{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.setup-activity-completed-step-item .setup-activity-step-header{display:flex;align-items:flex-start;gap:1rem}.setup-activity-completed-step-item .setup-activity-step-checkbox.setup-activity-completed{width:24px;height:24px;background:#22c55e;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;margin-top:.25rem}.setup-activity-completed-step-item .setup-activity-step-checkbox.setup-activity-completed i{font-size:.875rem}.setup-activity-completed-step-item .setup-activity-step-content h5{margin:0 0 .5rem;color:#1f2937;font-size:1.125rem;font-weight:600}.setup-activity-completed-step-item .setup-activity-step-description{margin:0 0 1rem;color:#6b7280;font-size:.875rem;line-height:1.5}.setup-activity-step-comment-display{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem;margin-top:.75rem}.setup-activity-step-comment-display strong{color:#374151;font-size:.875rem;font-weight:600;display:block;margin-bottom:.5rem}.setup-activity-step-comment-display p{margin:0;color:#6b7280;font-size:.875rem;line-height:1.5;white-space:pre-wrap}.setup-activity-complete{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #22c55e;border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1rem;margin-top:2rem}.setup-activity-complete i{color:#22c55e;font-size:2rem}.setup-activity-complete h4{margin:0 0 .5rem;color:#065f46;font-size:1.25rem;font-weight:600}.setup-activity-complete p{margin:0;color:#047857;font-size:.875rem}@media(max-width:768px){.setup-activity-card{padding:1.5rem}.setup-activity-header{flex-direction:column;text-align:center;gap:1rem}.setup-activity-stats,.setup-activity-actions{justify-content:center}.setup-activity-step-header{flex-direction:column;gap:.75rem}.setup-activity-step-checkbox{align-self:flex-start}}.onboarding-progress{margin-bottom:0;padding:4rem 0;background:#fff;position:relative;z-index:5}.progress-container{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:nowrap;max-width:900px;margin:0 auto;padding:0 2rem}.progress-step{display:flex;align-items:center;position:relative;opacity:.5;transition:all .3s ease;flex-shrink:0;min-width:0}.progress-step.active,.progress-step.completed{opacity:1}.step-indicator{position:relative;width:80px;height:40px;border-radius:20px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;border:2px solid #e2e8f0;transition:all .3s ease}.progress-step.active .step-indicator{background:#3b82f6;border-color:#3b82f6;transform:scale(1.1)}.progress-step.completed .step-indicator{background:#10b981;border-color:#10b981;transform:scale(1.1)}.step-icon{font-size:1.5rem;color:#64748b;transition:all .3s ease}.progress-step.active .step-icon,.progress-step.completed .step-icon{color:#fff}.step-check{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff;border:2px solid white}.step-content{margin-left:1rem;text-align:left}.step-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.step-description{font-size:.9rem;color:#64748b;margin:0}.step-connector{width:40px;height:2px;background:#e2e8f0;margin:0 .75rem;position:relative;flex-shrink:0}.progress-step.completed+.progress-step .step-connector{background:#10b981}.step-connector:after{content:"";position:absolute;top:50%;left:0;width:0;height:2px;background:#10b981;transition:width .3s ease}.progress-step.completed+.progress-step .step-connector:after{width:100%}@media(max-width:768px){.onboarding-progress{padding:2rem 0}.progress-container{flex-direction:column;gap:1.25rem;padding:0 1rem;flex-wrap:wrap}.progress-step{flex-direction:column;text-align:center}.step-content{margin-left:0;margin-top:.5rem}.step-connector{width:2px;height:20px;margin:.5rem 0}.step-connector:after{width:2px;height:0;top:0;left:50%;transform:translate(-50%)}.progress-step.completed+.progress-step .step-connector:after{height:100%}}@media(max-width:480px){.onboarding-progress{padding:1.5rem 0}.progress-container{gap:1rem;padding:0 .75rem}.step-indicator{width:70px;height:35px}.step-icon{font-size:1.25rem}.step-title{font-size:1rem}.step-description{font-size:.8rem}}@media(min-width:769px){.progress-container{flex-wrap:nowrap;gap:2rem}.step-connector{width:50px}}.onboarding-page{min-height:100vh;background:#f8fafc;color:#1e293b}.onboarding-header{background:#f0f2f5;color:#24292e;padding:3rem 0;margin-bottom:0;position:relative;overflow:visible;min-height:200px}.onboarding-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.1;z-index:0;pointer-events:none}.welcome-content{position:relative;z-index:10;text-align:center;max-width:800px;margin:0 auto;padding:0 2rem}.welcome-content h1{font-size:2.75rem!important;font-weight:700!important;color:#24292e!important;margin-bottom:1rem!important;text-shadow:none!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:11!important;line-height:1.2!important;text-align:center!important}.onboarding-header .welcome-content h1{display:block!important;visibility:visible!important;opacity:1!important;color:#24292e!important;font-size:2.75rem!important;font-weight:700!important}.welcome-content p{font-size:1.25rem;color:#586069!important;max-width:600px;margin:0 auto;line-height:1.6;font-weight:400;display:block!important;visibility:visible!important;opacity:1!important;position:relative;z-index:11;text-shadow:none}.content-container{background:#fff;margin-top:-1rem;border-radius:24px 24px 0 0;padding:4rem 2rem;box-shadow:0 -4px 20px #0000001a;position:relative;z-index:10}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.25rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.section-header p{font-size:1.2rem;color:#64748b;max-width:600px;margin:0 auto 2rem;line-height:1.6}.progress-message{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:16px;padding:1.5rem 2rem;margin-bottom:3rem;text-align:center;position:relative;overflow:hidden}.progress-message:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1.5" fill="rgba(59,130,246,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');opacity:.3}.progress-message-content{position:relative;z-index:1}.progress-message h3{font-size:1.25rem;font-weight:600;color:#1e40af;margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.progress-message p{font-size:1rem;color:#1e40af;margin:0 0 1rem;font-weight:500}.progress-stats{margin-top:1rem}.progress-text{display:inline-flex;align-items:center;gap:.5rem;background:#3b82f61a;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;color:#1e40af}.skip-button-container{margin-top:1.5rem}.btn-skip{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;padding:.75rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.btn-skip:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-skip:active{transform:translateY(0);box-shadow:0 2px 8px #10b9814d}.btn-skip i{margin-right:.5rem}.assessments-grid,.activities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#374151}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#374151;text-align:center}.error-icon{font-size:3rem;color:#ff6b6b;margin-bottom:1rem}.error-content h3{font-size:1.5rem;margin-bottom:1rem}.error-content p{margin-bottom:2rem;opacity:.9}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca;transform:translateY(-1px)}.btn-secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:#ffffff4d}.setup-activities-section{padding:2rem 0}.setup-activities-grid{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.activities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}@media(max-width:768px){.onboarding-header{padding:2rem 0}.welcome-content{padding:0 1rem;margin-top:100px}.welcome-content h1{font-size:1.75rem!important;margin-bottom:.75rem!important;display:block!important;visibility:visible!important;opacity:1!important;color:#24292e!important;text-shadow:none!important;line-height:1.2!important}.welcome-content p{font-size:.95rem!important;line-height:1.5!important;display:block!important;visibility:visible!important;opacity:1!important;color:#586069!important;text-shadow:none!important}.content-container{padding:2.5rem 1rem;margin-top:-.5rem}.section-header{margin-bottom:2.5rem}.section-header h2{font-size:1.5rem;margin-bottom:1rem}.section-header p{font-size:.95rem}.progress-message{padding:1.25rem 1.5rem;margin-bottom:2rem}.progress-message h3{font-size:1.1rem}.progress-message p{font-size:.9rem}.assessments-grid,.activities-grid{grid-template-columns:1fr;gap:1.5rem}.container{padding:0}}@media(max-width:480px){.onboarding-header{padding:1.5rem 0}.welcome-content h1{font-size:1.5rem!important;display:block!important;visibility:visible!important;opacity:1!important;color:#24292e!important;text-shadow:none!important;line-height:1.2!important;margin-bottom:.5rem!important}.welcome-content p{font-size:.9rem!important;display:block!important;visibility:visible!important;opacity:1!important;color:#586069!important;text-shadow:none!important;line-height:1.4!important}.content-container{padding:2rem .75rem}.progress-message{padding:1rem 1.25rem;margin-bottom:1.5rem}.section-header h2{font-size:1.25rem}}.onboarding-page .onboarding-header .welcome-content h1{display:block!important;visibility:visible!important;opacity:1!important;color:#24292e!important;font-size:2.75rem!important;font-weight:700!important;text-shadow:none!important;margin-bottom:1rem!important;line-height:1.2!important;text-align:center!important;position:relative!important;z-index:999!important}.completion-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.completion-modal{background:#fff;border-radius:20px;padding:3rem;max-width:500px;width:90%;text-align:center;box-shadow:0 25px 50px #0000004d;animation:slideUp .4s ease-out}.completion-icon{font-size:4rem;color:#22c55e;margin-bottom:1.5rem;animation:bounce .6s ease-out}.completion-modal h2{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.completion-modal p{font-size:1.1rem;color:#64748b;margin-bottom:.5rem;line-height:1.6}.completion-stats{display:flex;flex-direction:column;gap:1rem;margin:2rem 0;padding:1.5rem;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0}.stat-item{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:#475569}.stat-item i{font-size:1.25rem;color:#3b82f6}.completion-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.completion-footer p{font-size:.95rem;color:#64748b;margin-bottom:1rem}.loading-spinner{font-size:1.5rem;color:#3b82f6}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.pre-assessment-container{min-height:100vh;background:#fff;padding:100px 0 0;margin:0}.pre-assessment-welcome-banner{background:#f0f2f5;padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.pre-assessment-welcome-banner:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.pre-assessment-welcome-content{position:relative;z-index:1}.pre-assessment-welcome-content h1{color:#24292e;font-size:2.5rem;font-weight:700;margin:0 0 1rem;text-shadow:none}.pre-assessment-welcome-content p{color:#586069;font-size:1.125rem;max-width:600px;margin:0 auto}.pre-assessment-progress-tracker{display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff;border-bottom:1px solid #e5e7eb}.pre-assessment-progress-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.pre-assessment-step-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;position:relative;margin-bottom:.5rem}.pre-assessment-progress-step.completed .pre-assessment-step-icon{background:linear-gradient(135deg,#10b981,#059669)}.pre-assessment-progress-step.active .pre-assessment-step-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.pre-assessment-progress-step.inactive .pre-assessment-step-icon{background:#e5e7eb;color:#9ca3af}.checkmark{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;font-weight:700}.step-content h3{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:#374151}.step-content p{font-size:.875rem;color:#6b7280;margin:0}.progress-line{width:100px;height:2px;background:#e5e7eb;margin:0 1rem}.progress-line.active{background:linear-gradient(90deg,#10b981,#3b82f6)}.pre-assessment-main-content{background:#fff;min-height:calc(100vh - 300px);padding:2rem}.assessments-section{max-width:1200px;margin:0 auto}.pre-assessment-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0;justify-content:center;text-align:center}.pre-assessment-section-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.pre-assessment-section-content h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.pre-assessment-section-content p{font-size:1rem;color:#6b7280;margin:0}.level-message{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:1rem;margin-bottom:2rem}.level-message p{color:#0369a1;font-weight:500;margin:0}.ready-message{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;padding:2rem;margin-bottom:2rem!important;text-align:center;position:relative;overflow:hidden}.ready-message:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(59, 130, 246, 0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');opacity:.3;pointer-events:none}.ready-message-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem;position:relative;z-index:1}.ready-message-header i{font-size:1.5rem;color:#1e40af}.ready-message-header h3{font-size:1.5rem;font-weight:700;color:#1e40af;margin:0}.ready-message p{color:#1e40af;font-weight:500;margin:0 0 1.5rem;font-size:1rem;position:relative;z-index:1}.progress-indicator{display:inline-flex;align-items:center;gap:.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#1e40af;position:relative;z-index:1}.progress-indicator i{font-size:.75rem}.assessments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.progress-stats{text-align:center;padding:2rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.progress-stats p{font-size:1.125rem;color:#374151;margin:0 0 .5rem}.progress-stats .ready-message{color:#6b7280;font-size:1rem}.pre-assessment-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#374151}.pre-assessment-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #4f46e5;border-radius:50%;animation:pre-assessment-spin 1s linear infinite;margin-bottom:1rem}@keyframes pre-assessment-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pre-assessment-error-message{text-align:center;padding:2rem;color:#374151}.pre-assessment-error-message h2{color:#ef4444;margin-bottom:1rem}.pre-assessment-error-message p{margin-bottom:2rem}.pre-assessment-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.pre-assessment-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}@media(max-width:768px){.onboarding-header{padding:1rem;flex-direction:column;gap:1rem}.welcome-content h1{font-size:2rem}.welcome-content p{font-size:1rem}.progress-tracker{padding:1rem}.progress-line{width:50px;margin:0 .5rem}.main-content{padding:1rem}.assessments-grid{grid-template-columns:1fr;gap:1rem}.section-header{flex-direction:column;text-align:center}}.setup-activities-container{min-height:100vh;background:#f0f2f5;padding:100px 0 0;margin:0}.setup-activities-welcome-banner{background:#f0f2f5;padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.setup-activities-welcome-banner:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.setup-activities-welcome-content{position:relative;z-index:1}.setup-activities-welcome-content h1{color:#24292e;font-size:2.5rem;font-weight:700;margin:0 0 1rem;text-shadow:none}.setup-activities-welcome-content p{color:#586069;font-size:1.125rem;max-width:600px;margin:0 auto}.setup-activities-progress-tracker{display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff;border-bottom:1px solid #e5e7eb}.setup-activities-progress-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.setup-activities-step-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;position:relative;margin-bottom:.5rem}.setup-activities-progress-step.completed .setup-activities-step-icon{background:linear-gradient(135deg,#10b981,#059669)}.setup-activities-progress-step.active .setup-activities-step-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.setup-activities-progress-step.inactive .setup-activities-step-icon{background:#e5e7eb;color:#9ca3af}.setup-activities-checkmark{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;font-weight:700}.setup-activities-step-content h3{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:#374151}.setup-activities-step-content p{font-size:.875rem;color:#6b7280;margin:0}.setup-activities-progress-line{width:100px;height:2px;background:#e5e7eb;margin:0 1rem}.setup-activities-progress-line.active{background:linear-gradient(90deg,#10b981,#3b82f6)}.setup-activities-main-content{background:#fff;min-height:calc(100vh - 400px);padding:3rem 2rem;display:flex;justify-content:center;align-items:center}.setup-activities-section{max-width:1200px;width:100%;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:3rem;margin:0 auto;text-align:center}.setup-activities-section-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.setup-activities-section-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.setup-activities-section-content h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.setup-activities-section-content p{font-size:1rem;color:#6b7280;margin:0}.setup-activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem;justify-items:center}.setup-activities-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff}.setup-activities-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:setup-activities-spin 1s linear infinite;margin-bottom:1rem}@keyframes setup-activities-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.setup-activities-error{text-align:center;padding:2rem;color:#fff}.setup-activities-error h2{color:#fca5a5;margin-bottom:1rem}.setup-activities-error p{margin-bottom:2rem}.setup-activities-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.setup-activities-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}@media(max-width:768px){.setup-activities-container{padding-top:80px}.setup-activities-welcome-content h1{font-size:2rem}.setup-activities-welcome-content p{font-size:1rem}.setup-activities-progress-tracker{padding:1rem}.setup-activities-progress-line{width:50px;margin:0 .5rem}.setup-activities-main-content{padding:1rem}.setup-activities-section{padding:2rem;border-radius:12px}.setup-activities-grid{grid-template-columns:1fr;gap:1rem}.setup-activities-section-header{flex-direction:column;text-align:center}}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.task-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fafbfc;color:#24292e;line-height:1.6;min-height:100vh}.view-task-container{padding:2rem 3rem 3rem;display:grid;grid-template-columns:1fr 280px;gap:1.5rem;margin:0 auto}.view-task-main-content{background:#fff;border:1px solid #e1e4e8;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.view-task-header-compact{padding:1.25rem 1.5rem;background:#f6f8fa;border-bottom:1px solid #e1e4e8;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.view-task-title-section{flex:1;min-width:0}.view-task-title{font-size:1.5rem;font-weight:600;color:#24292e;margin:0 0 .75rem;word-wrap:break-word}.view-task-meta-compact{display:flex;flex-wrap:wrap;gap:.5rem}.view-task-meta-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:#fff;border:1px solid #e1e4e8;border-radius:12px;font-size:.8rem;color:#586069;white-space:nowrap}.view-task-meta-badge i{font-size:.75rem;color:#2563eb}.view-task-actions-compact{display:flex;gap:.5rem;align-items:flex-start}.view-task-actions-compact .btn-secondary{background:#f6f8fa!important;color:#586069;border:1px solid #e1e4e8;transition:all .2s ease}.view-task-actions-compact .btn-secondary:hover{background:#f6f8fa!important;color:#586069!important;border-color:#d0d7de!important}.view-task-actions-compact .btn-secondary i,.view-task-actions-compact .btn-secondary:hover i{color:#586069}.btn-compact{padding:.5rem 1rem;font-size:.875rem;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem}.view-task-setup-section{padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e1e4e8;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.view-task-setup-status{display:flex;gap:1.5rem;flex-wrap:wrap}.setup-status-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#586069}.setup-status-item i{font-size:1rem}.view-task-setup-actions{display:flex;gap:.5rem;align-items:center}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.view-task-content-tabs{display:flex;flex-direction:column;flex:1;min-height:0}.view-task-tabs-header{display:flex;border-bottom:1px solid #e1e4e8;background:#f6f8fa;padding:0}.view-task-tab{padding:.875rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:#586069;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.view-task-tab:hover{color:#24292e;background:#f0f0f0}.view-task-tab.active{color:#0366d6;border-bottom-color:#0366d6;background:#fff}.view-task-tab i{font-size:.8rem}.view-task-tabs-content{flex:1;overflow-y:auto;padding:1.5rem}.view-task-tab-panel,.view-task-problem-statement-compact,.view-task-instructions-compact,.view-task-test-cases-compact{height:100%}.problem-description{margin-bottom:1.5rem}.problem-description h3{font-size:1.25rem;margin-bottom:.75rem;color:#24292e}.problem-description p{color:#586069;line-height:1.6;margin-bottom:.75rem}.problem-statement-content-compact{margin-top:1rem}.zoom-btn{padding:.25rem .5rem;background:#f6f8fa;border:1px solid #e1e4e8;border-radius:4px;cursor:pointer;font-size:.75rem;color:#586069}.pdf-iframe-container-compact{overflow:auto;max-height:500px;padding:1rem}.code-block-compact{border:1px solid #e1e4e8;border-radius:6px;overflow:hidden;background:#f6f8fa}.code-block-compact pre{margin:0;padding:1rem;background:#f6f8fa;overflow-x:auto;font-size:.875rem;line-height:1.5}.test-cases-code-viewer{border:1px solid #e1e4e8;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014}.test-cases-code-header{background:linear-gradient(135deg,#1e293b,#334155);padding:.875rem 1.25rem;border-bottom:1px solid #475569;display:flex;justify-content:space-between;align-items:center}.test-cases-file-info{display:flex;align-items:center;gap:.75rem}.test-cases-file-info i{color:#60a5fa;font-size:1rem}.test-cases-file-name{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;font-weight:600;color:#f1f5f9;letter-spacing:.3px}.test-cases-file-type{display:inline-flex;align-items:center;padding:.2rem .6rem;background:#60a5fa33;border:1px solid rgba(96,165,250,.3);border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#93c5fd}.test-cases-code-content{background:#1e293b;overflow:auto;max-height:calc(100vh - 400px);min-height:400px}.test-cases-pre{margin:0;padding:1.5rem;background:transparent;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:.875rem;line-height:1.6;color:#e2e8f0}.test-cases-pre code{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:transparent;padding:0;border:none;white-space:pre;word-wrap:normal;overflow-wrap:normal}.test-cases-pre code{color:#e2e8f0}.test-cases-pre code.token.keyword,.test-cases-pre code.token.boolean,.test-cases-pre code.token.operator{color:#c792ea}.test-cases-pre code.token.string{color:#c3e88d}.test-cases-pre code.token.comment{color:#546e7a;font-style:italic}.test-cases-pre code.token.function{color:#82aaff}.test-cases-pre code.token.class-name{color:#ffcb6b}.test-cases-pre code.token.punctuation{color:#89ddff}.test-cases-pre code.token.number{color:#f78c6c}.test-cases-pre code.token.property{color:#c792ea}.test-cases-pre code.token.tag{color:#f07178}.test-cases-pre code.token.attr-name{color:#c792ea}.test-cases-pre code.token.attr-value{color:#c3e88d}.test-cases-code-content::-webkit-scrollbar{width:10px;height:10px}.test-cases-code-content::-webkit-scrollbar-track{background:#1a202c}.test-cases-code-content::-webkit-scrollbar-thumb{background:#4a5568;border-radius:5px}.test-cases-code-content::-webkit-scrollbar-thumb:hover{background:#5a6578}.view-task-instructions-compact ol{margin:0;padding-left:1.5rem;color:#586069}.view-task-instructions-compact li{margin-bottom:.75rem;line-height:1.6}.view-task-instructions-compact code{background:#f6f8fa;padding:.2rem .4rem;border-radius:3px;font-size:.875rem;color:#e83e8c}.view-task-sidebar{display:flex;flex-direction:column;gap:1rem}.view-task-sidebar-card{background:#fff;border:1px solid #e1e4e8;border-radius:8px;overflow:hidden}.view-task-sidebar-header{padding:.875rem 1rem;background:#f6f8fa;border-bottom:1px solid #e1e4e8;font-size:.875rem;font-weight:600;color:#24292e;display:flex;align-items:center;gap:.5rem}.view-task-sidebar-header i{color:#2563eb;font-size:.8rem}.view-task-sidebar-content{padding:1rem}.view-task-repo-info-compact{display:flex;flex-direction:column;gap:.75rem}.view-task-repo-url-compact,.view-task-repo-branch-compact{font-size:.8rem;color:#24292e;font-family:Courier New,monospace;word-break:break-all;padding:.5rem;background:#f6f8fa;border-radius:4px;border:1px solid #e1e4e8}.view-task-resource-link-compact{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border:1px solid #e1e4e8;border-radius:6px;text-decoration:none;color:inherit;transition:all .2s ease;margin-bottom:.5rem}.view-task-resource-link-compact:last-child{margin-bottom:0}.view-task-resource-link-compact:hover{background:#f6f8fa;border-color:#0366d6}.view-task-resource-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#e3f2fd;color:#1976d2}.resource-text{flex:1;min-width:0}.resource-title{font-weight:600;font-size:.875rem;color:#24292e;margin-bottom:.25rem}.resource-description{font-size:.75rem;color:#586069;line-height:1.4}.view-task-status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.view-task-badge-available{background:#d4edda;color:#155724}.view-task-badge-completed{background:#d1ecf1;color:#0c5460}.view-task-badge-failed{background:#f8d7da;color:#721c24}.view-task-badge-pending{background:#fff3cd;color:#856404}.view-task-badge-locked{background:#fff3cd;color:#856404;border:1px solid #ffc107;font-weight:600}.view-task-meta-badge.badge-locked i{color:#ff9800}.view-task-badge-expired{background:#f5c6cb;color:#721c24}.view-task-badge-easy{background:#d4edda;color:#155724}.view-task-badge-medium{background:#fff3cd;color:#856404}.view-task-badge-hard{background:#f8d7da;color:#721c24}.breadcrumb-container{padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e1e4e8}.loading-problem-statement,.loading-test-cases{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#586069}.loading-spinner i{font-size:2rem;color:#0366d6}.error-loading{padding:2rem;text-align:center;color:#dc3545}.view-task-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.view-task-modal-content{background:#fff;border-radius:8px;max-width:90%;max-height:90%;overflow:hidden;display:flex;flex-direction:column}.view-task-modal-header{padding:1rem 1.5rem;border-bottom:1px solid #e1e4e8;display:flex;justify-content:space-between;align-items:center}.view-task-close-btn{background:none;border:none;font-size:1.5rem;color:#586069;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.view-task-modal-body{padding:1.5rem;overflow-y:auto;flex:1}@media(max-width:1024px){.view-task-container{grid-template-columns:1fr}.view-task-sidebar{order:-1}.view-task-header-compact{flex-direction:column}.view-task-setup-section{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.view-task-container,.view-task-header-compact{padding:1rem}.view-task-title{font-size:1.25rem}.view-task-meta-compact{gap:.35rem}.view-task-meta-badge{font-size:.75rem;padding:.3rem .6rem}.view-task-tabs-header{overflow-x:auto}.view-task-tab{padding:.75rem 1rem;font-size:.8rem}}.iframe-back-button{display:inline-flex;align-items:center;gap:.5rem;color:#0366d6;text-decoration:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s ease}.view-module-page{min-height:100vh;background-color:#fafbfc}.view-module-container{width:100%;max-width:100%;margin:0;padding:0;padding-top:4rem}.breadcrumb-container{padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e1e4e8;margin-bottom:0}.breadcrumb{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.breadcrumb-item{display:inline-flex;align-items:center;gap:.35rem;color:#0366d6;text-decoration:none;font-size:.875rem;transition:color .2s ease}.breadcrumb-item:hover{color:#0056b3;text-decoration:underline}.breadcrumb-item.current{color:#24292e;font-weight:500}.breadcrumb-item.current:hover{text-decoration:none}.breadcrumb-separator{color:#586069;font-size:.875rem}.breadcrumb-icon{font-size:.75rem;color:#586069}.view-module-title-section{padding:2rem 4rem 1rem}.view-module-title{font-size:2rem;font-weight:700;color:#24292e;margin:0 0 .5rem;background:linear-gradient(135deg,#24292e,#586069);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.view-module-description{font-size:1.1rem;color:#586069;line-height:1.6;margin:0}.view-module-project-header{background:#fff;padding:2rem;border-radius:20px;border:1px solid #e1e4e8;margin:4rem;box-shadow:0 8px 32px #0000000f;position:relative;overflow:hidden;animation:slideInUp .8s ease-out .2s both;box-sizing:border-box}.view-module-project-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4f46e5,#3730a3)}.view-module-project-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;position:relative;z-index:2}.view-module-project-header-title{display:flex;align-items:center;gap:.75rem}.view-module-project-header-title i{font-size:1.25rem;color:#4f46e5}.view-module-project-header-title h3{font-size:1.2rem;font-weight:600;color:#24292e;margin:0}.view-module-project-header-minimize-btn{background:transparent;border:none;cursor:pointer;padding:.5rem;color:#6b7280;font-size:1.25rem;transition:all .2s ease;border-radius:6px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.view-module-project-header-minimize-btn:hover{background:#e1e4e8;color:#4f46e5;transform:scale(1.1)}.view-module-project-header-minimize-btn:active{transform:scale(.95)}.view-module-project-header-content{position:relative;z-index:1;transition:max-height .3s ease-out,opacity .3s ease-out;overflow:hidden}.view-module-project-header-content-hidden{max-height:0;opacity:0;margin-bottom:0}.view-module-repo-info{display:flex;flex-direction:column;gap:1rem;font-family:Monaco,Consolas,monospace;font-size:.875rem}.view-module-repo-field{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f6f8fa;border:1px solid #e1e4e8;border-radius:8px;position:relative}.view-module-repo-field label{font-weight:600;color:#24292e;min-width:100px;display:flex;align-items:center;gap:.5rem}.view-module-repo-field label i{color:#4f46e5;font-size:.875rem}.view-module-repo-field span{flex:1}.view-module-copy-btn{background:none;border:none;color:#586069;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;position:relative;font-size:1rem}.view-module-copy-btn:hover{background:#e1e4e8;color:#24292e;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.view-module-copy-btn.view-module-eye-btn{margin-left:.25rem}.view-module-copy-btn.view-module-eye-btn:hover{background:#f1f8ff;color:#4f46e5}.view-module-repo-setup-message{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:1rem}.view-module-setup-icon{font-size:2rem;flex-shrink:0;color:#ffc107}.view-module-setup-text{flex:1}.view-module-setup-text h4{margin:0 0 .5rem;color:#856404;font-size:1.1rem;font-weight:600}.view-module-setup-text p{margin:0;color:#856404;font-size:.9rem;line-height:1.4}.view-module-setup-btn{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s;flex-shrink:0}.view-module-setup-btn:hover{background:#218838}.view-module-setup-btn:active{transform:translateY(1px)}.view-module-setup-error-warning{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:#ffebee;border:1px solid #f8bbd9;border-radius:6px;margin-bottom:1rem;margin-top:1.5rem}.view-module-setup-error-warning .view-module-error-icon{font-size:1.5rem;flex-shrink:0;margin-top:.125rem;color:#d32f2f}.view-module-setup-error-warning .view-module-error-content{flex:1}.view-module-setup-error-warning .view-module-error-content h4{margin:0 0 .5rem;color:#d32f2f;font-size:1.1rem;font-weight:600}.view-module-setup-error-warning .view-module-error-content p{margin:0 0 1rem;color:#d32f2f;font-size:.9rem;line-height:1.4}.view-module-error-actions{display:flex;gap:.75rem}.view-module-tasks-section{padding:0 4rem 2rem;width:100%}.view-module-tasks{display:flex;flex-direction:column;gap:1.5rem}.loading-tasks{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border:1px solid #e1e4e8;border-radius:8px}.loading-tasks .loading-spinner{margin-bottom:1rem}.loading-tasks .loading-spinner i{font-size:2rem;color:#0366d6}.loading-tasks p{color:#586069;font-size:1rem}.no-tasks{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border:1px solid #e1e4e8;border-radius:8px;text-align:center}.no-tasks i{font-size:3rem;color:#d1d5db;margin-bottom:1rem}.no-tasks p{color:#586069;font-size:1rem}.view-module-repo-info{display:flex;flex-direction:column;gap:.75rem}.repo-info-row{display:flex;flex-direction:column;gap:.25rem}.repo-label{font-size:.75rem;font-weight:600;color:#586069;text-transform:uppercase;letter-spacing:.5px}.view-module-repo-url{font-size:.8rem;color:#24292e;font-family:Courier New,monospace;word-break:break-all;padding:.5rem;background:#f6f8fa;border-radius:4px;border:1px solid #e1e4e8}.no-repo{color:#586069;font-size:.9rem;margin:0;text-align:center;padding:1rem 0}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border:1px solid #e1e4e8;border-radius:8px}.loading-spinner{margin-bottom:1rem}.loading-spinner i{font-size:3rem;color:#0366d6}.loading-state p{color:#586069;font-size:1rem}.error-icon{margin-bottom:1rem}.error-icon i{font-size:3rem;color:#dc3545}.error-state h2{font-size:1.5rem;color:#24292e;margin:0 0 .5rem}.error-state p{color:#586069;font-size:1rem;margin-bottom:1.5rem}.error-state .btn{margin-top:1rem}@media(max-width:768px){.view-module-container{padding-top:5rem}.view-module-repo-section{margin:1.5rem 1rem}.view-module-tasks-section{padding:0 1rem 2rem}.breadcrumb-container{padding:.75rem 1rem}}.sso-verify-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.sso-verify-container{width:100%;max-width:500px}.sso-verify-card{background:#fff;border-radius:12px;padding:40px 30px;box-shadow:0 20px 40px #0000001a;text-align:center;transition:all .3s ease}.status-icon{font-size:4rem;margin-bottom:20px}.status-verifying .status-icon{color:#667eea}.status-success .status-icon{color:#28a745}.status-error .status-icon{color:#dc3545}.status-title{font-size:1.5rem;font-weight:600;margin-bottom:15px;color:#333}.status-message{color:#666;font-size:1rem;line-height:1.6;margin-bottom:30px}.error-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.btn-secondary,.btn-primary{padding:12px 24px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-secondary{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.btn-secondary:hover{background:#e9ecef;transform:translateY(-2px)}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a67d8;transform:translateY(-2px)}.success-animation{margin-top:20px}.checkmark-animation{display:inline-block;width:60px;height:60px;border-radius:50%;background:#28a745;animation:pulse 2s infinite}.checkmark-animation i{font-size:2rem;color:#fff;line-height:60px}@keyframes pulse{0%{box-shadow:0 0 #28a745b3}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 #28a74500}}.fa-spinner{animation:spin 1s linear infinite}@media(max-width:768px){.sso-verify-page{padding:15px}.sso-verify-card{padding:30px 20px}.status-icon{font-size:3rem}.status-title{font-size:1.3rem}.error-actions{flex-direction:column}}.App{width:100%;min-height:100vh;display:flex;flex-direction:column}.build-stage{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000d;overflow:hidden}.build-stage-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;cursor:pointer;transition:background-color .2s ease}.build-stage-header:hover{background:#e9ecef}.build-stage-title{display:flex;align-items:center;gap:.75rem}.build-stage-title h3{margin:0;color:#495057;font-size:1.1rem;font-weight:600}.build-stage-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.build-stage-icon.build-stage-success{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.build-stage-icon.build-stage-failed{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.build-stage-icon.build-stage-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.build-stage-status{display:flex;align-items:center;gap:.75rem}.build-stage-status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.build-stage-status-badge.build-stage-success{background:#dcfce7;color:#16a34a}.build-stage-status-badge.build-stage-failed{background:#fef2f2;color:#dc2626}.build-stage-status-badge.build-stage-warning{background:#fef3c7;color:#f59e0b}.build-stage-expand-arrow{transition:transform .2s ease;color:#6c757d}.build-stage-content{max-height:0;overflow:hidden;transition:all .3s ease}.build-stage-content.expanded{max-height:2000px;padding:1.5rem}.build-stage-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.build-stage-summary-header{margin-bottom:1rem}.build-stage-summary-header h4{margin:0;color:#495057;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.build-stage-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%}.build-stage-summary-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.build-stage-summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.build-stage-summary-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff}.build-stage-summary-status .build-stage-summary-icon{background:linear-gradient(135deg,#16a34a,#22c55e)}.build-stage-summary-duration .build-stage-summary-icon{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.build-stage-summary-message .build-stage-summary-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.build-stage-summary-time .build-stage-summary-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.build-stage-summary-content{display:flex;flex-direction:column;gap:.25rem}.build-stage-summary-value{font-size:1rem;font-weight:600;color:#212529}.build-stage-summary-label{font-size:.8rem;color:#6c757d;font-weight:500}.build-stage-metrics{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.build-stage-metrics h4{margin:0 0 1rem;color:#495057;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.build-stage-metrics-grid{display:flex;flex-direction:column;gap:.75rem}.build-stage-metric-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:4px;border:1px solid #e1e4e8;transition:all .2s ease}.build-stage-metric-card:hover{background:#f8f9fa}.build-stage-metric-header{display:flex;align-items:center;gap:.5rem;min-width:80px}.build-stage-metric-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#6c757d}.build-stage-metric-label{font-size:.8rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.build-stage-metric-value{font-size:.9rem;font-weight:600;color:#212529;flex:1}.build-stage-metric-value.build-stage-success{color:#16a34a}.build-stage-metric-value.build-stage-failed{color:#dc2626}.build-stage-logs{background:#f8f9fa;border:1px solid #e1e4e8;border-radius:6px;margin-top:1rem;overflow:hidden}.build-stage-logs-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f1f3f4;border-bottom:1px solid #e1e4e8}.build-stage-logs-header h4{margin:0;color:#495057;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.build-stage-logs-controls{display:flex;gap:.5rem}.build-stage-logs-toggle{background:#fff;color:#495057;border:1px solid #d1d5db;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.build-stage-logs-toggle:hover{background:#f3f4f6;border-color:#9ca3af}.build-stage-logs-content{padding:1rem;max-height:300px;overflow-y:auto}.build-stage-logs-raw{background:#f8f9fa;border:1px solid #e1e4e8;border-radius:4px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;color:#212529;margin:0}.build-stage-logs-formatted{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.4;color:#212529}.build-stage-log-line{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;border-bottom:1px solid #f1f3f4}.build-stage-log-line:last-child{border-bottom:none}.build-stage-log-line-number{color:#6c757d;font-size:.7rem;min-width:20px;text-align:right}.build-stage-log-line-icon{width:16px;text-align:center}.build-stage-log-line-content{flex:1;word-break:break-word}.build-stage-log-success .build-stage-log-line-icon{color:#16a34a}.build-stage-log-error .build-stage-log-line-icon{color:#dc2626}.build-stage-log-warning .build-stage-log-line-icon{color:#f59e0b}.build-stage-log-info .build-stage-log-line-icon{color:#3b82f6}.build-stage-message{padding:1rem;border-radius:6px;margin-bottom:1rem;font-weight:500}.build-stage-message.build-stage-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.build-stage-message.build-stage-failed{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.build-stage-message.build-stage-warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.build-stage-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-top:1rem;margin-bottom:1rem}.build-stage-info-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #dee2e6}.build-stage-info-header i{font-size:1.25rem;color:#0ea5e9}.build-stage-info-header h4{margin:0;color:#495057;font-size:1.1rem;font-weight:600}.build-stage-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.build-stage-info-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e1e4e8;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.build-stage-info-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#0ea5e9}.build-stage-info-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;background:linear-gradient(135deg,#0ea5e9,#06b6d4);flex-shrink:0}.build-stage-info-content{display:flex;flex-direction:column;gap:.375rem;flex:1;min-width:0}.build-stage-info-label{font-size:.75rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.build-stage-info-value{font-size:.95rem;font-weight:600;color:#212529;word-break:break-word;line-height:1.4}@media(max-width:768px){.build-stage-summary-grid{grid-template-columns:repeat(2,1fr)}.build-stage-metrics-grid{gap:.5rem}.build-stage-header{padding:.75rem 1rem}.build-stage-content.expanded{padding:1rem}.build-stage-logs{font-size:.7rem}.build-stage-info{padding:1rem}.build-stage-info-grid{grid-template-columns:1fr;gap:.75rem}.build-stage-info-item{padding:.75rem}}.java-test-cases-stage{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000d;overflow:hidden}.java-test-cases-stage-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;cursor:pointer;transition:background-color .2s ease}.java-test-cases-stage-header:hover{background:#e9ecef}.java-test-cases-stage-title{display:flex;align-items:center;gap:.75rem}.java-test-cases-stage-title h3{margin:0;color:#495057;font-size:1.1rem;font-weight:600}.java-test-cases-stage-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.java-test-cases-stage-icon.java-test-cases-stage-success{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.java-test-cases-stage-icon.java-test-cases-stage-failed{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.java-test-cases-stage-status{display:flex;align-items:center;gap:.75rem}.java-test-cases-status-badge.java-test-cases-stage-success{background:#dcfce7;color:#16a34a}.java-test-cases-status-badge.java-test-cases-stage-failed{background:#fef2f2;color:#dc2626}.java-test-cases-expand-arrow{transition:transform .2s ease;color:#6c757d}.java-test-cases-stage-content{max-height:0;overflow:hidden;transition:all .3s ease}.java-test-cases-stage-content.expanded{max-height:2000px;padding:1.5rem}.java-test-cases-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.java-test-cases-summary-header{margin-bottom:1rem}.java-test-cases-summary-header h4{margin:0;color:#495057;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.java-test-cases-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:600px}.java-test-cases-summary-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.java-test-cases-summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.java-test-cases-summary-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff}.java-test-cases-summary-passed .java-test-cases-summary-icon{background:linear-gradient(135deg,#16a34a,#22c55e)}.java-test-cases-summary-failed .java-test-cases-summary-icon{background:linear-gradient(135deg,#dc2626,#ef4444)}.java-test-cases-summary-rate .java-test-cases-summary-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.java-test-cases-summary-time .java-test-cases-summary-icon{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.java-test-cases-summary-content{display:flex;flex-direction:column;gap:.25rem}.java-test-cases-summary-value{font-size:1.2rem;font-weight:700;color:#212529}.java-test-cases-summary-label{font-size:.8rem;color:#6c757d;font-weight:500}.java-test-cases-details{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.java-test-cases-details-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.java-test-cases-details-header h4{margin:0;color:#495057;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.java-test-cases-count{background:#4f46e5;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.java-test-cases-list{padding:0;max-height:500px;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d1d5da #f6f8fa}.java-test-cases-list::-webkit-scrollbar{width:8px}.java-test-cases-list::-webkit-scrollbar-track{background:#f6f8fa}.java-test-cases-list::-webkit-scrollbar-thumb{background:#d1d5da;border-radius:4px}.java-test-cases-list::-webkit-scrollbar-thumb:hover{background:#a8b0b8}.java-test-cases-item{border-bottom:1px solid #e9ecef;transition:all .2s ease}.java-test-cases-item:last-child{border-bottom:none}.java-test-cases-item:hover{background-color:#f8f9fa}.java-test-cases-item.java-test-cases-passed{border-left:4px solid #16a34a}.java-test-cases-item.java-test-cases-failed{border-left:4px solid #dc2626}.java-test-cases-item.java-test-cases-error{border-left:4px solid #b8860b}.java-test-cases-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:background-color .2s ease}.java-test-cases-header:hover{background-color:#f6f8fa}.java-test-cases-main{display:flex;justify-content:space-between;align-items:center;flex:1;gap:1rem}.java-test-cases-info{display:flex;align-items:center;gap:.75rem;flex:1}.java-test-cases-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.java-test-cases-item.java-test-cases-passed .java-test-cases-icon{color:#16a34a}.java-test-cases-item.java-test-cases-failed .java-test-cases-icon{color:#dc2626}.java-test-cases-item.java-test-cases-error .java-test-cases-icon{color:#b8860b}.java-test-cases-name{font-weight:500;color:#212529;line-height:1.4}.java-test-cases-status{display:flex;align-items:center;gap:.75rem}.java-test-cases-status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.java-test-cases-status-badge.java-test-cases-passed{background:#dcfce7;color:#16a34a}.java-test-cases-status-badge.java-test-cases-failed{background:#fef2f2;color:#dc2626}.java-test-cases-status-badge.java-test-cases-error{background:#f5f3e7;color:#8b7355}.java-test-cases-time{display:flex;align-items:center;gap:.25rem;color:#6c757d;font-size:.8rem}.java-test-cases-expand{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.8rem;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.java-test-cases-expand:hover{background:#e9ecef;color:#495057}.java-test-cases-expand-text{font-weight:500}.java-test-cases-expand-arrow{transition:transform .2s ease}.java-test-cases-expand-arrow.expanded{transform:rotate(180deg)}.java-test-cases-error-details{padding:0;max-height:0;overflow:hidden;transition:all .3s ease}.java-test-cases-error-details.expanded{max-height:500px;padding:1rem 1.5rem}.java-test-cases-error-details.java-test-cases-error-details-error{background:#faf8f0;border-top:1px solid #e8e0d0}.java-test-cases-error-details.java-test-cases-error-details-failed{background:#fef2f2;border-top:1px solid #fecaca}.java-test-cases-error-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;font-size:.9rem}.java-test-cases-error-details-error .java-test-cases-error-header{color:#8b7355}.java-test-cases-error-details-failed .java-test-cases-error-header{color:#dc2626}.java-test-cases-error-content{background:#fff;border-radius:6px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;line-height:1.4}.java-test-cases-error-details-error .java-test-cases-error-content{border:1px solid #e8e0d0;color:#8b7355}.java-test-cases-error-details-failed .java-test-cases-error-content{border:1px solid #fecaca;color:#dc2626}@media(max-width:768px){.java-test-cases-summary-grid{grid-template-columns:repeat(2,1fr)}.java-test-cases-stage-header{padding:.75rem 1rem}.java-test-cases-stage-content.expanded{padding:1rem}.java-test-cases-header{padding:.75rem 1rem}.java-test-cases-main{flex-direction:column;align-items:flex-start;gap:.5rem}.java-test-cases-status{align-self:flex-end}}.ai-review-stage{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;margin-bottom:1.5rem;box-shadow:0 10px 25px #00000026;overflow:hidden;position:relative;transition:all .3s ease}.ai-review-stage:before{display:none}.ai-review-stage-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1)}.ai-review-stage-header:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 15px 35px #0003}.ai-review-stage-title{display:flex;align-items:center;gap:1.25rem}.ai-review-stage-icon{font-size:2.5rem;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 8px 25px #6366f14d;transition:all .3s ease}.ai-review-stage-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.ai-review-stage-icon:hover:before{left:100%}.ai-review-title-content{display:flex;flex-direction:column;gap:.25rem}.ai-review-title h3{margin:0;color:#1f2937;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-review-subtitle{color:#64748b;font-size:.95rem;font-weight:500}.ai-review-controls,.ai-review-stage-status{display:flex;align-items:center;gap:1rem}.ai-review-status-badge{padding:.75rem 1.25rem;border-radius:25px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.ai-review-status-badge.ai-review{background:transparent;color:#3b82f6}.ai-review-expand-arrow{font-size:1.25rem;color:#6b7280;transition:all .3s ease;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);cursor:pointer;position:relative;overflow:hidden}.ai-review-expand-arrow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .3s ease}.ai-review-expand-arrow:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);transform:scale(1.05);box-shadow:0 4px 12px #00000026}.ai-review-expand-arrow:hover:before{left:100%}.ai-review-expand-arrow.expanded{transform:rotate(180deg);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.ai-review-status{padding:.75rem 1.25rem;border-radius:25px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.ai-review-status-available{background:transparent;color:#10b981}.ai-review-status-processing{background:transparent;color:#f59e0b}.ai-review-status-completed{background:transparent;color:#3b82f6}.ai-review-stage-content{position:relative;max-height:0;overflow:hidden;transition:all .3s ease;background:#fff;border-radius:0 0 16px 16px}.ai-review-stage-content.expanded{max-height:2000px;padding:2rem;border-top:none}.ai-review-content{position:relative}.ai-review-prompt{padding:0}.ai-review-intro{text-align:center;margin-bottom:2rem;padding:0 1rem}.ai-review-intro h4{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.ai-review-intro p{color:#64748b;font-size:1rem;line-height:1.6;margin:0}.ai-review-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.ai-review-feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.ai-review-feature-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:scaleX(0);transition:transform .3s ease}.ai-review-feature-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.ai-review-feature-item:hover:before{transform:scaleX(1)}.ai-review-feature-icon{font-size:1.5rem;color:#4f46e5;background:linear-gradient(135deg,#dbeafe,#bfdbfe);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #4f46e533}.ai-review-feature-content h5{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .5rem}.ai-review-feature-content p{color:#64748b;font-size:.9rem;line-height:1.5;margin:0}.ai-review-action{text-align:center;padding:1rem 0}.ai-review-btn{background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;position:relative;overflow:hidden;box-shadow:0 4px 15px #4f46e54d}.ai-review-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.ai-review-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;background:linear-gradient(135deg,#4b5563,#7c3aed)}.ai-review-btn:hover:not(:disabled):before{left:100%}.ai-review-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.ai-review-btn-icon{font-size:1.2rem}.ai-review-results{background:#fff;border-radius:12px;padding:2rem;margin-top:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.ai-review-details{margin-top:2rem}.ai-review-summary{display:none}.ai-review-issues{margin-bottom:2rem}.ai-review-issues h4{color:#2c3e50;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.ai-review-issue{background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:1.5rem;margin-bottom:1rem;transition:all .2s ease}.ai-review-issue:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.ai-review-issue-error{border-left:4px solid #dc3545;background:#fff5f5}.ai-review-issue-warning{border-left:4px solid #ffc107;background:#fffbf0}.ai-review-issue-info{border-left:4px solid #17a2b8;background:#f0f8ff}.ai-review-issue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ai-review-issue-type{background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ai-review-issue-severity{background:#f8f9fa;color:#546e7a;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ai-review-issue h5{color:#2c3e50;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.ai-review-issue p{color:#546e7a;line-height:1.6;margin-bottom:1rem}.ai-review-issue-suggestion{background:#e8f5e8;color:#2e7d32;padding:1rem;border-radius:6px;font-size:.9rem;line-height:1.5;border-left:3px solid #4caf50}.ai-review-issue-location{color:#78909c;font-size:.85rem;font-family:Monaco,Consolas,monospace;margin-top:.5rem}.ai-review-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.ai-review-action-btn{padding:.75rem 1.5rem;border:none;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.ai-review-chat-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.ai-review-chat-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.ai-review-close-btn{background:#f3f4f6;color:#6b7280;border:2px solid #e5e7eb}.ai-review-close-btn:hover{background:#e5e7eb;color:#4b5563}.ai-review-analysis{line-height:1.6;color:#374151;background:#fff;border-radius:8px;padding:0;border:none;box-shadow:0 1px 3px #0000001a}.ai-review-analysis-paragraph{margin-bottom:1.5rem;position:relative}.ai-review-analysis-title{font-size:1.125rem;font-weight:700;margin:0 0 .75rem;padding:0;background:none;color:#374151;border-radius:0;position:relative;box-shadow:none;display:block}.ai-review-analysis-text{margin:0 0 1.5rem;line-height:1.6;color:#374151;font-size:.95rem;background:#fffdf7;padding:1.25rem 1.5rem;border-radius:6px;border-left:4px solid #f59e0b;box-shadow:none;position:relative}.ai-review-suggestion-block{background:#fffdf7;border-left:4px solid #f59e0b;border-radius:6px;padding:1.25rem 1.5rem;margin-bottom:1rem;position:relative}.ai-review-suggestion-badge{background:#bfdbfe;color:#1e40af;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .75rem;border-radius:4px;display:inline-block;margin-bottom:.75rem}.ai-review-suggestion-title{color:#374151;font-size:1rem;font-weight:700;margin:0 0 .5rem}.ai-review-suggestion-description{color:#374151;font-size:.95rem;line-height:1.5;margin:0}.ai-review-analysis-list{margin:1rem 0;background:none;border-radius:0;padding:0;border:none;box-shadow:none}.ai-review-ordered-list{margin:0;padding-left:0;list-style:none;counter-reset:step-counter}.ai-review-list-item{margin-bottom:.75rem;line-height:1.5;color:#374151;position:relative;padding:.5rem 0 .5rem 1.5rem;counter-increment:step-counter;border-radius:0;transition:none;cursor:default}.ai-review-list-item:before{content:counter(step-counter) ".";position:absolute;left:0;top:.5rem;color:#6b7280;font-weight:600;font-size:.9rem}.ai-review-list-item:hover{background:none;transform:none;box-shadow:none}.ai-review-list-item:after{display:none}.ai-review-overall-assessment{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb;color:#374151;font-size:.95rem;line-height:1.5}.ai-review-overall-assessment strong{color:#374151;font-weight:700}.ai-review-pending{text-align:center;padding:3rem 2rem;color:#6b7280}.ai-review-pending-icon{font-size:3rem;color:#d1d5db;margin-bottom:1rem}.ai-review-pending h4{color:#374151;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.ai-review-pending p{margin:0;line-height:1.6}.ai-review-metadata{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border:1px solid #e5e7eb}.ai-review-metadata h4{color:#1f2937;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.ai-review-metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.ai-review-metadata-item{display:flex;flex-direction:column;gap:.25rem}.ai-review-metadata-label{font-size:.85rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.ai-review-metadata-value{font-size:.95rem;color:#374151;font-weight:500}@media(max-width:768px){.ai-review-stage-header,.ai-review-stage-content.expanded{padding:1.5rem}.ai-review-features{grid-template-columns:1fr}.ai-review-actions{flex-direction:column}.ai-review-issue-header{flex-direction:column;align-items:flex-start;gap:.5rem}.ai-review-metadata-grid{grid-template-columns:1fr}}.ai-mentor-card{background:#f0f4ff;border:1px solid #dbeafe;border-radius:12px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;color:inherit;position:relative;overflow:hidden}.ai-mentor-card:before{display:none}.ai-mentor-header{display:flex;align-items:center;margin-bottom:1.5rem;position:relative;z-index:1}.ai-mentor-avatar{width:50px;height:50px;background:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1.5rem;font-size:1.25rem;color:#64748b;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000001a}.ai-mentor-title h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937;text-shadow:none;letter-spacing:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ai-mentor-attempt{background:#f1f5f9;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-top:.5rem;display:inline-block;color:#475569;border:1px solid #e2e8f0}.ai-mentor-content{position:relative;z-index:1}.ai-mentor-analysis{background:transparent;border-radius:0;padding:0;color:inherit;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.mentor-discovery{margin-bottom:2rem}.mentor-discovery-header{display:flex;align-items:center;margin-bottom:1rem;padding:1rem;background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px}.mentor-discovery-icon{font-size:1.2rem;margin-right:.75rem}.mentor-discovery-title{font-weight:700;color:#856404;font-size:.9rem;letter-spacing:.5px}.mentor-discovery-content{padding:1rem;background:#f8f9fa;border-radius:8px;font-size:1rem;line-height:1.6;color:#495057}.mentor-roadmap{margin-bottom:2rem}.mentor-roadmap-header{display:flex;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#d1ecf1;border-left:4px solid #17a2b8;border-radius:8px}.mentor-roadmap-icon{font-size:1.2rem;margin-right:.75rem}.mentor-roadmap-title{font-weight:700;color:#0c5460;font-size:.9rem;letter-spacing:.5px}.mentor-roadmap-steps{display:flex;flex-direction:column;gap:1rem}.mentor-step{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.mentor-step:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.mentor-step-header{display:flex;align-items:center;margin-bottom:.75rem}.mentor-step-icon{font-size:1.1rem;margin-right:.75rem}.mentor-step-title{font-weight:700;color:#495057;font-size:1rem}.mentor-step-description{color:#6c757d;font-size:.95rem;line-height:1.5;margin-left:1.85rem}.mentor-bonus{margin-bottom:2rem;background:linear-gradient(135deg,#ffeaa7,#fab1a0);border-radius:12px;padding:1.5rem;border:2px solid #fdcb6e}.mentor-bonus-header{display:flex;align-items:center;margin-bottom:1rem}.mentor-bonus-icon{font-size:1.2rem;margin-right:.75rem}.mentor-bonus-title{font-weight:700;color:#2d3436;font-size:.9rem;letter-spacing:.5px}.mentor-bonus-content{color:#2d3436;font-size:.95rem;line-height:1.6}.mentor-encouragement{margin-bottom:2rem;background:linear-gradient(135deg,#a8e6cf,#88d8c0);border-radius:12px;padding:1.5rem;border:2px solid #00b894}.mentor-encouragement-header{display:flex;align-items:center;margin-bottom:1rem}.mentor-encouragement-icon{font-size:1.2rem;margin-right:.75rem}.mentor-encouragement-title{font-weight:700;color:#2d3436;font-size:.9rem;letter-spacing:.5px}.mentor-encouragement-content{color:#2d3436;font-size:.95rem;line-height:1.6;font-style:italic}.mentor-actions{margin-bottom:1rem;background:linear-gradient(135deg,#74b9ff,#0984e3);border-radius:12px;padding:1.5rem;color:#fff}.mentor-actions-header{display:flex;align-items:center;margin-bottom:1rem}.mentor-actions-icon{font-size:1.2rem;margin-right:.75rem}.mentor-actions-title{font-weight:700;font-size:.9rem;letter-spacing:.5px}.mentor-actions-content{font-size:.95rem;line-height:1.6}.mentor-paragraph{margin-bottom:1rem;font-size:.95rem;line-height:1.6;color:#495057}.ai-mentor-pending{text-align:center;padding:3rem 2rem;background:#fffffff2;border-radius:12px;color:#6c757d}.ai-mentor-pending-icon{font-size:3rem;margin-bottom:1rem;color:#adb5bd}.ai-mentor-pending h4{margin:0 0 1rem;color:#495057}.ai-mentor-pending p{margin:0;font-size:.95rem}.mentor-response{display:flex;flex-direction:column;gap:1.5rem;background:transparent;border:none;padding:0;margin:0}.mentor-greeting{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:1.5rem}.mentor-greeting-message{font-size:1.1rem;font-weight:600;color:#1e40af;margin-bottom:.5rem;line-height:1.6}.mentor-greeting-tone{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.tone-icon{font-size:1.2rem;display:inline-block;animation:toneIconPulse 2s ease-in-out infinite}.tone-icon i{font-size:1.2rem;display:inline-block}.tone-text{font-size:.9rem;font-weight:600}@keyframes toneIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mentor-greeting.tone-encouraging{background:#fefce8;border-color:#eab308}.mentor-greeting.tone-encouraging .mentor-greeting-message{color:#1f2937}.mentor-greeting.tone-encouraging .mentor-greeting-tone{color:#a16207}.mentor-greeting.tone-supportive{background:#f0f9ff;border-color:#0ea5e9}.mentor-greeting.tone-supportive .mentor-greeting-message{color:#1f2937}.mentor-greeting.tone-supportive .mentor-greeting-tone{color:#0369a1}.mentor-greeting.tone-celebratory{background:#f0fdf4;border-color:#22c55e}.mentor-greeting.tone-celebratory .mentor-greeting-message{color:#1f2937}.mentor-greeting.tone-celebratory .mentor-greeting-tone{color:#15803d}.mentor-greeting.tone-celebratory .tone-icon,.mentor-greeting.tone-celebratory .tone-icon i{animation:celebrate 1.5s ease-in-out infinite}@keyframes celebrate{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-5deg)}75%{transform:scale(1.2) rotate(5deg)}}.mentor-discovery{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.mentor-discovery-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.mentor-discovery-icon{font-size:1.5rem}.mentor-discovery-title{font-size:1.2rem;font-weight:700;color:#1e40af;flex:1}.mentor-discovery-message{font-size:1rem;color:#4b5563;line-height:1.6;margin-bottom:1rem}.mentor-code-snippet{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;margin-top:1rem}.code-snippet-title{font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.75rem}.code-snippet-code{background:#1e293b;border-radius:8px;padding:1rem;overflow-x:auto;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.5;margin:0}.code-snippet-code pre{background:none;margin:0;padding:0}.code-snippet-code code{background:none;color:inherit;padding:0;border-radius:0}.code-snippet-explanation{font-size:.9rem;color:#6b7280;margin-top:.75rem;font-style:italic}.mentor-roadmap{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.mentor-roadmap-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.mentor-roadmap-icon{font-size:1.5rem}.mentor-roadmap-title{font-size:1.2rem;font-weight:700;color:#1e40af}.mentor-roadmap-steps{display:flex;flex-direction:column;gap:1.5rem}.mentor-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem;transition:all .3s ease;margin-bottom:1rem}.mentor-step:hover{background:#f1f5f9;border-color:#cbd5e1}.mentor-step-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.mentor-step-number{background:#6366f1;color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.mentor-step-icon{font-size:1.25rem}.mentor-step-title{font-size:1.1rem;font-weight:600;color:#1e40af;flex:1}.mentor-step-description{font-size:.95rem;color:#4b5563;line-height:1.6;margin-bottom:1rem}.mentor-step-code{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin:1rem 0}.step-code-title{font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.75rem}.step-code-content{background:#1e293b;border-radius:6px;padding:1rem;overflow-x:auto;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.5;margin:0}.step-code-content pre{background:none;margin:0;padding:0}.step-code-content code{background:none;color:inherit;padding:0;border-radius:0}.step-code-explanation{font-size:.85rem;color:#6b7280;margin-top:.75rem;font-style:italic}.mentor-step-help{margin-top:1rem}.help-link-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.help-link-button:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-2px);box-shadow:0 4px 12px -2px #6366f166}.mentor-bonus-tips{background:#fefce8;border:1px solid #eab308;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.mentor-bonus-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.mentor-bonus-icon{font-size:1.5rem}.mentor-bonus-title{font-size:1.2rem;font-weight:700;color:#1e40af}.mentor-bonus-tips-list{display:flex;flex-direction:column;gap:1.25rem}.mentor-bonus-tip{background:#fff;border:1px solid #eab308;border-radius:8px;padding:1.25rem}.bonus-tip-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.bonus-tip-description{font-size:.95rem;color:#4b5563;line-height:1.6;margin-bottom:1rem}.bonus-tip-code{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-top:1rem}.bonus-code-title{font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.75rem}.bonus-code-content{background:#1e293b;border-radius:6px;padding:1rem;overflow-x:auto;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.5;margin:0}.bonus-code-content pre{background:none;margin:0;padding:0}.bonus-code-content code{background:none;color:inherit;padding:0;border-radius:0}.bonus-code-explanation{font-size:.85rem;color:#6b7280;margin-top:.75rem;font-style:italic}.mentor-encouragement{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:1.5rem}.mentor-encouragement-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.mentor-encouragement-icon{font-size:1.5rem}.mentor-encouragement-title{font-size:1.2rem;font-weight:700;color:#1e40af}.mentor-encouragement-message{font-size:1.1rem;color:#1f2937;line-height:1.6;margin-bottom:1rem}.mentor-encouragement-signature{font-size:.95rem;color:#6b7280;font-weight:600;font-style:italic}.mentor-next-actions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.mentor-actions-buttons{display:flex;gap:1rem;flex-wrap:wrap}.mentor-action-button{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:200px;justify-content:center}.mentor-action-button.primary{background:#2563eb;color:#fff}.mentor-action-button.primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px -2px #2563eb4d}.mentor-action-button.secondary{background:#f8fafc;color:#374151;border:2px solid #e5e7eb}.mentor-action-button.secondary:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px -2px #0000001a}.action-icon{font-size:1.25rem}.action-text{font-size:1rem}.syntax-highlighter{background:#1e293b!important;border-radius:8px;padding:1rem;overflow-x:auto;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.8rem!important;line-height:1.5;margin:0}.syntax-highlighter pre{background:none!important;margin:0;padding:0;border-radius:0}.syntax-highlighter code{background:none!important;color:inherit;padding:0;border-radius:0;font-family:inherit}.syntax-highlighter .token.comment,.syntax-highlighter .token.prolog,.syntax-highlighter .token.doctype,.syntax-highlighter .token.cdata{color:#6b7280}.syntax-highlighter .token.punctuation{color:#e5e7eb}.syntax-highlighter .token.property,.syntax-highlighter .token.tag,.syntax-highlighter .token.boolean,.syntax-highlighter .token.number,.syntax-highlighter .token.constant,.syntax-highlighter .token.symbol,.syntax-highlighter .token.deleted{color:#f59e0b}.syntax-highlighter .token.selector,.syntax-highlighter .token.attr-name,.syntax-highlighter .token.string,.syntax-highlighter .token.char,.syntax-highlighter .token.builtin,.syntax-highlighter .token.inserted{color:#10b981}.syntax-highlighter .token.operator,.syntax-highlighter .token.entity,.syntax-highlighter .token.url,.syntax-highlighter .language-css .token.string,.syntax-highlighter .style .token.string{color:#3b82f6}.syntax-highlighter .token.atrule,.syntax-highlighter .token.attr-value,.syntax-highlighter .token.keyword{color:#8b5cf6}.syntax-highlighter .token.function,.syntax-highlighter .token.class-name{color:#06b6d4}.syntax-highlighter .token.regex,.syntax-highlighter .token.important,.syntax-highlighter .token.variable{color:#ef4444}@media(max-width:768px){.mentor-response{gap:1.5rem}.mentor-discovery-header,.mentor-roadmap-header,.mentor-bonus-header,.mentor-encouragement-header{flex-direction:column;align-items:flex-start;gap:.5rem}.mentor-actions-buttons{flex-direction:column}.mentor-action-button{min-width:auto}.mentor-step-header{flex-direction:column;align-items:flex-start;gap:.5rem}.syntax-highlighter{font-size:.8rem;padding:.75rem}}.ai-assistant{background:#fff;border:2px solid #e5e7eb;border-radius:20px;margin-bottom:1.5rem;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;position:relative;transition:all .3s ease}.ai-assistant:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);border-radius:20px 20px 0 0}.ai-assistant-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:linear-gradient(135deg,#fafbff,#f0f4ff);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.ai-assistant-header:hover{background:linear-gradient(135deg,#fafbff,#f0f4ff);transform:translateY(-2px);box-shadow:0 20px 40px -10px #00000026}.ai-assistant-title{display:flex;align-items:center;gap:1.25rem}.ai-assistant-icon{font-size:2.5rem;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 8px 25px #6366f14d;transition:all .3s ease}.ai-assistant-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.ai-assistant-icon:hover:before{left:100%}.ai-assistant-title-content{display:flex;flex-direction:column;gap:.25rem}.ai-assistant-title h3{margin:0;color:#1f2937;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-assistant-subtitle{color:#64748b;font-size:.95rem;font-weight:500}.ai-assistant-controls{display:flex;align-items:center;gap:1rem}.ai-assistant-expand-arrow{font-size:1.25rem;color:#6b7280;transition:all .3s ease;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);cursor:pointer;position:relative;overflow:hidden}.ai-assistant-expand-arrow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .3s ease}.ai-assistant-expand-arrow:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);transform:scale(1.05);box-shadow:0 4px 12px #00000026}.ai-assistant-expand-arrow:hover:before{left:100%}.ai-assistant-expand-arrow.expanded{transform:rotate(180deg);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.ai-assistant-status{padding:.75rem 1.25rem;border-radius:25px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.ai-assistant-status-available{background:transparent;color:#10b981}.ai-assistant-status-processing{background:transparent;color:#f59e0b}.ai-assistant-status-completed{background:transparent;color:#3b82f6}.ai-assistant-content{position:relative;max-height:0;overflow:hidden;transition:all .3s ease;background:linear-gradient(135deg,#fafbff,#f8fafc)}.ai-assistant-content.expanded{max-height:2000px;padding:2rem;border-top:1px solid #e5e7eb}.ai-assistant-prompt{padding:0}.ai-assistant-intro{text-align:center;margin-bottom:2rem;padding:0 1rem}.ai-assistant-intro h4{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.ai-assistant-intro p{color:#64748b;font-size:1rem;line-height:1.6;margin:0}.ai-assistant-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.ai-assistant-feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.ai-assistant-feature-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:scaleX(0);transition:transform .3s ease}.ai-assistant-feature-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.ai-assistant-feature-item:hover:before{transform:scaleX(1)}.ai-assistant-feature-icon{font-size:1.5rem;color:#4f46e5;background:linear-gradient(135deg,#dbeafe,#bfdbfe);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #4f46e533}.ai-assistant-feature-content h5{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .5rem}.ai-assistant-feature-content p{color:#64748b;font-size:.9rem;line-height:1.5;margin:0}.ai-assistant-action{text-align:center;padding:1rem 0}.ai-assistant-btn{background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;position:relative;overflow:hidden;box-shadow:0 4px 15px #4f46e54d}.ai-assistant-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.ai-assistant-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;background:linear-gradient(135deg,#4b5563,#7c3aed)}.ai-assistant-btn:hover:not(:disabled):before{left:100%}.ai-assistant-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.ai-assistant-btn-icon{font-size:1.2rem}.ai-assistant-results{background:#fff;border-radius:12px;padding:2rem;margin-top:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.ai-assistant-details{margin-top:2rem}.ai-assistant-summary{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #4f46e5}.ai-assistant-summary h4{color:#2c3e50;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.ai-assistant-summary p{color:#546e7a;line-height:1.6;margin:0}.ai-assistant-issues{margin-bottom:2rem}.ai-assistant-issues h4{color:#2c3e50;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.ai-assistant-issue{background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:1.5rem;margin-bottom:1rem;transition:all .2s ease}.ai-assistant-issue:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.ai-assistant-issue-error{border-left:4px solid #dc3545;background:#fff5f5}.ai-assistant-issue-warning{border-left:4px solid #ffc107;background:#fffbf0}.ai-assistant-issue-info{border-left:4px solid #17a2b8;background:#f0f8ff}.ai-assistant-issue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ai-assistant-issue-type{background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ai-assistant-issue-severity{background:#f8f9fa;color:#546e7a;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ai-assistant-issue h5{color:#2c3e50;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.ai-assistant-issue p{color:#546e7a;line-height:1.6;margin-bottom:1rem}.ai-assistant-issue-suggestion{background:#e8f5e8;color:#2e7d32;padding:1rem;border-radius:6px;font-size:.9rem;line-height:1.5;border-left:3px solid #4caf50}.ai-assistant-issue-location{color:#78909c;font-size:.85rem;font-family:Monaco,Consolas,monospace;margin-top:.5rem}.ai-assistant-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.ai-assistant-action-btn{padding:.75rem 1.5rem;border:none;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.ai-assistant-chat-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.ai-assistant-chat-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.ai-assistant-close-btn{background:#f3f4f6;color:#6b7280;border:2px solid #e5e7eb}.ai-assistant-close-btn:hover{background:#e5e7eb;color:#4b5563}.ai-assistant-chat-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.ai-assistant-chat-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ai-assistant-chat-container{position:relative;background:#fff;border-radius:20px;width:90%;max-width:800px;max-height:80vh;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.ai-assistant-chat-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#fafbff,#f0f4ff);border-bottom:1px solid #e5e7eb}.ai-assistant-chat-title{display:flex;align-items:center;gap:1rem}.ai-assistant-chat-icon{font-size:1.5rem;color:#4f46e5}.ai-assistant-chat-title h3{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600}.ai-assistant-chat-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.ai-assistant-chat-close:hover{background:#f3f4f6;color:#374151}.ai-assistant-chat-content{padding:2rem;max-height:60vh;overflow-y:auto}.ai-assistant-chat-placeholder{text-align:center;padding:2rem}.ai-assistant-chat-placeholder-icon{font-size:3rem;color:#4f46e5;margin-bottom:1rem}.ai-assistant-chat-placeholder h4{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.ai-assistant-chat-placeholder p{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:2rem}.ai-assistant-chat-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.ai-assistant-chat-feature{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8f9fa;border-radius:8px;text-align:left}.ai-assistant-feature-icon{font-size:1.25rem;color:#4f46e5}.ai-assistant-chat-notify-btn{background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4f46e54d}.ai-assistant-chat-notify-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}@media(max-width:768px){.ai-assistant-header,.ai-assistant-content.expanded{padding:1.5rem}.ai-assistant-features{grid-template-columns:1fr}.ai-assistant-actions{flex-direction:column}.ai-assistant-issue-header{flex-direction:column;align-items:flex-start;gap:.5rem}.ai-assistant-chat-container{width:95%;margin:1rem}.ai-assistant-chat-features{grid-template-columns:1fr}}.attempts-overview-container{margin-bottom:1.5rem;width:100%;max-width:100%}.attempts-overview-selector{margin-bottom:1.5rem}.attempts-overview-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#24292e;margin-bottom:.75rem}.attempts-overview-label i{color:#586069}.attempts-overview-select-wrapper{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.attempts-overview-select{flex:1;min-width:250px;padding:.75rem 2.5rem .75rem 1rem;border:2px solid #e1e4e8;border-radius:8px;background:#fff;font-size:.95rem;font-weight:500;color:#24292e;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23586069' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.attempts-overview-select:hover{border-color:#4f46e5}.attempts-overview-select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.attempts-overview-navigation{display:flex;align-items:center;gap:.75rem}.attempts-overview-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid #e1e4e8;border-radius:6px;background:#fff;color:#586069;cursor:pointer;transition:all .2s ease;font-size:.9rem}.attempts-overview-nav-btn:hover:not(:disabled){border-color:#4f46e5;color:#4f46e5;background:#f1f8ff}.attempts-overview-nav-btn:disabled{opacity:.4;cursor:not-allowed}.attempts-overview-counter{font-size:.85rem;font-weight:600;color:#586069;min-width:60px;text-align:center}.attempts-overview-no-attempts{padding:2rem;text-align:center;background:#f8f9fa;border-radius:8px;border:2px dashed #e1e4e8}.attempts-overview-no-attempts p{margin:0;color:#586069;font-size:.95rem}.attempts-overview-card{background:#f8f9fa;border:2px solid #e1e4e8;border-radius:8px;padding:1rem;position:relative;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;min-height:180px}.attempts-overview-card:hover{border-color:#4f46e5;background:#f1f8ff}.attempts-overview-card.active{border-color:#4f46e5;background:#f1f8ff;box-shadow:0 4px 12px #0366d626}.attempts-overview-card.passed{border-color:#28a745;background:#f0fff4}.attempts-overview-card.failed{border-color:#dc3545;background:#fff5f5}.attempts-overview-card.processing{background:#fffbf0;border-color:#ffc107}.attempts-overview-card.pipeline-issue{background:#fff3cd;border-color:#ffc107}.attempts-overview-status-processing{background:#fff3cd;color:#856404}.attempts-overview-badge{position:absolute;top:-8px;right:12px;background:#4f46e5;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;z-index:1}.attempts-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.attempts-overview-number{font-size:1rem;font-weight:600;color:#24292e}.attempts-overview-status{padding:.375rem .75rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.attempts-overview-status-not-attempted{background:#f1f3f4;color:#5f6368}.attempts-overview-badge-passed{background:#d4edda;color:#155724}.attempts-overview-badge-failed{background:#f8d7da;color:#721c24}.attempts-overview-badge-pipeline-issue{background:#fff3cd;color:#856404}.attempts-overview-details{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}.attempts-overview-details div{display:flex;justify-content:space-between}.attempts-overview-detail-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #e1e4e8}.attempts-overview-detail-item:last-child{border-bottom:none}.attempts-overview-detail-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:.8rem}.attempts-overview-detail-content{display:flex;flex-direction:column;gap:.125rem;flex:1}.attempts-overview-detail-label{font-size:.75rem;color:#6c757d;font-weight:500}.attempts-overview-detail-value{font-size:.8rem;font-weight:600;color:#212529}.attempts-overview-detail-value.passed{color:#16a34a}.attempts-overview-detail-value.failed{color:#dc2626}.attempts-overview-detail-value.not-applicable{color:#6c757d;font-style:italic}.attempts-overview-pending-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f8f9fa;border-radius:6px;color:#6c757d;font-size:.8rem;grid-column:1 / -1}.attempts-overview-pending-icon{color:#ffc107;font-size:1rem}.attempts-overview-comments{margin-top:1rem;padding-top:1rem;border-top:1px solid #e1e4e8;display:flex;flex-direction:column;gap:1rem}.attempts-overview-score{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border-radius:6px;border:1px solid #e1e4e8}.attempts-overview-score-label{font-size:.85rem;color:#6b7280;font-weight:500}.attempts-overview-score-value{font-size:1rem;font-weight:600}.attempts-overview-comments-section{display:flex;flex-direction:column;gap:.75rem}.attempts-overview-comments-header{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#6b7280;font-weight:600}.attempts-overview-comments-header i{font-size:.8rem;color:#667eea}.attempts-overview-comments-list{display:flex;flex-direction:column;gap:.75rem}.attempts-overview-comment-item{padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.attempts-overview-comment-text{font-size:.9rem;color:#374151;line-height:1.5;margin-bottom:.5rem;font-weight:400}.attempts-overview-comment-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280;padding-top:.5rem;border-top:1px solid #f3f4f6}.attempts-overview-comment-meta i{font-size:.7rem;color:#9ca3af}.attempts-overview-comment-date{margin-left:auto;font-style:italic}.attempts-overview-comments-text{font-size:.9rem;color:#374151;line-height:1.5;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb;font-weight:400}.attempts-overview-metric-comments{display:flex;flex-direction:column;gap:.75rem}.attempts-overview-metric-comment-item{padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.attempts-overview-metric-comment-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.attempts-overview-metric-name{font-size:.85rem;color:#374151;font-weight:500}.attempts-overview-metric-score{font-size:.85rem;font-weight:600}.attempts-overview-metric-comment-text{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:#374151;line-height:1.5}.attempts-overview-metric-comment-text i{font-size:.8rem;color:#667eea;margin-top:.2rem;flex-shrink:0}@media(max-width:768px){.attempts-overview-select-wrapper{flex-direction:column;align-items:stretch}.attempts-overview-select{min-width:100%}.attempts-overview-navigation{justify-content:center;width:100%}.attempts-overview-details{grid-template-columns:1fr}}.web-basics-test-cases-stage{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000d;overflow:hidden}.web-basics-test-cases-stage-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;cursor:pointer;transition:background-color .2s ease}.web-basics-test-cases-stage-header:hover{background:#e9ecef}.web-basics-test-cases-stage-title{display:flex;align-items:center;gap:.75rem}.web-basics-test-cases-stage-title h3{margin:0;color:#495057;font-size:1.1rem;font-weight:600}.web-basics-test-cases-stage-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.web-basics-test-cases-stage-icon.web-basics-test-cases-stage-success{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.web-basics-test-cases-stage-icon.web-basics-test-cases-stage-failed{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.web-basics-test-cases-stage-status{display:flex;align-items:center;gap:.75rem}.web-basics-test-cases-status-badge.web-basics-test-cases-stage-success{background:#dcfce7;color:#16a34a}.web-basics-test-cases-status-badge.web-basics-test-cases-stage-failed{background:#fef2f2;color:#dc2626}.web-basics-test-cases-expand-arrow{transition:transform .2s ease;color:#6c757d}.web-basics-test-cases-stage-content{max-height:0;overflow:hidden;transition:all .3s ease}.web-basics-test-cases-stage-content.expanded{max-height:2000px;padding:1.5rem}.web-basics-test-cases-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.web-basics-test-cases-summary-header{margin-bottom:1rem}.web-basics-test-cases-summary-header h4{margin:0;color:#495057;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.web-basics-test-cases-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;max-width:600px}.web-basics-test-cases-summary-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.web-basics-test-cases-summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.web-basics-test-cases-summary-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff}.web-basics-test-cases-summary-passed .web-basics-test-cases-summary-icon{background:linear-gradient(135deg,#16a34a,#22c55e)}.web-basics-test-cases-summary-failed .web-basics-test-cases-summary-icon{background:linear-gradient(135deg,#dc2626,#ef4444)}.web-basics-test-cases-summary-rate .web-basics-test-cases-summary-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.web-basics-test-cases-summary-time .web-basics-test-cases-summary-icon{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.web-basics-test-cases-summary-content{display:flex;flex-direction:column;gap:.25rem}.web-basics-test-cases-summary-value{font-size:1.2rem;font-weight:700;color:#212529}.web-basics-test-cases-summary-label{font-size:.8rem;color:#6c757d;font-weight:500}.web-basics-test-cases-details{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.web-basics-test-cases-details-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.web-basics-test-cases-details-header h4{margin:0;color:#495057;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.web-basics-test-cases-count{background:#4f46e5;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.web-basics-test-cases-list{padding:0;max-height:500px;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d1d5da #f6f8fa}.web-basics-test-cases-list::-webkit-scrollbar{width:8px}.web-basics-test-cases-list::-webkit-scrollbar-track{background:#f6f8fa}.web-basics-test-cases-list::-webkit-scrollbar-thumb{background:#d1d5da;border-radius:4px}.web-basics-test-cases-list::-webkit-scrollbar-thumb:hover{background:#a8b0b8}.web-basics-test-cases-item{border-bottom:1px solid #e9ecef;transition:all .2s ease}.web-basics-test-cases-item:last-child{border-bottom:none}.web-basics-test-cases-item:hover{background-color:#f8f9fa}.web-basics-test-cases-item.web-basics-test-cases-passed{border-left:4px solid #16a34a}.web-basics-test-cases-item.web-basics-test-cases-failed{border-left:4px solid #dc2626}.web-basics-test-cases-item.web-basics-test-cases-error{border-left:4px solid #b8860b}.web-basics-test-cases-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:background-color .2s ease}.web-basics-test-cases-header:hover{background-color:#f6f8fa}.web-basics-test-cases-main{display:flex;justify-content:space-between;align-items:center;flex:1;gap:1rem}.web-basics-test-cases-info{display:flex;align-items:center;gap:.75rem;flex:1}.web-basics-test-cases-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.web-basics-test-cases-item.web-basics-test-cases-passed .web-basics-test-cases-icon{color:#16a34a}.web-basics-test-cases-item.web-basics-test-cases-failed .web-basics-test-cases-icon{color:#dc2626}.web-basics-test-cases-item.web-basics-test-cases-error .web-basics-test-cases-icon{color:#b8860b}.web-basics-test-cases-name{font-weight:500;color:#212529;line-height:1.4}.web-basics-test-cases-status{display:flex;align-items:center;gap:.75rem}.web-basics-test-cases-status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.web-basics-test-cases-status-badge.web-basics-test-cases-passed{background:#dcfce7;color:#16a34a}.web-basics-test-cases-status-badge.web-basics-test-cases-failed{background:#fef2f2;color:#dc2626}.web-basics-test-cases-status-badge.web-basics-test-cases-error{background:#f5f3e7;color:#8b7355}.web-basics-test-cases-time{display:flex;align-items:center;gap:.25rem;color:#6c757d;font-size:.8rem}.web-basics-test-cases-expand{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.8rem;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.web-basics-test-cases-expand:hover{background:#e9ecef;color:#495057}.web-basics-test-cases-expand-text{font-weight:500}.web-basics-test-cases-expand-arrow{transition:transform .2s ease}.web-basics-test-cases-expand-arrow.expanded{transform:rotate(180deg)}.web-basics-test-cases-error-details{padding:0;max-height:0;overflow:hidden;transition:all .3s ease}.web-basics-test-cases-error-details.expanded{max-height:500px;padding:1rem 1.5rem}.web-basics-test-cases-error-details.web-basics-test-cases-error-details-error{background:#faf8f0;border-top:1px solid #e8e0d0}.web-basics-test-cases-error-details.web-basics-test-cases-error-details-failed{background:#fef2f2;border-top:1px solid #fecaca}.web-basics-test-cases-error-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;font-size:.9rem}.web-basics-test-cases-error-details-error .web-basics-test-cases-error-header{color:#8b7355}.web-basics-test-cases-error-details-failed .web-basics-test-cases-error-header{color:#dc2626}.web-basics-test-cases-error-content{background:#fff;border-radius:6px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;line-height:1.4}.web-basics-test-cases-error-details-error .web-basics-test-cases-error-content{border:1px solid #e8e0d0;color:#8b7355}.web-basics-test-cases-error-details-failed .web-basics-test-cases-error-content{border:1px solid #fecaca;color:#dc2626}@media(max-width:768px){.web-basics-test-cases-summary-grid{grid-template-columns:repeat(2,1fr)}.web-basics-test-cases-stage-header{padding:.75rem 1rem}.web-basics-test-cases-stage-content.expanded{padding:1rem}.web-basics-test-cases-header{padding:.75rem 1rem}.web-basics-test-cases-main{flex-direction:column;align-items:flex-start;gap:.5rem}.web-basics-test-cases-status{align-self:flex-end}}.react-test-cases-stage{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000d;overflow:hidden}.react-test-cases-stage-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;cursor:pointer;transition:background-color .2s ease}.react-test-cases-stage-header:hover{background:#e9ecef}.react-test-cases-stage-title{display:flex;align-items:center;gap:.75rem}.react-test-cases-stage-title h3{margin:0;color:#495057;font-size:1.1rem;font-weight:600}.react-test-cases-stage-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.react-test-cases-stage-icon.react-test-cases-stage-success{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.react-test-cases-stage-icon.react-test-cases-stage-failed{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.react-test-cases-stage-status{display:flex;align-items:center;gap:.75rem}.react-test-cases-status-badge.react-test-cases-stage-success{background:#dcfce7;color:#16a34a}.react-test-cases-status-badge.react-test-cases-stage-failed{background:#fef2f2;color:#dc2626}.react-test-cases-expand-arrow{transition:transform .2s ease;color:#6c757d}.react-test-cases-stage-content{max-height:0;overflow:hidden;transition:all .3s ease}.react-test-cases-stage-content.expanded{max-height:2000px;padding:1.5rem}.react-test-cases-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.react-test-cases-summary-header{margin-bottom:1rem}.react-test-cases-summary-header h4{margin:0;color:#495057;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.react-test-cases-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%}.react-test-cases-summary-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.react-test-cases-summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.react-test-cases-summary-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff}.react-test-cases-summary-passed .react-test-cases-summary-icon{background:linear-gradient(135deg,#16a34a,#22c55e)}.react-test-cases-summary-failed .react-test-cases-summary-icon{background:linear-gradient(135deg,#dc2626,#ef4444)}.react-test-cases-summary-rate .react-test-cases-summary-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.react-test-cases-summary-time .react-test-cases-summary-icon{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.react-test-cases-summary-content{display:flex;flex-direction:column;gap:.25rem}.react-test-cases-summary-value{font-size:1.2rem;font-weight:700;color:#212529}.react-test-cases-summary-label{font-size:.8rem;color:#6c757d;font-weight:500}.react-test-cases-details{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.react-test-cases-details-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.react-test-cases-details-header h4{margin:0;color:#495057;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.react-test-cases-count{background:#4f46e5;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.react-test-cases-list{padding:0;max-height:500px;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d1d5da #f6f8fa}.react-test-cases-list::-webkit-scrollbar{width:8px}.react-test-cases-list::-webkit-scrollbar-track{background:#f6f8fa}.react-test-cases-list::-webkit-scrollbar-thumb{background:#d1d5da;border-radius:4px}.react-test-cases-list::-webkit-scrollbar-thumb:hover{background:#a8b0b8}.react-test-cases-item{border-bottom:1px solid #e9ecef;transition:all .2s ease}.react-test-cases-item:last-child{border-bottom:none}.react-test-cases-item:hover{background-color:#f8f9fa}.react-test-cases-item.react-test-cases-passed{border-left:4px solid #16a34a}.react-test-cases-item.react-test-cases-failed{border-left:4px solid #dc2626}.react-test-cases-item.react-test-cases-error{border-left:4px solid #b8860b}.react-test-cases-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:background-color .2s ease}.react-test-cases-header:hover{background-color:#f6f8fa}.react-test-cases-main{display:flex;justify-content:space-between;align-items:center;flex:1;gap:1rem}.react-test-cases-info{display:flex;align-items:center;gap:.75rem;flex:1}.react-test-cases-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.react-test-cases-item.react-test-cases-passed .react-test-cases-icon{color:#16a34a}.react-test-cases-item.react-test-cases-failed .react-test-cases-icon{color:#dc2626}.react-test-cases-item.react-test-cases-error .react-test-cases-icon{color:#b8860b}.react-test-cases-name{font-weight:500;color:#212529;line-height:1.4}.react-test-cases-status{display:flex;align-items:center;gap:.75rem}.react-test-cases-status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.react-test-cases-status-badge.react-test-cases-passed{background:#dcfce7;color:#16a34a}.react-test-cases-status-badge.react-test-cases-failed{background:#fef2f2;color:#dc2626}.react-test-cases-status-badge.react-test-cases-error{background:#f5f3e7;color:#8b7355}.react-test-cases-time{display:flex;align-items:center;gap:.25rem;color:#6c757d;font-size:.8rem}.react-test-cases-expand{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.8rem;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.react-test-cases-expand:hover{background:#e9ecef;color:#495057}.react-test-cases-expand-text{font-weight:500}.react-test-cases-expand-arrow{transition:transform .2s ease}.react-test-cases-expand-arrow.expanded{transform:rotate(180deg)}.react-test-cases-error-details{padding:0;max-height:0;overflow:hidden;transition:all .3s ease}.react-test-cases-error-details.expanded{max-height:500px;padding:1rem 1.5rem}.react-test-cases-error-details.react-test-cases-error-details-error{background:#faf8f0;border-top:1px solid #e8e0d0}.react-test-cases-error-details.react-test-cases-error-details-failed{background:#fef2f2;border-top:1px solid #fecaca}.react-test-cases-error-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;font-size:.9rem}.react-test-cases-error-details-error .react-test-cases-error-header{color:#8b7355}.react-test-cases-error-details-failed .react-test-cases-error-header{color:#dc2626}.react-test-cases-error-content{background:#fff;border-radius:6px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.react-test-cases-error-details-error .react-test-cases-error-content{border:1px solid #e8e0d0}.react-test-cases-error-details-failed .react-test-cases-error-content{border:1px solid #fecaca}.react-test-cases-error-text{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.85rem;line-height:1.4;max-height:300px;overflow-y:auto}.react-test-cases-error-details-error .react-test-cases-error-text{color:#8b7355}.react-test-cases-error-details-failed .react-test-cases-error-text{color:#dc2626}@media(max-width:768px){.react-test-cases-summary-grid{grid-template-columns:repeat(2,1fr)}.react-test-cases-stage-header{padding:.75rem 1rem}.react-test-cases-stage-content.expanded{padding:1rem}.react-test-cases-header{padding:.75rem 1rem}.react-test-cases-main{flex-direction:column;align-items:flex-start;gap:.5rem}.react-test-cases-status{align-self:flex-end}}.python-test-cases-stage{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000d;overflow:hidden}.python-test-cases-stage-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;cursor:pointer;transition:background-color .2s ease}.python-test-cases-stage-header:hover{background:#e9ecef}.python-test-cases-stage-title{display:flex;align-items:center;gap:.75rem}.python-test-cases-stage-title h3{margin:0;color:#495057;font-size:1.1rem;font-weight:600}.python-test-cases-stage-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.python-test-cases-stage-icon.python-test-cases-stage-success{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.python-test-cases-stage-icon.python-test-cases-stage-failed{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.python-test-cases-stage-status{display:flex;align-items:center;gap:.75rem}.python-test-cases-status-badge.python-test-cases-stage-success{background:#dcfce7;color:#16a34a}.python-test-cases-status-badge.python-test-cases-stage-failed{background:#fef2f2;color:#dc2626}.python-test-cases-expand-arrow{transition:transform .2s ease;color:#6c757d}.python-test-cases-stage-content{max-height:0;overflow:hidden;transition:all .3s ease}.python-test-cases-stage-content.expanded{max-height:2000px;padding:1.5rem}.python-test-cases-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.python-test-cases-summary-header{margin-bottom:1rem}.python-test-cases-summary-header h4{margin:0;color:#495057;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.python-test-cases-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:600px}.python-test-cases-summary-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.python-test-cases-summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.python-test-cases-summary-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff}.python-test-cases-summary-passed .python-test-cases-summary-icon{background:linear-gradient(135deg,#16a34a,#22c55e)}.python-test-cases-summary-failed .python-test-cases-summary-icon{background:linear-gradient(135deg,#dc2626,#ef4444)}.python-test-cases-summary-rate .python-test-cases-summary-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.python-test-cases-summary-time .python-test-cases-summary-icon{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.python-test-cases-summary-content{display:flex;flex-direction:column;gap:.25rem}.python-test-cases-summary-value{font-size:1.2rem;font-weight:700;color:#212529}.python-test-cases-summary-label{font-size:.8rem;color:#6c757d;font-weight:500}.python-test-cases-details{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.python-test-cases-details-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.python-test-cases-details-header h4{margin:0;color:#495057;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.python-test-cases-count{background:#4f46e5;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.python-test-cases-list{padding:0;max-height:500px;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d1d5da #f6f8fa}.python-test-cases-list::-webkit-scrollbar{width:8px}.python-test-cases-list::-webkit-scrollbar-track{background:#f6f8fa}.python-test-cases-list::-webkit-scrollbar-thumb{background:#d1d5da;border-radius:4px}.python-test-cases-list::-webkit-scrollbar-thumb:hover{background:#a8b0b8}.python-test-cases-item{border-bottom:1px solid #e9ecef;transition:all .2s ease}.python-test-cases-item:last-child{border-bottom:none}.python-test-cases-item:hover{background-color:#f8f9fa}.python-test-cases-item.python-test-cases-passed{border-left:4px solid #16a34a}.python-test-cases-item.python-test-cases-failed{border-left:4px solid #dc2626}.python-test-cases-item.python-test-cases-error{border-left:4px solid #b8860b}.python-test-cases-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:background-color .2s ease}.python-test-cases-header:hover{background-color:#f6f8fa}.python-test-cases-main{display:flex;justify-content:space-between;align-items:center;flex:1;gap:1rem}.python-test-cases-info{display:flex;align-items:center;gap:.75rem;flex:1}.python-test-cases-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.python-test-cases-item.python-test-cases-passed .python-test-cases-icon{color:#16a34a}.python-test-cases-item.python-test-cases-failed .python-test-cases-icon{color:#dc2626}.python-test-cases-item.python-test-cases-error .python-test-cases-icon{color:#b8860b}.python-test-cases-name{font-weight:500;color:#212529;line-height:1.4}.python-test-cases-status{display:flex;align-items:center;gap:.75rem}.python-test-cases-status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.python-test-cases-status-badge.python-test-cases-passed{background:#dcfce7;color:#16a34a}.python-test-cases-status-badge.python-test-cases-failed{background:#fef2f2;color:#dc2626}.python-test-cases-status-badge.python-test-cases-error{background:#f5f3e7;color:#8b7355}.python-test-cases-time{display:flex;align-items:center;gap:.25rem;color:#6c757d;font-size:.8rem}.python-test-cases-expand{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.8rem;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.python-test-cases-expand:hover{background:#e9ecef;color:#495057}.python-test-cases-expand-text{font-weight:500}.python-test-cases-expand-arrow{transition:transform .2s ease}.python-test-cases-expand-arrow.expanded{transform:rotate(180deg)}.python-test-cases-error-details{padding:0;max-height:0;overflow:hidden;transition:all .3s ease}.python-test-cases-error-details.expanded{max-height:500px;padding:1rem 1.5rem}.python-test-cases-error-details.python-test-cases-error-details-error{background:#faf8f0;border-top:1px solid #e8e0d0}.python-test-cases-error-details.python-test-cases-error-details-failed{background:#fef2f2;border-top:1px solid #fecaca}.python-test-cases-error-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;font-size:.9rem}.python-test-cases-error-details-error .python-test-cases-error-header{color:#8b7355}.python-test-cases-error-details-failed .python-test-cases-error-header{color:#dc2626}.python-test-cases-error-content{background:#fff;border-radius:6px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;line-height:1.4}.python-test-cases-error-details-error .python-test-cases-error-content{border:1px solid #e8e0d0;color:#8b7355}.python-test-cases-error-details-failed .python-test-cases-error-content{border:1px solid #fecaca;color:#dc2626}@media(max-width:768px){.python-test-cases-summary-grid{grid-template-columns:repeat(2,1fr)}.python-test-cases-stage-header{padding:.75rem 1rem}.python-test-cases-stage-content.expanded{padding:1rem}.python-test-cases-header{padding:.75rem 1rem}.python-test-cases-main{flex-direction:column;align-items:flex-start;gap:.5rem}.python-test-cases-status{align-self:flex-end}}.ai-review-panel{position:sticky;top:0;align-self:flex-start;width:400px;height:calc(100vh - 80px);min-height:400px;max-height:calc(100vh - 80px);background:#fff;border:none;border-bottom:1px solid #e1e4e8;border-radius:0;display:flex;flex-direction:column;z-index:100;transition:width .3s ease;box-shadow:none;flex-shrink:0;margin-right:0;overflow:hidden;box-sizing:border-box}.ai-review-panel.minimized{width:300px}.ai-review-panel.expanded{width:600px}.ai-review-panel.minimized.expanded{width:450px}.ai-review-panel-expand-toggle{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;font-size:.9rem}.ai-review-panel-expand-toggle:hover{background:#ffffff4d;transform:scale(1.1)}.ai-review-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#24292e;color:#fff;-webkit-user-select:none;user-select:none;border-bottom:1px solid #e1e4e8;min-height:60px;flex-shrink:0}.ai-review-panel-header-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;cursor:pointer}.ai-review-panel-header-left:hover{opacity:.9}.ai-review-panel-header-right{display:flex;align-items:center;gap:.5rem}.ai-review-panel-header-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.ai-review-panel-icon{font-size:2.5rem;color:gold;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#ffd70026;border-radius:10px;flex-shrink:0;animation:sparkle 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,215,0,1));margin-right:.75rem;border:2px solid rgba(255,215,0,.3)}@keyframes sparkle{0%,to{filter:drop-shadow(0 0 4px rgba(255,215,0,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(255,215,0,.9));transform:scale(1.1)}}.ai-review-panel-title{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.ai-review-panel-title h3{margin:0;font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-review-status-badge{display:inline-block;padding:.2rem .6rem;border-radius:10px;font-size:.7rem;font-weight:500;background:#fff3;color:#fff}.ai-review-status-badge.processing{background:#ffc1074d;color:#ffc107}.ai-review-panel-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;background:#fff;min-height:0;box-sizing:border-box;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d1d5da #f6f8fa;position:relative;display:flex;flex-direction:column;height:100%}.ai-review-panel-content::-webkit-scrollbar{width:8px}.ai-review-panel-content::-webkit-scrollbar-track{background:#f6f8fa}.ai-review-panel-content::-webkit-scrollbar-thumb{background:#d1d5da;border-radius:4px}.ai-review-panel-content::-webkit-scrollbar-thumb:hover{background:#a8b0b8}.ai-review-tabs{display:flex;border-bottom:1px solid #e1e4e8;background:#f6f8fa;padding:0;margin:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0}.ai-review-tabs::-webkit-scrollbar{display:none}.ai-review-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#586069;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;flex-shrink:0}.ai-review-tab:hover{color:#24292e;background:#00000005}.ai-review-tab.active{color:#0366d6;border-bottom-color:#0366d6;background:#fff}.ai-review-tab i{font-size:.875rem}.ai-review-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 .375rem;background:#d73a49;color:#fff;border-radius:10px;font-size:.7rem;font-weight:600;margin-left:.25rem}.ai-review-tab.active .ai-review-tab-badge{background:#0366d6}.ai-review-panel-content .ai-review-content{padding:1.25rem;flex:1;min-height:0;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;overflow-y:auto;display:flex;flex-direction:column;height:100%}.ai-review-panel-content .mentor-response{padding:0;min-height:100%;flex:1;display:flex;flex-direction:column}.ai-review-panel-content .mentor-greeting,.ai-review-panel-content .mentor-discovery,.ai-review-panel-content .mentor-roadmap,.ai-review-panel-content .mentor-bonus-tips,.ai-review-panel-content .mentor-encouragement{margin-bottom:1.25rem;height:auto;min-height:auto}.ai-review-panel-content .mentor-greeting:first-child{margin-top:0}.ai-review-panel-content>.ai-review-content:first-child{margin-top:0;padding-top:1.25rem}.ai-review-panel-content .ai-review-text-section,.ai-review-panel-content .ai-review-formatted-content,.ai-review-panel-content .ai-review-analysis{height:auto;min-height:auto;max-width:100%;overflow-x:hidden;overflow-y:visible;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.ai-review-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center}.ai-review-processing-icon{font-size:2.5rem;color:gold;margin-bottom:1rem;animation:sparkle 2s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.ai-review-processing .ai-review-section-title{color:#24292e;margin-bottom:.5rem;font-size:1rem}.ai-review-processing p{color:#586069;margin:0;font-size:.9rem}.ai-review-panel-toggle i{display:block}@media(max-width:1200px){.ai-review-panel{width:350px}.ai-review-panel.minimized{width:280px}}@media(max-width:768px){.ai-review-panel{position:relative;width:100%;top:0;height:70vh;max-height:70vh;min-height:300px;border-left:none;border-top:1px solid #e1e4e8;box-sizing:border-box}.ai-review-panel.minimized{width:100%}.ai-review-panel-content{box-sizing:border-box}}.detailed-results-section{margin-top:2rem;background:#f8f9fa;border-radius:8px;border:1px solid #e1e4e8;overflow:hidden}.detailed-results-header{padding:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #e1e4e8;transition:background .2s ease;background:#f8f9fa}.detailed-results-header:hover{background:#f1f3f5}.detailed-results-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.detailed-results-icon{color:#6a737d;font-size:1.25rem}.detailed-results-title h2{margin:0;font-size:1.25rem;font-weight:500;color:#6a737d;flex:1}.detailed-results-arrow{color:#6a737d;transition:transform .2s ease}.detailed-results-arrow.expanded{transform:rotate(90deg)}.detailed-results-subtitle{color:#8b949e;font-size:.85rem;margin-left:2rem}.detailed-results-content{padding:1.5rem;border-top:1px solid #e1e4e8}.detailed-results-content-header{margin-bottom:1.5rem}.detailed-results-content-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#24292e}.detailed-results-content-meta{color:#586069;font-size:.9rem}.detailed-results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.detailed-results-summary-card{background:#f6f8fa;border-radius:8px;padding:1.25rem;text-align:center;border:1px solid #e1e4e8}.detailed-results-summary-value{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.detailed-results-summary-value.passed{color:#28a745}.detailed-results-summary-value.failed{color:#dc3545}.detailed-results-summary-value.not-applicable{color:#6a737d}.detailed-results-summary-label{color:#586069;font-size:.9rem}.detailed-results-pipeline-stages{display:flex;flex-direction:column;gap:1rem}.detailed-results-stage-card{background:#fff;border:1px solid #e1e4e8;border-radius:8px;overflow:hidden}.detailed-results-stage-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;transition:background .2s ease}.detailed-results-stage-header:hover{background:#f6f8fa}.detailed-results-stage-title{display:flex;align-items:center;gap:.75rem}.detailed-results-stage-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1rem}.detailed-results-stage-icon.view-results-stage-success{background:#d4edda;color:#28a745}.detailed-results-stage-icon.view-results-stage-failed{background:#f8d7da;color:#dc3545}.detailed-results-expand-arrow{color:#586069;transition:transform .2s ease}.detailed-results-expand-arrow.expanded{transform:rotate(90deg)}.detailed-results-stage-status{display:flex;align-items:center;gap:1rem}.detailed-results-status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.detailed-results-status-badge.view-results-badge-passed{background:#d4edda;color:#155724}.detailed-results-status-badge.view-results-badge-failed{background:#f8d7da;color:#721c24}.detailed-results-stage-time{color:#586069;font-size:.85rem}.detailed-results-stage-content{padding:0 1.25rem 1.25rem;display:none}.detailed-results-stage-content.expanded{display:block}.detailed-results-actions-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e1e4e8}.pipeline-execution-warning{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;margin-top:1.5rem;display:flex;align-items:flex-start;gap:1rem;max-width:100%}.pipeline-warning-icon{font-size:1.5rem;color:#856404;flex-shrink:0}.pipeline-warning-content{flex:1}.pipeline-warning-content h3{margin:0 0 .5rem;color:#856404;font-size:1.1rem;font-weight:600}.pipeline-warning-content p{margin:0 0 .75rem;color:#856404;line-height:1.5}.pipeline-warning-content p:last-child{margin-bottom:0}.pipeline-warning-note{font-size:.9rem;font-style:italic}.system-issues-section{margin-top:2rem;padding:1.5rem;background:#fff3cd;border:1px solid #ffc107;border-radius:8px}.system-issues-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.system-issues-icon{font-size:1.5rem}.system-issues-title{margin:0;color:#856404;font-size:1.1rem;font-weight:600}.system-issues-list{display:flex;flex-direction:column;gap:1rem}.system-issues-item{background:#fff;border-radius:6px;padding:1rem;border:1px solid #e1e4e8}.system-issues-attempt{font-weight:600;color:#24292e;margin-bottom:.5rem}.system-issues-details{display:flex;flex-direction:column;gap:.5rem}.system-issues-reason{color:#586069;font-size:.9rem}.system-issues-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:#6a737d}.system-issues-status{color:#dc3545;font-weight:500}.score-comments-section-subtle{margin-top:.75rem;margin-bottom:1.5rem;padding:0;background:#f8f9fa;border-radius:6px;border:1px solid #e1e4e8}.score-comments-subtle-header{padding:.75rem 1rem;border-bottom:1px solid #e1e4e8;background:#fff;border-radius:6px 6px 0 0}.score-comments-subtle-title{margin:0;font-size:1rem;font-weight:600;color:#24292e}.score-comments-subtle-content{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1rem}.score-display-subtle{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.score-label-subtle{font-size:.9rem;color:#6b7280;font-weight:500}.score-value-subtle{font-size:1.1rem;font-weight:600}.score-attempt-badge{font-size:.85rem;color:#6b7280;font-style:italic}.score-override-badge-subtle,.score-auto-badge-subtle{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500}.score-override-badge-subtle{background:#fef3c7;color:#92400e}.score-override-badge-subtle i{font-size:.7rem}.score-auto-badge-subtle{background:#dbeafe;color:#1e40af}.score-auto-badge-subtle i{font-size:.7rem}.trainer-comments-subtle{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;margin-top:.75rem;border-top:1px solid #e1e4e8;background:#f9fafb;border-radius:4px}.trainer-comments-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:#6b7280;font-weight:500}.trainer-comments-label i{font-size:.85rem;color:#667eea}.trainer-comments-text{font-size:.9rem;color:#374151;line-height:1.5;padding-left:1.5rem;font-weight:400}.submission-comments-subtle{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;margin-top:.75rem;border-top:1px solid #e1e4e8;background:#f9fafb;border-radius:4px}.submission-comments-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:#6b7280;font-weight:500;margin-bottom:.5rem}.submission-comments-label i{font-size:.85rem;color:#667eea}.submission-comments-list{display:flex;flex-direction:column;gap:.75rem}.submission-comment-item{padding:.75rem;background:#fff;border-radius:4px;border:1px solid #e5e7eb}.submission-comment-text{font-size:.9rem;color:#374151;line-height:1.5;margin-bottom:.5rem;font-weight:400}.submission-comment-meta{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#6b7280;padding-top:.5rem;border-top:1px solid #f3f4f6}.submission-comment-meta i{font-size:.75rem;color:#9ca3af}.submission-comment-date{margin-left:auto;font-style:italic}.metrics-considered-subtle{padding-bottom:.75rem;border-bottom:1px solid #e1e4e8;margin-bottom:.75rem}.metrics-considered-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:#6b7280;font-weight:500;margin-bottom:.5rem}.metrics-considered-label i{font-size:.85rem;color:#667eea}.metrics-considered-list{display:flex;flex-wrap:wrap;gap:.5rem}.metric-considered-item{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#fff;border-radius:4px;border:1px solid #e1e4e8;font-size:.85rem}.metric-considered-name{color:#374151;font-weight:500}.metric-considered-weightage{color:#6b7280;font-size:.8rem;font-style:italic}.metric-grades-subtle{padding-top:.75rem;border-top:1px solid #e1e4e8}.metric-grades-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:#6b7280;font-weight:500;margin-bottom:.75rem}.metric-grades-label i{font-size:.85rem;color:#667eea}.metric-grades-list{display:flex;flex-direction:column;gap:.75rem}.metric-grade-item{padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e1e4e8}.metric-grade-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.metric-grade-name{font-size:.9rem;color:#374151;font-weight:500;flex:1;min-width:120px}.metric-grade-score{font-size:.95rem;font-weight:600}.metric-override-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:4px;background:#fef3c7;color:#92400e;font-size:.7rem}.metric-override-badge i{font-size:.65rem}.metric-comments{display:flex;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:4px;font-size:.9rem;color:#374151;line-height:1.5}.metric-comments i{font-size:.85rem;color:#667eea;margin-top:.2rem;flex-shrink:0}.metric-comments-text{flex:1;color:#374151;font-weight:400}.all-attempts-comments{display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem;margin-top:.75rem;border-top:1px solid #e1e4e8}.all-attempts-comments-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:#6b7280;font-weight:500;margin-bottom:.5rem}.all-attempts-comments-label i{font-size:.85rem;color:#667eea}.attempts-comments-list{display:flex;flex-direction:column;gap:1rem}.attempt-comments-container{padding:1rem;background:#fff;border-radius:6px;border:1px solid #e1e4e8;display:flex;flex-direction:column;gap:.75rem}.attempt-comments-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.attempt-number-badge{font-size:.9rem;font-weight:600;color:#374151;padding:.25rem .75rem;background:#f3f4f6;border-radius:4px}.attempt-score-badge{font-size:.9rem;font-weight:600;padding:.25rem .75rem;background:#f3f4f6;border-radius:4px}.attempt-submission-comments{display:flex;flex-direction:column;gap:.5rem}.attempt-overall-comments{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#f9fafb;border-radius:4px}.attempt-overall-comments-label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#6b7280;font-weight:500}.attempt-overall-comments-label i{font-size:.8rem;color:#667eea}.attempt-overall-comments-text{font-size:.9rem;color:#374151;line-height:1.5;padding-left:1.25rem;font-weight:400}.attempt-metric-comments{display:flex;flex-direction:column;gap:.75rem}.attempt-metric-comment-item{padding:.75rem;background:#f9fafb;border-radius:4px;border:1px solid #e5e7eb}.attempt-metric-comment-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.attempt-metric-name{font-size:.85rem;color:#374151;font-weight:500;flex:1}.attempt-metric-score{font-size:.85rem;font-weight:600}.attempt-metric-comment-text{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:#374151;line-height:1.5}.attempt-metric-comment-text i{font-size:.8rem;color:#667eea;margin-top:.2rem;flex-shrink:0}.score-comments-section{margin-top:2rem;margin-bottom:2rem;background:#fff;border-radius:8px;border:1px solid #e1e4e8;overflow:hidden;box-shadow:0 1px 3px #0000001a}.score-comments-header{padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom:1px solid #e1e4e8}.score-comments-title{display:flex;align-items:center;gap:.75rem}.score-comments-title i{font-size:1.5rem;color:gold;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.score-comments-title h2{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.score-comments-content{padding:2rem}.score-display{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e1e4e8}.score-display:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.score-label{font-size:.9rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-weight:600}.score-value-container{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.score-value{font-size:3rem;font-weight:700;line-height:1;margin:0}.score-override-badge,.score-auto-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500}.score-override-badge{background:#fef3c7;color:#92400e}.score-override-badge i{font-size:.75rem}.score-auto-badge{background:#dbeafe;color:#1e40af}.score-auto-badge i{font-size:.75rem}.score-comparison{margin-top:1rem;padding:.75rem;background:#f9fafb;border-radius:6px;font-size:.9rem}.score-comparison-label{color:#6b7280}.score-comparison-value{font-weight:600;margin-left:.5rem}.trainer-comments{margin-top:2rem}.trainer-comments-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.trainer-comments-header i{font-size:1.25rem;color:#667eea}.trainer-comments-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#24292e}.trainer-comments-content{padding:1.25rem;background:#f9fafb;border-radius:6px;border-left:4px solid #667eea}.trainer-comments-content p{margin:0;color:#374151;line-height:1.6;white-space:pre-wrap}@media(max-width:768px){.score-comments-content{padding:1.5rem}.score-value{font-size:2.5rem}.score-value-container{flex-direction:column;align-items:flex-start}}.results-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fafbfc;color:#24292e;line-height:1.6;min-height:100vh}.fas,.far,.fab{font-family:"Font Awesome 6 Free","Font Awesome 6 Pro","Font Awesome 6 Brands"!important;font-weight:900;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.view-results-container,.results-container{padding-top:2rem;padding-left:4rem;padding-right:4rem;margin:0 auto;transition:padding-right .3s ease}.results-metrics-box{width:100%;max-width:100%;border:1px solid #e1e4e8;border-radius:8px;background:#fff;padding:1.5rem;margin-top:1.5rem;margin-bottom:2rem}.results-boxes-layout{display:flex;position:relative;align-items:flex-start;gap:1rem;width:100%;padding:0 4rem;box-sizing:border-box}.results-attempts-ai-box{flex:1;display:flex;align-items:flex-start;gap:0;border:1px solid #e1e4e8;border-radius:8px;background:#fff;overflow:hidden;align-self:flex-start;min-height:calc(100vh - 200px);max-height:none}.results-attempt-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:calc(100vh - 200px);scroll-behavior:smooth}.results-attempts-ai-box.with-ai-panel .results-attempt-content{border-right:none}.results-attempts-ai-box.with-ai-panel .ai-review-panel{border-left:1px solid #e1e4e8}@media(max-width:1200px){.results-boxes-layout{padding:0 2rem}}@media(max-width:768px){.results-boxes-layout{flex-direction:column;padding:0 1rem}.results-metrics-box{margin-top:1rem;margin-bottom:1.5rem;padding:1rem}.results-attempts-ai-box{flex-direction:column;width:100%}.results-attempts-ai-box.with-ai-panel .results-attempt-content{border-right:none;border-bottom:1px solid #e1e4e8}}.breadcrumb{display:flex;align-items:center;list-style:none;margin:0 auto;padding:0 1rem;max-width:1200px}.breadcrumb-item{display:flex;align-items:center;gap:.5rem;color:#586069;text-decoration:none;font-size:.9rem;font-weight:500;padding:.5rem .75rem;border-radius:8px;transition:all .2s ease}.breadcrumb-item:hover{background:#e1e4e8;color:#24292e}.breadcrumb-item.current{color:#24292e;font-weight:600;background:#f1f8ff}.breadcrumb-icon{font-size:.8rem;color:#6a737d}.breadcrumb-separator{color:#d1d5da;margin:0 .5rem;font-size:.9rem}.iframe-back-button-container{padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e1e4e8;margin-top:4rem}.iframe-back-button{display:inline-flex;align-items:center;gap:.5rem;color:#0366d6;text-decoration:none;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease}.iframe-back-button:hover{background:#f6f8fa;color:#0056b3;text-decoration:none}.iframe-back-button i{font-size:.875rem}.view-results-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.view-results-loading-spinner{font-size:3rem;margin-bottom:1rem;animation:spin 2s linear infinite}.view-results-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.view-results-error-icon{font-size:3rem;margin-bottom:1rem}.view-results-results-header{margin-bottom:1.5rem}.view-results-task-header{margin-bottom:2rem}.view-results-task-title{font-size:2rem;font-weight:700;color:#24292e;margin:0 0 1.5rem;text-align:center}.view-results-attempt-section{margin-bottom:1.5rem}.view-results-ai-review-panel{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;overflow:hidden;border:1px solid #e5e7eb}.ai-review-analysis{line-height:1.6;color:#1e40af}.ai-review-analysis h2{color:#1e40af;font-size:1.25rem;font-weight:700;margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.ai-review-analysis h3{color:#3b82f6;font-size:1.1rem;font-weight:600;margin:1.25rem 0 .75rem}.ai-review-analysis strong{color:#1e40af;font-weight:700}.ai-review-analysis .roadmap-step{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #3b82f6;border-radius:8px;padding:1rem;margin:.75rem 0;transition:all .2s ease}.ai-review-analysis .roadmap-step:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633;border-color:#1d4ed8}.ai-review-analysis li{margin:.5rem 0;padding-left:.5rem}.ai-review-analysis br{margin:.5rem 0}.ai-review-text-section{padding:2rem;margin:1.5rem auto;max-width:1600px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border-left:5px solid #3b82f6;box-shadow:0 4px 15px #3b82f61a;position:relative;overflow:hidden}.ai-review-text-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4,#10b981);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ai-review-text-content{margin:0;color:#1e293b;font-size:1.1rem;line-height:1.8;font-weight:500;position:relative;z-index:1}.ai-review-section-title{color:#1e40af;font-size:1.8rem;font-weight:800;margin:0 0 1.5rem;padding:0;background:linear-gradient(135deg,#1e40af,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(30,64,175,.2);position:relative}.ai-review-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.ai-review-loading-spinner{margin-bottom:1rem}.ai-review-loading-spinner i{font-size:2rem;color:#3b82f6;animation:spin 1s linear infinite}.ai-review-loading p{color:#6b7280;font-size:1rem;margin:0;font-weight:500}.ai-review-section-subtitle{color:#6b7280;font-size:1rem;margin:0 0 1.5rem;padding:0 1.5rem;font-style:italic}.ai-review-formatted-content{line-height:1.7;color:#374151}.ai-review-formatted-content strong{color:#1e40af;font-weight:700}.ai-review-formatted-content em{color:#6b7280;font-style:italic}.ai-review-formatted-content ul{margin:1rem 0;padding-left:1.5rem}.ai-review-formatted-content li{margin:.5rem 0;color:#374151}.ai-review-code-block{background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;margin:1.5rem 0;overflow:hidden;box-shadow:0 8px 25px #0000004d;border:1px solid #475569;position:relative}.ai-review-code-block:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4,#10b981);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}.ai-review-code-block pre{margin:0;padding:2rem;overflow-x:auto;background:transparent;position:relative;z-index:1}.ai-review-code-block code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.95rem;line-height:1.6;color:#f1f5f9;background:transparent;border:none;padding:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.ai-review-code-block code.language-java{color:#e2e8f0}.ai-review-inline-code{background:#f1f5f9;color:#1e40af;padding:.125rem .375rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;border:1px solid #e2e8f0}.ai-review-formatted-content .ai-review-code-block{margin:1rem 0}[class*=ai-review-][class*=-card]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);margin:1.5rem;border-radius:12px;border:2px solid #3b82f6;overflow:hidden;box-shadow:0 4px 12px #3b82f633}[class*=ai-review-][class*=-header]{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-bottom:2px solid #1e40af}[class*=ai-review-][class*=-icon]{color:#fff;font-size:1.2rem}[class*=ai-review-][class*=-title]{margin:0;font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}[class*=ai-review-][class*=-content]{padding-top:1rem}[class*=ai-review-][class*=-content] p{margin:0 0 1rem;color:#374151;font-size:.95rem;line-height:1.6;font-weight:500}[class*=ai-review-][class*=-content] p:last-child{margin-bottom:0}.ai-review-greeting{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:16px;margin:1.5rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #667eea4d}.ai-review-greeting:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 8s linear infinite}.ai-review-greeting:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-review-avatar{width:70px;height:70px;background:linear-gradient(135deg,#ff6b6b,#feca57,#48dbfb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;box-shadow:0 8px 25px #ff6b6b66;position:relative;z-index:2;animation:bounce 2s ease-in-out infinite;border:4px solid rgba(255,255,255,.3)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-10px) scale(1.05)}60%{transform:translateY(-5px) scale(1.02)}}.ai-review-greeting-text{flex:1}.ai-review-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:2;background:linear-gradient(45deg,#fff,#f0f0f0,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShine 3s ease-in-out infinite}@keyframes textShine{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ai-review-subtitle{margin:0;font-size:1.1rem;color:#fffffff2;font-weight:600;position:relative;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.2)}.ai-review-roadmap-section{padding:0 0 2rem}.ai-review-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;padding:0 1.5rem}.ai-review-step-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#fff,#f8fafc);border:3px solid transparent;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #3b82f626}.ai-review-step-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4);border-radius:16px;padding:3px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}.ai-review-step-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #3b82f640;border-color:#3b82f6}.ai-review-bonus-card{background:linear-gradient(135deg,#fef3c7,#fde68a);margin:1.5rem;border-radius:12px;border:2px solid #f59e0b;overflow:hidden;box-shadow:0 4px 12px #f59e0b33}.ai-review-bonus-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom:2px solid #b45309}.ai-review-bonus-icon{color:#fff;font-size:1.2rem}.ai-review-bonus-title{margin:0;font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.ai-review-bonus-content{padding:1rem}.ai-review-bonus-content p{margin:0;color:#92400e;font-size:.95rem;line-height:1.6;font-weight:500}.ai-review-encouragement-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);margin:1.5rem;border-radius:12px;border:2px solid #10b981;overflow:hidden;box-shadow:0 4px 12px #10b98133}.ai-review-encouragement-title{margin:0;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.ai-review-next-actions-card{background:#f8fafc;margin:1.5rem;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000001a}.ai-review-next-actions-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-bottom:2px solid #0369a1}.ai-review-next-actions-icon{color:#fff;font-size:1.2rem}.ai-review-next-actions-title{margin:0;font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.ai-review-next-actions-content{padding:1rem}.ai-review-next-actions-content p{margin:0;color:#1e40af;font-size:.95rem;line-height:1.6;font-weight:500}.ai-review-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#1e40af,#3b82f6);border-bottom:2px solid #1d4ed8;position:relative;overflow:hidden}.ai-review-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.ai-review-avatar{width:50px;height:50px;background:#374151;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 4px 12px #10b98166;animation:pulse 2s infinite;position:relative;z-index:1}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #10b98166}50%{transform:scale(1.05);box-shadow:0 6px 16px #10b98199}}.ai-review-title-section{flex:1}.ai-review-title{margin:0;font-size:1.4rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:1;line-height:1.3}.ai-review-subtitle{margin:.5rem 0 0;font-size:1rem;color:#ffffffe6;font-weight:600;position:relative;z-index:1}.ai-review-message{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #bae6fd}.ai-review-message-icon{color:#0ea5e9;font-size:1rem;margin-top:.125rem}.ai-review-message p{margin:0;color:#1e40af;font-size:.95rem;line-height:1.5;font-weight:500}.ai-review-discovery-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);margin:1.5rem;border-radius:12px;border:2px solid #0ea5e9;overflow:hidden;box-shadow:0 4px 12px #0ea5e933}.ai-review-card-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-bottom:2px solid #0369a1}.ai-review-card-icon{color:#fff;font-size:1.2rem}.ai-review-card-title{margin:0;font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.ai-review-card-content{padding:1rem}.ai-review-card-content p{margin:0;color:#1e40af;font-size:.95rem;line-height:1.6;font-weight:500}.ai-review-roadmap-section{padding:0 1.5rem 1.5rem}.ai-review-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}.ai-review-step-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #3b82f6;border-radius:8px;transition:all .2s ease}.ai-review-step-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633;border-color:#1d4ed8}.ai-review-step-item .ai-review-step-icon{color:#3b82f6;font-size:1.2rem;margin-top:.125rem;flex-shrink:0}.ai-review-step-text h4{margin:0 0 .25rem;font-size:.9rem;font-weight:700;color:#1e40af}.ai-review-step-text p{margin:0;font-size:.8rem;color:#64748b;line-height:1.4}.ai-review-roadmap-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.ai-review-roadmap-icon{color:#64748b;font-size:1.1rem}.ai-review-roadmap-title{margin:0;font-size:.9rem;font-weight:700;color:#1e40af;text-transform:uppercase;letter-spacing:.5px}.ai-review-encouragement-section{padding:0 1.5rem 1.5rem}.ai-review-encouragement-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #10b98133}.ai-review-encouragement-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#374151;color:#fff}.ai-review-encouragement-icon{color:#fff;font-size:1.2rem}.ai-review-encouragement-title{margin:0;font-size:1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.ai-review-encouragement-content{padding:1.5rem}.ai-review-encouragement-content p{margin:0 0 1rem;color:#1e40af;font-size:.95rem;line-height:1.6;font-weight:500}.ai-review-encouragement-content p:last-child{margin-bottom:0}.view-results-detailed-section{margin-bottom:2rem}.view-results-detailed-header{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;padding:1.5rem;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #1565c026;border:1px solid #90caf9}.view-results-detailed-header:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1565c040;background:linear-gradient(135deg,#bbdefb,#90caf9)}.view-results-detailed-title{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.view-results-detailed-icon{font-size:1.5rem;opacity:.9;color:#1976d2}.view-results-detailed-title h2{margin:0;font-size:1.5rem;font-weight:600;flex:1}.view-results-detailed-arrow{font-size:1.2rem;transition:transform .4s cubic-bezier(.4,0,.2,1)}.view-results-detailed-arrow.expanded{transform:rotate(180deg)}.view-results-detailed-subtitle{font-size:.9rem;opacity:.8;margin-left:2.5rem;color:#1976d2}.view-results-detailed-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0}.view-results-detailed-content.expanded{max-height:2000px;opacity:1}.view-results-detailed-content .view-results-results-content{transition:transform .3s ease,opacity .3s ease;transform:translateY(0)}.view-results-detailed-content:not(.expanded) .view-results-results-content{transform:translateY(-10px);opacity:0}.view-results-results-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;margin-bottom:2rem}.view-results-content-header{padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e1e4e8}.view-results-content-title{font-size:1.25rem;font-weight:600;color:#24292e;margin:0 0 .5rem}.view-results-content-meta{color:#586069;font-size:.9rem;margin:0}.view-results-results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:2rem;background:#f8f9fa}.view-results-summary-card{background:#fff;padding:1.5rem;border-radius:8px;text-align:center;box-shadow:0 4px 12px #3b82f633;transition:all .2s ease}.view-results-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.view-results-summary-value{font-size:2rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.view-results-summary-value.view-results-passed{color:#28a745}.view-results-summary-value.view-results-failed{color:#dc3545}.view-results-summary-value.view-results-not-applicable{color:#6c757d;font-style:italic}.view-results-summary-label{color:#6c757d;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.view-results-pipeline-stages{padding:2rem}.view-results-stage-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000d;overflow:hidden}.view-results-stage-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;cursor:pointer;transition:background-color .2s ease}.view-results-stage-header:hover{background:#e9ecef}.view-results-stage-title{display:flex;align-items:center;gap:.75rem}.view-results-stage-title h3{margin:0;color:#495057;font-size:1.1rem;font-weight:600}.view-results-stage-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.view-results-stage-icon.view-results-stage-success{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.view-results-stage-icon.view-results-stage-failed{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.view-results-stage-icon.view-results-stage-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.view-results-stage-status{display:flex;align-items:center;gap:.75rem}.view-results-status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.view-results-status-badge.view-results-stage-success{background:#dcfce7;color:#16a34a}.view-results-status-badge.view-results-stage-failed{background:#fef2f2;color:#dc2626}.view-results-status-badge.view-results-stage-warning{background:#fef3c7;color:#f59e0b}.view-results-stage-time{color:#6c757d;font-size:.8rem}.view-results-expand-arrow{transition:transform .2s ease;color:#6c757d}.view-results-stage-content{max-height:0;overflow:hidden;transition:all .2s ease}.view-results-stage-content.expanded{max-height:2000px;padding:1.5rem}.view-results-actions-section{padding:2rem;background:#f8f9fa;border-top:1px solid #e1e4e8}.view-results-system-section{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:2rem;margin-bottom:2rem}.view-results-system-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.view-results-system-icon{font-size:1.5rem}.view-results-system-title{margin:0;color:#c53030;font-size:1.25rem;font-weight:600}.view-results-system-issues{display:flex;flex-direction:column;gap:1rem}.view-results-system-item{background:#fff;border:1px solid #fecaca;border-radius:8px;padding:1rem}.view-results-system-attempt{font-weight:600;color:#c53030;margin-bottom:.5rem}.view-results-system-details{display:flex;flex-direction:column;gap:.5rem}.view-results-system-reason{color:#742a2a;font-size:.9rem}.view-results-system-meta{display:flex;gap:1rem;font-size:.8rem;color:#9b2c2c}.view-results-system-status{background:#fef2f2;color:#c53030;padding:.25rem .5rem;border-radius:4px;font-weight:600;font-size:.75rem}.view-results-no-attempts{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.view-results-no-attempts-content{max-width:400px}.view-results-no-attempts-icon{font-size:4rem;margin-bottom:1rem}.view-results-no-attempts-content h3{color:#24292e;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.view-results-no-attempts-content p{color:#586069;font-size:1rem;line-height:1.6;margin:0 0 2rem}.view-results-ai-chat-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.view-results-ai-chat-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.view-results-ai-chat-container{position:relative;background:#fff;border-radius:20px;width:90%;max-width:800px;max-height:80vh;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.view-results-ai-chat-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#fafbff,#f0f4ff);border-bottom:1px solid #e5e7eb}.view-results-ai-chat-title{display:flex;align-items:center;gap:1rem}.view-results-ai-icon{font-size:1.5rem;color:#4f46e5}.view-results-ai-chat-title h3{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600}.view-results-ai-chat-close{background:none;border:none;font-size:1.5rem;color:#3b82f6;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.view-results-ai-chat-close:hover{background:#f3f4f6;color:#1e40af}.view-results-ai-chat-content{padding:2rem;max-height:60vh;overflow-y:auto}.view-results-ai-chat-placeholder{text-align:center;padding:2rem}.view-results-ai-chat-placeholder-icon{font-size:3rem;color:#4f46e5;margin-bottom:1rem}.view-results-ai-chat-placeholder h4{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.view-results-ai-chat-placeholder p{color:#3b82f6;font-size:1rem;line-height:1.6;margin-bottom:2rem}.view-results-ai-chat-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.view-results-ai-chat-feature{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8f9fa;border-radius:8px;text-align:left}.view-results-ai-feature-icon{font-size:1.25rem;color:#4f46e5}.view-results-ai-chat-notify-btn{background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #4f46e54d}.view-results-ai-chat-notify-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;gap:.5rem}.btn-primary{background:#0366d6;color:#fff}.btn-primary:hover{background:#0256cc;transform:translateY(-1px);box-shadow:0 4px 12px #0366d64d}@media(max-width:768px){.view-results-container,.results-container{padding:1rem}.breadcrumb-container{margin-top:80px;padding:.75rem 0}.breadcrumb{flex-wrap:wrap;gap:.5rem;padding:0 .75rem}.breadcrumb-separator{display:none}.breadcrumb-item{font-size:.8rem;padding:.4rem .6rem}.breadcrumb-icon{font-size:.75rem}.view-results-detailed-title{gap:.75rem}.view-results-detailed-title h2{font-size:1.25rem}.view-results-detailed-subtitle{margin-left:2.25rem;font-size:.8rem}.ai-review-header{padding:1rem;gap:.75rem}.ai-review-avatar{width:40px;height:40px;font-size:1.25rem}.ai-review-title{font-size:1.25rem}.ai-review-message{padding:.75rem 1rem}.ai-review-discovery-card{margin:1rem}.ai-review-roadmap-section,.ai-review-encouragement-section{padding:0 1rem 1rem}.ai-review-encouragement-content{padding:1rem}.ai-review-steps-grid{grid-template-columns:1fr;gap:.75rem}.ai-review-step-item{padding:.75rem}.ai-review-step-text h4{font-size:.85rem}.ai-review-step-text p{font-size:.75rem}.view-results-results-summary{grid-template-columns:1fr}.view-results-content-header,.view-results-pipeline-stages{padding:1.5rem}.view-results-ai-chat-container{width:95%;margin:1rem}.view-results-ai-chat-features{grid-template-columns:1fr}.view-results-system-meta{flex-direction:column;gap:.25rem}}.ai-mentor-section{margin:2rem 0}.mentor-header{text-align:center;margin-bottom:2rem}.mentor-header h2{font-size:1.5rem;font-weight:700;color:#2d3436;margin:0;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;box-shadow:0 8px 32px #667eea4d}.mentor-card-wrapper{margin:0}.technical-details-section{margin:2rem 0;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;overflow:hidden}.technical-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.technical-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#495057}.toggle-technical{background:none;border:none;font-size:1.2rem;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease}.toggle-technical:hover{background:#e9ecef;color:#495057}.technical-content{padding:2rem}.pipeline-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.pipeline-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.pipeline-label{font-weight:600;color:#495057;font-size:.9rem}.pipeline-value{font-weight:700;font-size:.9rem}.pipeline-value.success{color:#28a745}.pipeline-value.failed{color:#dc3545}@media(max-width:768px){.mentor-header h2{font-size:1.2rem;padding:.75rem 1rem}.technical-header{padding:1rem 1.5rem}.technical-content{padding:1.5rem}.pipeline-summary{grid-template-columns:1fr;padding:1rem}.pipeline-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.ai-review-docked-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e4e8;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.ai-review-docked-container.docked{position:fixed;top:120px;right:20px;width:400px;max-width:calc(100vw - 40px);max-height:calc(100vh - 140px);z-index:100;box-shadow:0 4px 16px #00000026}.ai-review-docked-container.floating{position:fixed;bottom:20px;right:20px;width:500px;max-width:calc(100vw - 40px);max-height:80vh;z-index:1000;box-shadow:0 8px 24px #0003}.ai-review-docked-container.closed .ai-review-docked-content{display:none}.ai-review-docked-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#24292e;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .3s ease;border-bottom:1px solid #e1e4e8}.ai-review-docked-header:hover{background:#2f363d}.ai-review-docked-header-left{display:flex;align-items:center;gap:1rem;flex:1}.ai-review-docked-icon{font-size:1.25rem;color:#fff;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff26;border-radius:6px}.ai-review-docked-title{display:flex;flex-direction:column;gap:.25rem}.ai-review-docked-title h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.ai-review-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;background:#fff3;color:#fff}.ai-review-status-badge.processing{background:#fff3;color:#f0c674}.ai-review-docked-header-right{display:flex;align-items:center;gap:.5rem}.ai-review-dock-toggle,.ai-review-toggle{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ai-review-dock-toggle:hover,.ai-review-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.ai-review-docked-content{flex:1;overflow-y:auto;padding:0;background:#fff}.ai-review-docked-content .ai-review-content{padding:1.5rem}.ai-review-docked-container.docked .ai-review-docked-content{max-height:calc(100vh - 200px)}.ai-review-docked-container.floating .ai-review-docked-content{max-height:calc(80vh - 80px)}.ai-review-docked-content .mentor-response{padding:0}.ai-review-docked-content .mentor-greeting,.ai-review-docked-content .mentor-discovery,.ai-review-docked-content .mentor-roadmap,.ai-review-docked-content .mentor-bonus-tips,.ai-review-docked-content .mentor-encouragement{margin-bottom:1.5rem}.ai-review-docked-content .mentor-greeting:first-child{margin-top:0}.ai-review-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.ai-review-processing-icon{font-size:3rem;color:#586069;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.ai-review-processing .ai-review-section-title{color:#24292e;margin-bottom:.5rem}.ai-review-processing p{color:#586069;margin:0}.results-container.ai-review-docked-active{padding-right:440px;transition:padding-right .3s ease}@media(max-width:1200px){.results-container{padding-right:2rem}.ai-review-docked-container.docked{position:fixed;top:auto;bottom:20px;right:20px;width:calc(100vw - 40px);max-width:500px;max-height:60vh}}@media(max-width:768px){.results-container{padding-right:1rem}.ai-review-docked-container.floating,.ai-review-docked-container.docked{width:calc(100vw - 20px);right:10px;bottom:10px;max-height:70vh}.ai-review-docked-header{padding:.75rem 1rem}.ai-review-docked-title h3{font-size:1rem}.ai-review-docked-content{padding:1rem}}.footer{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#64748b;padding:1.5rem 0;margin-top:auto;border-top:1px solid #cbd5e1}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.footer-copyright{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#64748b;font-size:.9rem;font-weight:400}.footer-copyright i{font-size:.8rem;color:#4f46e5}@media(max-width:768px){.footer-content{padding:0 1rem}}@media(max-width:480px){.footer{padding:1rem 0}.footer-content{padding:0 .5rem}.footer-copyright{font-size:.8rem}}.reports-page{min-height:100vh;background-color:#f8f9fa}.breadcrumb-container{background:#f8f9fa;border-bottom:1px solid #e1e4e8;padding:1rem 0;margin-bottom:0;position:relative;z-index:1;width:100%;display:block;min-height:60px;box-sizing:border-box;margin-top:100px}.breadcrumb{display:flex;align-items:center;list-style:none;padding:0;max-width:1200px;margin:0 auto;padding:0 1rem}.breadcrumb-item{display:flex;align-items:center;text-decoration:none;color:#24292e;font-size:.875rem;font-weight:500;transition:color .2s ease}.breadcrumb-item:hover{color:#0366d6;text-decoration:none}.breadcrumb-item.current{color:#24292e;font-weight:600}.breadcrumb-icon{margin-right:.5rem;font-size:1rem}.breadcrumb-separator{margin:0 .75rem;color:#d1d5db;font-size:1.125rem;font-weight:300}@media(max-width:768px){.breadcrumb-container{padding:.75rem 0}.breadcrumb{padding:0 .75rem}.breadcrumb-item{font-size:.8rem}.breadcrumb-icon{margin-right:.25rem;font-size:.875rem}.breadcrumb-separator{margin:0 .5rem;font-size:1rem}}.reports-container{padding-top:20px;padding-left:2rem;padding-right:2rem;max-width:1200px;margin:0 auto}.reports-header{margin-bottom:2rem}.reports-title{font-size:2.5rem;font-weight:700;color:#24292e;margin:0}.filter-section{display:flex;align-items:end;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e4e8}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-size:.875rem;font-weight:600;color:#586069;margin-bottom:.25rem}.filter-dropdown{padding:.75rem 1rem;border:1px solid #d1d5da;border-radius:6px;background:#fff;font-size:.875rem;color:#24292e;min-width:200px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.filter-dropdown:focus{outline:none;border-color:#0366d6;box-shadow:0 0 0 3px #0366d61a}.filter-dropdown:disabled{background-color:#f6f8fa;color:#586069;cursor:not-allowed}.apply-filter-btn{padding:.75rem 1.5rem;background:#20c997;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;height:fit-content}.apply-filter-btn:hover{background:#1ba085}.reports-content{margin-top:1rem}.report-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e1e4e8;overflow:hidden}.report-card-header{padding:1.5rem;border-bottom:1px solid #e1e4e8;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center}.report-title{font-size:1.25rem;font-weight:600;color:#24292e;margin:0}.report-subtitle{font-size:.875rem;color:#586069;margin:0}.table-container{overflow-x:auto}.reports-table{width:100%;border-collapse:collapse;font-size:.875rem}.reports-table th{background:#f6f8fa;padding:1rem;text-align:left;font-weight:600;color:#24292e;border-bottom:1px solid #e1e4e8;white-space:nowrap}.reports-table td{padding:1rem;border-bottom:1px solid #f1f3f5;color:#24292e;vertical-align:middle}.reports-table tr:hover{background-color:#f8f9fa}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.incomplete{background:#f8d7da;color:#721c24}.status-badge.no-attempts{background:#e9ecef;color:#6c757d}.success-rate{display:flex;align-items:center;gap:.75rem;min-width:120px}.success-rate-bar{flex:1;height:8px;background:#e1e4e8;border-radius:4px;overflow:hidden}.success-rate-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width .3s ease}.success-rate-text{font-size:.75rem;font-weight:600;color:#24292e;min-width:35px}.build-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.build-status.passed{background:#d4edda;color:#155724}.build-status.failed{background:#f8d7da;color:#721c24}.build-status.no-attempts{background:#e9ecef;color:#6c757d}.no-attempts-text{font-size:.75rem;color:#6c757d;font-weight:600}.test-summary{display:flex;flex-direction:column;gap:.25rem}.test-status{font-size:.75rem;font-weight:600}.test-status.passed{color:#155724}.test-status.failed{color:#721c24}.failed-cases{font-size:.7rem;color:#dc3545;font-weight:500}.no-tests{font-size:.75rem;color:#586069;font-style:italic}.loading-state{text-align:center;padding:3rem;color:#586069;font-size:1rem}.error-state{text-align:center;padding:3rem;color:#d73a49;font-size:1rem;background:#ffeef0;border:1px solid #f1aeb5;border-radius:8px;margin:1rem 0}.no-data{text-align:center;color:#586069;font-style:italic;padding:2rem!important}@media(max-width:768px){.reports-container{padding-left:1rem;padding-right:1rem}.filter-section{flex-direction:column;align-items:stretch;gap:1rem}.filter-dropdown{min-width:auto}.reports-table{font-size:.75rem}.reports-table th,.reports-table td{padding:.75rem .5rem}.success-rate{flex-direction:column;gap:.5rem;align-items:flex-start}.success-rate-bar{width:100%}}@media(max-width:480px){.reports-title{font-size:2rem}.filter-section{padding:1rem}.report-card-header{padding:1rem;flex-direction:column;align-items:flex-start;gap:.5rem}}.trainer-page{min-height:100vh;background:#f5f5f5;padding-top:80px}.trainer-container{display:flex;flex-direction:column;height:calc(100vh - 80px);gap:0;padding:0;margin:0}.trainer-nav-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;position:relative;z-index:50;top:20px}.trainer-programs-description{font-size:14px;color:#6b7280;font-style:italic}.trainer-programs-description strong{color:#2563eb;font-weight:600;font-style:normal}.trainer-nav-left{display:flex;align-items:center;gap:24px;flex:1}.trainer-page-header{background:linear-gradient(to bottom,#fafbfc,#fff);border-bottom:1px solid #e5e7eb;padding:0}.trainer-page-header-top{padding:16px 24px;border-bottom:1px solid #f0f4f8;background:#f8fafc}.trainer-back-to-dashboard{display:inline-flex;align-items:center;gap:8px;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;cursor:pointer;padding:6px 12px;font-size:14px;border-radius:6px;transition:all .2s}.trainer-back-to-dashboard:hover{background:#e0e7ff;border-color:#c7d2fe;color:#4338ca}.trainer-back-to-dashboard i{font-size:12px}.trainer-page-header-content{padding:24px}.trainer-page-title-row{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.trainer-page-title{font-size:28px;font-weight:700;color:#1e3a8a;margin:0;line-height:1.2}.trainer-page-count{font-size:18px;font-weight:500;color:#64748b}.trainer-page-subtitle{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.trainer-page-metric-row{display:flex;align-items:baseline;gap:12px;margin-top:12px;margin-bottom:8px}.trainer-page-metric-title{font-size:22px;font-weight:600;color:#374151;margin:0;line-height:1.2}.trainer-page-description{font-size:14px;color:#9ca3af;margin:0;line-height:1.5;font-style:italic}.trainer-back-btn{padding:8px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;color:#374151}.trainer-back-btn:hover{background:#e5e7eb}.trainer-dashboard-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:24px}.trainer-program-meta{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.trainer-summary-item,.trainer-meta-item{display:flex;flex-direction:column;align-items:center;gap:4px}.trainer-summary-value,.trainer-meta-value{font-size:24px;font-weight:700;color:#2563eb}.trainer-summary-label,.trainer-meta-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}.trainer-program-dropdown{position:relative;z-index:10001}.trainer-dropdown-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;color:#374151;min-width:200px}.trainer-dropdown-toggle:hover{border-color:#2563eb;background:#f8f9fa}.trainer-dropdown-arrow{margin-left:auto;font-size:10px;color:#6b7280}.trainer-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 4px 12px #0000001a;min-width:250px;max-height:400px;overflow-y:auto;z-index:10000}.trainer-dropdown-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:#374151;transition:background-color .2s}.trainer-dropdown-item:hover{background:#f8f9fa}.trainer-dropdown-item.trainer-active{background:#eff6ff;color:#2563eb;font-weight:600}.trainer-student-count{font-size:12px;color:#6b7280;font-weight:400}.trainer-dropdown-item.trainer-active .trainer-student-count{color:#2563eb}.trainer-main{flex:1;overflow-y:auto;padding:20px;background:#f8fafc}.trainer-loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:16px;color:#666}.trainer-view-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.trainer-view-header h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#1f2937}.trainer-program-description{margin:0;font-size:14px;color:#666;line-height:1.5}.trainer-filter-indicator{display:flex;align-items:center;gap:12px;margin-top:12px;padding:8px 12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;font-size:14px}.trainer-filter-indicator span{color:#1e40af;font-weight:500}.trainer-clear-filter{padding:4px 12px;background:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500}.trainer-clear-filter:hover{background:#1d4ed8}.trainer-section{margin-bottom:32px}.trainer-section h3{margin:0 0 16px;font-size:18px;color:#1f2937}.trainer-program-view,.trainer-student-view,.trainer-student-progress-view{width:100%}.trainer-student-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e0e0e0}.trainer-student-header h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#1f2937}.trainer-student-info{display:flex;gap:16px;font-size:14px;color:#666}.trainer-overall-progress{font-weight:600;color:#2563eb}.trainer-submission-review-view{width:100%}.trainer-submission-info{display:flex;gap:16px;font-size:13px;color:#666;flex-wrap:wrap;margin-top:8px}.trainer-attempt-history{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:4px}.trainer-attempt-history h3{margin:0 0 12px;font-size:16px;color:#1f2937}.trainer-attempts-list{display:flex;flex-direction:column;gap:8px}.trainer-attempt-item{padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s}.trainer-attempt-item:hover{background:#f0f0f0}.trainer-attempt-item.trainer-active{background:#eff6ff;border-color:#2563eb}.trainer-date{font-size:11px;color:#9ca3af}.trainer-submission-details{display:flex;flex-direction:column;gap:24px}.trainer-detail-section{padding:20px;border:1px solid #e0e0e0;border-radius:4px;background:#fff}.trainer-detail-section h3{margin:0 0 16px;font-size:18px;color:#1f2937}.trainer-status-info{display:flex;flex-direction:column;gap:12px}.trainer-timestamps{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#666}.trainer-pipeline-card{padding:16px;background:#f8f9fa;border-radius:4px;margin-bottom:12px}.trainer-pipeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600;color:#333}.trainer-reports-list{display:flex;flex-direction:column;gap:8px}.trainer-report-item{padding:12px;background:#fff;border:1px solid #e0e0e0;border-radius:4px}.trainer-report-type{font-weight:600;color:#333;margin-bottom:8px}.trainer-report-status{display:inline-block;padding:4px 8px;border-radius:3px;font-size:11px;font-weight:600;margin-bottom:8px}.trainer-report-status.success{background:#d1fae5;color:#065f46}.trainer-report-status.failed{background:#fee2e2;color:#991b1b}.trainer-report-data{margin-top:8px}.trainer-report-data pre{margin:0;padding:12px;background:#1f2937;color:#f9fafb;border-radius:4px;font-size:12px;overflow-x:auto;max-height:400px;overflow-y:auto}.trainer-ai-review-card{padding:16px;background:#f8f9fa;border-radius:4px}.trainer-review-status{margin-bottom:12px;font-size:14px;color:#333}.trainer-review-content{margin-top:12px}.trainer-review-content pre{margin:0;padding:12px;background:#1f2937;color:#f9fafb;border-radius:4px;font-size:12px;overflow-x:auto;max-height:400px;overflow-y:auto}.trainer-feedback-section{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trainer-comment-box,.trainer-grade-box{display:flex;flex-direction:column;gap:8px}.trainer-comment-box label,.trainer-grade-box label{font-weight:600;font-size:14px;color:#333}.trainer-comment-box textarea,.trainer-grade-box textarea{padding:12px;border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:14px;resize:vertical}.trainer-grade-box input{padding:12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.trainer-btn-primary{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600}.trainer-btn-primary:hover{background:#1d4ed8}.trainer-btn-secondary{padding:8px 16px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.trainer-btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.trainer-btn-small{padding:6px 12px;font-size:12px}.trainer-grading-container{display:flex;flex-direction:column;gap:24px}.trainer-metric-grades,.trainer-overall-grade{display:flex;flex-direction:column;gap:16px}.trainer-metric-grades h4,.trainer-overall-grade h4{margin:0 0 12px;font-size:18px;font-weight:600;color:#1f2937;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.trainer-grade-item{padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:12px}.trainer-grade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.trainer-grade-metric{display:flex;flex-direction:column;gap:4px}.trainer-grade-metric-name{font-size:16px;font-weight:600;color:#1f2937}.trainer-grade-weightage{font-size:12px;color:#6b7280}.trainer-grade-overridden-badge{padding:4px 8px;background:#fef3c7;color:#92400e;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.trainer-grade-scores{display:flex;gap:24px;flex-wrap:wrap}.trainer-grade-score-item{display:flex;flex-direction:column;gap:4px}.trainer-grade-label{font-size:12px;color:#6b7280;font-weight:500}.trainer-grade-value{font-size:18px;font-weight:600;color:#374151}.trainer-grade-final{color:#2563eb}.trainer-grade-large{font-size:24px;font-weight:700}.trainer-grade-metric-data{margin-top:8px;padding:8px;background:#f3f4f6;border-radius:4px;font-size:12px;color:#6b7280}.trainer-grade-comments{padding:12px;background:#fff;border-left:3px solid #2563eb;border-radius:4px;font-size:14px;color:#374151;margin-top:8px}.trainer-grade-override-info{font-size:11px;color:#9ca3af;font-style:italic}.trainer-grade-override-form{display:flex;flex-direction:column;gap:8px;padding:12px;background:#fff;border:1px solid #d1d5db;border-radius:4px;margin-top:8px}.trainer-grade-override-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.trainer-grade-override-textarea{padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;font-family:inherit;resize:vertical}.trainer-grade-override-actions{display:flex;gap:8px}.trainer-status-badge{padding:4px 8px;border-radius:3px;font-size:11px;font-weight:600;text-transform:uppercase}.trainer-status-badge.available{background:#d1fae5;color:#065f46}.trainer-status-badge.locked{background:#fee2e2;color:#991b1b}.trainer-status-badge.expired{background:#fef3c7;color:#92400e}.trainer-status-badge.completed{background:#dbeafe;color:#1e40af}.trainer-status-badge.failed{background:#fee2e2;color:#991b1b}.trainer-status-badge.processing,.trainer-status-badge.submitted{background:#fef3c7;color:#92400e}.trainer-status-badge.trainer-large{padding:8px 16px;font-size:14px}.trainer-grading-view{width:100%}.trainer-task-selector{margin-top:12px}.trainer-task-select{width:100%;max-width:500px;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s}.trainer-task-select:hover{border-color:#2563eb}.trainer-task-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.trainer-filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.trainer-stat-badge-grading:hover{border-color:#7c3aed;background:#faf5ff}.trainer-stat-badge-grading .trainer-stat-badge-label{color:#6b21a8}.trainer-grading-header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e5e7eb}.trainer-grading-center-title{font-size:36px;font-weight:700;color:#1f2937;margin:0 0 16px;line-height:1.2}.trainer-grading-program-info{display:flex;flex-direction:column;gap:8px}.trainer-grading-program-title{font-size:20px;font-weight:600;color:#4b5563;margin:0;line-height:1.4}.trainer-grading-description{font-size:14px;color:#6b7280;margin:0;line-height:1.6;max-width:800px}.trainer-grading-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.trainer-grading-metric-card{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center;transition:all .3s;box-shadow:0 2px 4px #0000000d}.trainer-grading-metric-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px);border-color:#d1d5db}.trainer-grading-metric-card:nth-child(1){background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.trainer-grading-metric-card:nth-child(2){background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.trainer-grading-metric-card:nth-child(3){background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde047}.trainer-grading-metric-card:nth-child(4){background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.trainer-grading-metric-card:nth-child(5){background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.trainer-grading-metric-card:nth-child(6){background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde047}.trainer-grading-metric-value{font-size:36px;font-weight:700;color:#2563eb;margin-bottom:12px;line-height:1}.trainer-grading-metric-label{font-size:14px;color:#374151;text-transform:uppercase;letter-spacing:.8px;font-weight:600;margin-bottom:8px}.trainer-grading-metric-description{font-size:12px;color:#6b7280;font-style:normal;margin-top:6px;line-height:1.4;font-weight:400}.trainer-view-mode-toggle{display:flex;gap:8px;background:#f3f4f6;padding:4px;border-radius:8px}.trainer-view-mode-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;background:transparent;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.trainer-view-mode-btn:hover{background:#e5e7eb;color:#374151}.trainer-view-mode-btn.active{background:#2563eb;color:#fff}.trainer-view-mode-btn i{font-size:12px}.trainer-dashboard{padding:20px}.trainer-dashboard-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.trainer-summary-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;text-align:center}.trainer-summary-value{font-size:32px;font-weight:700;color:#2563eb;margin-bottom:8px}.trainer-summary-label{font-size:14px;color:#666;text-transform:uppercase;letter-spacing:.5px}.trainer-attention-section{margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#fef2f2,#fff7ed);border:2px solid #f59e0b;border-radius:12px;box-shadow:0 4px 12px #f59e0b26}.trainer-attention-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.trainer-attention-title{font-size:24px;font-weight:700;color:#b45309;margin:0;display:flex;align-items:center;gap:8px;transition:all .2s ease}.trainer-attention-title.trainer-clickable:hover{color:#dc2626;transform:translate(4px)}.trainer-attention-title i{font-size:22px;color:#dc2626}.trainer-attention-badges{max-width:1000px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.trainer-students-section{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e5e7eb}.trainer-students-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.trainer-students-title{font-size:28px;font-weight:700;color:#1f2937;margin:0}.trainer-students-count{font-size:18px;font-weight:600;color:#2563eb}.trainer-tasks-section{margin-bottom:32px;padding-bottom:24px}.trainer-tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.trainer-tasks-title{font-size:28px;font-weight:700;color:#1f2937;margin:0}.trainer-program-header{margin-bottom:32px}.trainer-program-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 12px}.trainer-program-description{font-size:16px;color:#6b7280;line-height:1.6;margin:0 0 20px}.trainer-program-stats-section{display:flex;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e5e7eb}.trainer-total-enrolled-container{margin-bottom:20px}.trainer-stat-badge{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px 32px;cursor:pointer;transition:all .3s ease;text-align:center;min-width:140px;display:flex;align-items:center;justify-content:center}.trainer-stat-badge:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.trainer-stat-badge-content{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.trainer-stat-badge-value{font-size:32px;font-weight:700;line-height:1}.trainer-stat-badge-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.trainer-stat-badge-modules{border-color:#8b5cf6}.trainer-stat-badge-modules:hover{border-color:#7c3aed;background:#faf5ff}.trainer-stat-badge-modules .trainer-stat-badge-value{color:#7c3aed}.trainer-stat-badge-modules .trainer-stat-badge-label{color:#6b21a8}.trainer-stat-badge-tasks{border-color:#06b6d4}.trainer-stat-badge-tasks:hover{border-color:#0891b2;background:#ecfeff}.trainer-stat-badge-tasks .trainer-stat-badge-value{color:#0891b2}.trainer-stat-badge-tasks .trainer-stat-badge-label{color:#0e7490}.trainer-stat-badge-students{border-color:#2563eb}.trainer-stat-badge-students:hover{border-color:#1d4ed8;background:#eff6ff}.trainer-stat-badge-students .trainer-stat-badge-value{color:#2563eb}.trainer-stat-badge-students .trainer-stat-badge-label{color:#1e40af}.trainer-metrics-badges-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.trainer-metric-badge{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px;cursor:default;transition:all .2s ease;text-align:center;min-height:120px;display:flex;align-items:center;justify-content:center}.trainer-metric-badge.trainer-clickable-badge{cursor:pointer}.trainer-metric-badge.trainer-clickable-badge:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026;border-color:#2563eb}.trainer-badge-content{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.trainer-badge-value{font-size:28px;font-weight:700;line-height:1}.trainer-badge-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.trainer-badge-percentage{font-size:14px;font-weight:500;margin-top:4px}.trainer-badge-description{font-size:13px;color:#9ca3af;margin-top:6px;line-height:1.4;font-style:italic}.trainer-badge-not-started{border-color:#fbbf24}.trainer-badge-not-started:hover{border-color:#f59e0b;background:#fffbeb}.trainer-badge-not-started .trainer-badge-value{color:#f59e0b}.trainer-badge-not-started .trainer-badge-label{color:#92400e}.trainer-badge-not-started .trainer-badge-percentage{color:#b45309}.trainer-badge-without-repo{border-color:#ef4444}.trainer-badge-without-repo:hover{border-color:#dc2626;background:#fef2f2}.trainer-badge-without-repo .trainer-badge-value{color:#dc2626}.trainer-badge-without-repo .trainer-badge-label{color:#991b1b}.trainer-badge-without-repo .trainer-badge-percentage{color:#b91c1c}.trainer-badge-with-repo{border-color:#10b981}.trainer-badge-with-repo:hover{border-color:#059669;background:#f0fdf4}.trainer-badge-with-repo .trainer-badge-value{color:#059669}.trainer-badge-with-repo .trainer-badge-label{color:#065f46}.trainer-badge-with-repo .trainer-badge-percentage{color:#047857}.trainer-badge-started{border-color:#3b82f6}.trainer-badge-started:hover{border-color:#2563eb;background:#eff6ff}.trainer-badge-started .trainer-badge-value{color:#2563eb}.trainer-badge-started .trainer-badge-label{color:#1e40af}.trainer-badge-started .trainer-badge-percentage{color:#1d4ed8}.trainer-badge-not-onboarded{border-color:#f97316}.trainer-badge-not-onboarded:hover{border-color:#ea580c;background:#fff7ed}.trainer-badge-not-onboarded .trainer-badge-value{color:#ea580c}.trainer-badge-not-onboarded .trainer-badge-label{color:#c2410c}.trainer-badge-not-onboarded .trainer-badge-percentage{color:#d97706}.trainer-badge-recent-activity{border-color:#22c55e}.trainer-badge-recent-activity:hover{border-color:#16a34a;background:#f0fdf4}.trainer-badge-recent-activity .trainer-badge-value{color:#16a34a}.trainer-badge-recent-activity .trainer-badge-label,.trainer-badge-recent-activity .trainer-badge-percentage{color:#15803d}.trainer-badge-struggling{border-color:#dc2626}.trainer-badge-struggling:hover{border-color:#b91c1c;background:#fef2f2}.trainer-badge-struggling .trainer-badge-value{color:#dc2626}.trainer-badge-struggling .trainer-badge-label{color:#991b1b}.trainer-badge-struggling .trainer-badge-percentage{color:#b91c1c}.trainer-badge-at-risk{border-color:#f59e0b}.trainer-badge-at-risk:hover{border-color:#d97706;background:#fffbeb}.trainer-badge-at-risk .trainer-badge-value{color:#d97706}.trainer-badge-at-risk .trainer-badge-label,.trainer-badge-at-risk .trainer-badge-percentage{color:#b45309}.trainer-badge-queued{border-color:#6b7280}.trainer-badge-queued:hover{border-color:#4b5563;background:#f9fafb}.trainer-badge-queued .trainer-badge-value{color:#4b5563}.trainer-badge-queued .trainer-badge-label{color:#374151}.trainer-badge-expired{border-color:#ef4444}.trainer-badge-expired:hover{border-color:#dc2626;background:#fef2f2}.trainer-badge-expired .trainer-badge-value{color:#dc2626}.trainer-badge-expired .trainer-badge-label{color:#991b1b}.trainer-badge-expiring{border-color:#f59e0b}.trainer-badge-expiring:hover{border-color:#d97706;background:#fffbeb}.trainer-badge-expiring .trainer-badge-value{color:#d97706}.trainer-badge-expiring .trainer-badge-label{color:#b45309}.trainer-dashboard-grid h3{margin-bottom:16px;font-size:18px;color:#1f2937}.trainer-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.trainer-data-table{width:100%;border-collapse:collapse;font-size:13px}.trainer-data-table thead{background:linear-gradient(to bottom,#f1f5f9,#e2e8f0);border-bottom:2px solid #cbd5e1}.trainer-data-table th{padding:12px;text-align:left;font-weight:600;color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none}.trainer-data-table th:hover{background:#e0e7ff}.trainer-data-table td{padding:12px;border-bottom:1px solid #f1f5f9}.trainer-data-table tbody tr:nth-child(2n){background:#fafbfc}.trainer-data-table tbody tr:hover{background:#f0f4ff}.trainer-table-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-top:1px solid #e2e8f0}.trainer-table-pagination button{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.trainer-table-pagination button:disabled{background:#9ca3af;cursor:not-allowed}.trainer-table-pagination button:hover:not(:disabled){background:#1d4ed8}.trainer-table-pagination span{font-size:13px;color:#475569;font-weight:500}.trainer-table-action-btn{padding:6px 12px;background:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500}.trainer-table-action-btn:hover{background:#1d4ed8}.trainer-table-filters{margin-bottom:16px}.trainer-table-search-input{width:100%;max-width:400px;padding:10px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px}.trainer-table-search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.trainer-empty-state{padding:40px;text-align:center;color:#9ca3af;font-size:14px}.trainer-programs-grid-container,.trainer-students-grid-container,.trainer-modules-tasks-grid-container{padding:20px;background:#fff}.trainer-repo-viewer{display:flex;flex-direction:column;height:100%;background:#fff;overflow:hidden}.trainer-repo-details-header{padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:2px solid #e2e8f0;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.trainer-repo-details-section{display:flex;flex-direction:column;gap:8px}.trainer-repo-details-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.trainer-repo-details-label i{font-size:14px;color:#3b82f6}.trainer-repo-details-value{font-size:15px;font-weight:600;color:#1e293b;line-height:1.4}.trainer-repo-loading-text{color:#94a3b8;font-style:italic}.trainer-repo-task-name{font-weight:600;color:#1e293b;margin-bottom:4px}.trainer-repo-task-module{font-size:13px;color:#64748b;font-weight:400}.trainer-repo-no-task,.trainer-repo-no-branch{color:#94a3b8;font-style:italic;font-weight:400}.trainer-repo-header{padding:16px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.trainer-repo-branch-section{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.trainer-repo-branch-selector{display:flex;align-items:center;gap:12px}.trainer-repo-task-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.trainer-repo-task-badge,.trainer-repo-module-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600}.trainer-repo-task-badge{background:#e0e7ff;color:#4338ca;border:1px solid #c7d2fe}.trainer-repo-task-badge i{font-size:12px;color:#4338ca}.trainer-repo-module-badge{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.trainer-repo-module-badge i{font-size:12px;color:#166534}.trainer-repo-task-name-inline,.trainer-repo-module-name-inline{font-weight:600}.trainer-repo-no-task-inline{color:#94a3b8;font-style:italic;font-size:13px}.trainer-repo-attempts-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;background:#fef3c7;color:#92400e;border:1px solid #fde68a}.trainer-repo-attempts-badge i{font-size:12px;color:#92400e}.trainer-repo-attempts-text{font-weight:600}.trainer-repo-tabs{display:flex;gap:0;border-bottom:2px solid #e2e8f0;background:#f8fafc;padding:0 24px}.trainer-repo-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:600;color:#64748b;transition:all .2s}.trainer-repo-tab:hover{color:#475569;background:#f1f5f9}.trainer-repo-tab.active{color:#4338ca;border-bottom-color:#4338ca;background:#fff}.trainer-repo-tab i{font-size:13px}.trainer-repo-attempts-full{flex:1;overflow-y:auto;padding:24px;background:#fff}.trainer-repo-attempts-list{display:flex;flex-direction:column;gap:16px;max-width:1200px;margin:0 auto}.trainer-repo-attempt-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000000d}.trainer-repo-attempt-header{display:flex;align-items:center;gap:16px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.trainer-repo-attempt-number{display:flex;align-items:center;gap:6px;font-weight:600;color:#475569;font-size:14px}.trainer-repo-attempt-number i{color:#64748b;font-size:12px}.trainer-repo-attempt-status{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.trainer-status-completed{background:#d1fae5;color:#065f46}.trainer-status-failed,.trainer-status-failure{background:#fee2e2;color:#991b1b}.trainer-status-pending,.trainer-status-processing{background:#fef3c7;color:#92400e}.trainer-status-queued{background:#e0e7ff;color:#4338ca}.trainer-repo-attempt-date{margin-left:auto;font-size:12px;color:#64748b}.trainer-repo-pipelines{display:flex;flex-direction:column;gap:12px;margin-top:12px}.trainer-repo-pipeline-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px}.trainer-repo-pipeline-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.trainer-repo-pipeline-id{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569}.trainer-repo-pipeline-id i{color:#64748b;font-size:11px}.trainer-repo-pipeline-status{margin-left:auto;padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase}.trainer-repo-reports{display:flex;flex-direction:column;gap:8px;margin-top:8px}.trainer-repo-report-item{background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:10px}.trainer-repo-report-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.trainer-repo-report-type{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#334155}.trainer-repo-report-type i{color:#64748b;font-size:10px}.trainer-repo-report-status{margin-left:auto;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:600;text-transform:uppercase}.trainer-repo-infrastructure-failure{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:600;background:#fef2f2;color:#991b1b}.trainer-repo-infrastructure-failure i{font-size:9px}.trainer-repo-report-data{background:#1e293b;border-radius:4px;padding:12px;overflow-x:auto;max-height:300px;overflow-y:auto}.trainer-repo-report-data pre{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;line-height:1.5;color:#e2e8f0}.trainer-repo-branch-selector label{display:flex;align-items:center;gap:8px;font-weight:600;color:#475569;font-size:14px}.trainer-repo-branch-selector select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;font-size:14px;color:#1e293b;min-width:200px;cursor:pointer}.trainer-repo-branch-selector select:disabled{opacity:.6;cursor:not-allowed}.trainer-repo-spinner{color:#3b82f6;font-size:14px}.trainer-repo-error-banner{padding:12px 24px;background:#fef2f2;border-bottom:1px solid #fecaca;color:#991b1b;display:flex;align-items:center;gap:8px;font-size:14px}.trainer-repo-content{display:flex;flex:1;overflow:hidden;min-height:0}.trainer-repo-sidebar{width:300px;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;background:#fafbfc;overflow:hidden}.trainer-repo-sidebar-header{padding:12px 16px;background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:8px;font-weight:600;color:#334155;font-size:14px}.trainer-repo-tree{flex:1;overflow-y:auto;padding:8px 0}.trainer-repo-tree-item{-webkit-user-select:none;user-select:none}.trainer-repo-tree-node{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;font-size:13px;color:#475569;transition:background .2s}.trainer-repo-tree-node:hover{background:#f1f5f9}.trainer-repo-tree-node.active{background:#e0e7ff;color:#4338ca;font-weight:600}.trainer-repo-tree-node i{width:16px;font-size:12px;color:#64748b}.trainer-repo-tree-node.active i{color:#4338ca}.trainer-repo-tree-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trainer-repo-tree-children{margin-left:0}.trainer-repo-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.trainer-repo-file-viewer{display:flex;flex-direction:column;height:100%;overflow:hidden}.trainer-repo-file-header{padding:12px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:12px;font-size:14px}.trainer-repo-file-header i{color:#64748b;font-size:16px}.trainer-repo-file-path{flex:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#1e293b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trainer-repo-file-content{flex:1;overflow:auto;background:#1e293b}.trainer-repo-file-content .syntax-highlighter{margin:0;padding:20px;background:#1e293b;border:none;border-radius:0}.trainer-repo-file-content .syntax-highlighter pre{margin:0;padding:0;background:transparent;border:none}.trainer-repo-file-content .syntax-highlighter code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6;color:#e2e8f0}.trainer-repo-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;gap:16px}.trainer-repo-placeholder i{font-size:48px;opacity:.5}.trainer-repo-placeholder p{font-size:16px;margin:0}.trainer-repo-loading,.trainer-repo-loading-tree,.trainer-repo-loading-file{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:#64748b}.trainer-repo-loading i,.trainer-repo-loading-tree i,.trainer-repo-loading-file i{font-size:24px;color:#3b82f6}.trainer-repo-loading p,.trainer-repo-loading-tree span,.trainer-repo-loading-file span{font-size:14px;margin:0}.trainer-repo-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:#dc2626}.trainer-repo-error i{font-size:32px}.trainer-repo-error p{font-size:14px;margin:0}.trainer-repo-empty-tree,.trainer-repo-empty-file{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:#94a3b8}.trainer-repo-empty-tree i,.trainer-repo-empty-file i{font-size:32px;opacity:.5}.trainer-repo-empty-tree span,.trainer-repo-empty-file span{font-size:14px;margin:0}.quick-guide-sidebar{width:280px;background:#fff;border-right:1px solid #e1e4e8;padding:3rem 1.5rem 2rem;overflow-y:auto;position:fixed;height:calc(100vh - 60px);left:0;top:60px}.sidebar-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e1e4e8}.sidebar-header h2{font-size:1.5rem;font-weight:700;color:#24292e;margin:0 0 1rem}.back-to-home-link{display:flex;align-items:center;gap:.5rem;color:#0366d6;text-decoration:none;font-size:.875rem;padding:.5rem 0;transition:all .2s ease}.back-to-home-link:hover{color:#0256c2;text-decoration:underline}.back-to-home-link i{font-size:.875rem}.sidebar-content{display:flex;flex-direction:column}.sidebar-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.sidebar-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:6px;text-align:left;cursor:pointer;transition:all .2s ease;color:#586069;font-size:.875rem}.sidebar-menu-item:hover{background:#f6f8fa;color:#24292e}.sidebar-menu-item.active{background:#0366d6;color:#fff;font-weight:500}.sidebar-menu-item.active i{color:#fff}.sidebar-menu-item i{width:16px;text-align:center;color:#586069;font-size:.875rem}.sidebar-menu-item.active:hover{background:#0256c2}@media(max-width:768px){.quick-guide-sidebar{position:relative;width:100%;height:auto;max-height:300px;top:0;left:0}}.workflow-section{background:#fff;padding:2rem;border-radius:20px;border:1px solid #e1e4e8;margin-bottom:2rem;box-shadow:0 8px 32px #0000000f;position:relative;overflow:hidden;animation:slideInUp .8s ease-out .1s both;width:100%}.workflow-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4f46e5,#3730a3)}.workflow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;position:relative;z-index:1}.workflow-header-content{text-align:center;flex:1}.workflow-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.workflow-dismiss-btn{background:#f3f4f6;border:1px solid #e5e7eb;cursor:pointer;padding:.375rem .75rem;color:#6b7280;font-size:.875rem;font-weight:500;transition:all .2s ease;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:.375rem}.workflow-dismiss-btn span{display:inline-block}.workflow-dismiss-btn:hover{background:#fee;border-color:#fcc;color:#d32f2f;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.workflow-dismiss-btn:active{transform:translateY(0)}.workflow-header h2{font-size:1.6rem;font-weight:700;color:#24292e;margin:0 0 .25rem;background:linear-gradient(135deg,#24292e,#586069);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.workflow-header p{color:#586069;font-size:.9rem;margin:0;opacity:.8}.workflow-minimize-btn{background:transparent;border:none;cursor:pointer;padding:.5rem;color:#6b7280;font-size:1.25rem;transition:all .2s ease;border-radius:6px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.workflow-minimize-btn:hover{background:#f3f4f6;color:#4f46e5;transform:scale(1.1)}.workflow-minimize-btn:active{transform:scale(.95)}.workflow-content{transition:max-height .3s ease-out,opacity .3s ease-out;overflow:hidden}.workflow-content-hidden{max-height:0;opacity:0;margin-bottom:0}.workflow-minimized{padding-bottom:2rem}.workflow-row{margin-bottom:1.5rem}.workflow-row:last-child{margin-bottom:0}.row-title{font-size:1rem;font-weight:600;color:#24292e;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.loop-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;position:relative}.loop-row:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#3b82f6;border-radius:8px 8px 0 0}.loop-indicator{background:#3b82f6;color:#fff;padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:600;margin-left:.5rem;text-transform:uppercase;letter-spacing:.025em}.loop-arrow{color:#3b82f6!important;font-size:1.1rem!important;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.workflow-steps{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:.5rem;position:relative;z-index:1;width:100%}.workflow-step{display:flex;flex-direction:row;align-items:center;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem 1.25rem;flex:1;min-width:0;transition:all .2s ease;position:relative;cursor:pointer;box-shadow:0 1px 3px #0000001a}.workflow-step:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;border-color:#cbd5e1}.workflow-step.ide-step{background:#f8fafc;border-color:#e2e8f0}.workflow-step.ide-step:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 12px #00000026}.workflow-step.ide-step{position:relative}.workflow-step.ide-step:after{content:attr(title);position:absolute;top:-45px;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;box-shadow:0 4px 12px #00000026;max-width:200px;white-space:normal;text-align:center;line-height:1.3}.workflow-step.ide-step:before{content:"";position:absolute;top:-35px;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e293b;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000}.workflow-step.ide-step:hover:after,.workflow-step.ide-step:hover:before{opacity:1;visibility:visible}.step-number{width:32px;height:32px;background:#6366f1;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;margin-right:.75rem;flex-shrink:0;box-shadow:0 1px 2px #0000001a}.ide-step .step-number{background:#3b82f6}.step-content{flex:1;min-width:0}.step-content h4{font-size:.875rem;font-weight:600;color:#0f172a;margin:0 0 .25rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}.step-content p{font-size:.75rem;color:#64748b;margin:0 0 .375rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}.step-content h4[title]:hover,.step-content p[title]:hover{position:relative}.step-content h4[title]:hover:after,.step-content p[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;box-shadow:0 4px 12px #00000026;max-width:250px;white-space:normal;text-align:center;line-height:1.3;margin-bottom:.5rem}.step-content h4[title]:hover:before,.step-content p[title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e293b;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;margin-bottom:.25rem}.step-content h4[title]:hover:after,.step-content h4[title]:hover:before,.step-content p[title]:hover:after,.step-content p[title]:hover:before{opacity:1;visibility:visible}.step-note{display:inline-block;background:#3b82f6;color:#fff;padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.step-icon{margin-left:.75rem;font-size:1rem;color:#64748b;opacity:.7;transition:all .2s ease;flex-shrink:0}.ide-step .step-icon{color:#3b82f6}.workflow-step:hover .step-icon{opacity:1;transform:scale(1.05)}.workflow-arrow{display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.875rem;margin:0 .25rem;opacity:.7;transition:all .2s ease;flex-shrink:0}.workflow-arrow:hover{opacity:1;color:#6366f1;transform:scale(1.1)}@media(max-width:1400px){.workflow-step{padding:.875rem 1rem}.step-content h4{font-size:.8rem}.step-content p{font-size:.7rem}}@media(max-width:1200px){.workflow-steps{flex-wrap:wrap;justify-content:center;gap:.5rem}.workflow-step{min-width:200px;max-width:250px;flex:0 1 auto}.workflow-arrow{transform:rotate(90deg);margin:.25rem 0}}@media(max-width:768px){.workflow-section{padding:1.5rem}.workflow-header h2{font-size:1.4rem}.workflow-dismiss-btn span{display:none}.workflow-dismiss-btn{width:32px;padding:.375rem}.workflow-minimize-btn{width:32px;height:32px;font-size:1.1rem}.workflow-row{margin-bottom:1.25rem}.row-title{font-size:.9rem;flex-direction:column;align-items:flex-start;gap:.25rem}.loop-indicator{margin-left:0;margin-top:.25rem}.loop-row{padding:1rem}.workflow-steps{flex-direction:column;gap:.5rem}.workflow-step{min-width:100%;max-width:100%;padding:.875rem 1rem;flex:none}.step-number{width:28px;height:28px;font-size:.8rem}.step-content h4{font-size:.8rem}.step-content p{font-size:.7rem}.step-icon{font-size:.9rem}.workflow-arrow{transform:rotate(90deg);margin:.25rem 0}.workflow-step.ide-step:after{top:-50px;font-size:.7rem;max-width:150px;padding:.4rem .6rem}.workflow-step.ide-step:before{top:-40px}.step-content h4[title]:hover:after,.step-content p[title]:hover:after{font-size:.7rem;max-width:200px;padding:.4rem .6rem}}@media(max-width:480px){.workflow-section{padding:1rem}.workflow-header-content{text-align:left;margin-right:.5rem}.workflow-header h2{font-size:1.2rem}.workflow-header p{font-size:.8rem}.workflow-minimize-btn{width:28px;height:28px;font-size:1rem}.workflow-step{padding:.75rem}.step-content h4{font-size:.75rem}.step-content p{font-size:.65rem}.step-note{font-size:.6rem}}.main-content-header{margin-bottom:2rem}.main-content-header h1{font-size:2rem;font-weight:700;color:#24292e;margin:0 0 .5rem}.main-content-subtitle{font-size:1rem;color:#586069;margin:0 0 2rem;line-height:1.5}.guide-content{width:100%}.guide-media-container{margin-top:2rem;min-height:400px;background:#f6f8fa;border:2px dashed #d1d5da;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:1rem}.guide-media-container.has-video{background:transparent;border:none;padding:0;min-height:auto;max-width:100%;display:block}.guide-video{width:100%;max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;object-fit:contain;image-rendering:auto;-webkit-font-smoothing:antialiased;min-width:0;min-height:0}.guide-media-container.has-gif{background:transparent;border:none;padding:0;min-height:auto;max-width:100%;display:block}.working-task-content{width:100%;display:flex;flex-direction:column;gap:2rem}.guide-gif{width:100%;max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;object-fit:contain}.task-steps-container{background:#f6f8fa;border:2px solid #e1e4e8;border-radius:12px;padding:2rem;margin-top:1rem}.task-steps-title{font-size:1.25rem;font-weight:600;color:#24292e;margin:0 0 1.5rem;text-align:center}.task-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.task-step-item{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.task-step-item:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.task-step-number{width:36px;height:36px;background:linear-gradient(135deg,#0366d6,#005cc5);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0;box-shadow:0 2px 6px #0366d64d}.task-step-content{display:flex;align-items:center;gap:.75rem;flex:1;font-size:1rem;color:#24292e;line-height:1.5}.task-step-icon{font-size:1.25rem;color:#0366d6;width:24px;text-align:center;flex-shrink:0}.creating-branch-content{width:100%;display:flex;flex-direction:column;gap:2rem}.branch-image{width:100%;max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;object-fit:contain}.branch-instructions-container{background:#f6f8fa;border:2px solid #e1e4e8;border-radius:12px;padding:2rem;margin-top:1rem}.branch-instructions-title{font-size:1.25rem;font-weight:600;color:#24292e;margin:0 0 1.5rem;text-align:center}.branch-instructions{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.branch-instruction-item{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.branch-instruction-item:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.branch-instruction-number{width:36px;height:36px;background:linear-gradient(135deg,#28a745,#22863a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0;box-shadow:0 2px 6px #28a7454d}.branch-instruction-content{display:flex;align-items:center;gap:.75rem;flex:1;font-size:1rem;color:#24292e;line-height:1.5}.branch-instruction-icon{font-size:1.25rem;color:#28a745;width:24px;text-align:center;flex-shrink:0}.branch-instruction-content code{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:4px;padding:.2rem .5rem;font-family:Courier New,monospace;font-size:.9em;color:#e83e8c;margin-left:.25rem}.view-results-content{width:100%;display:flex;flex-direction:column;gap:2rem}.results-instructions-container{background:#f6f8fa;border:2px solid #e1e4e8;border-radius:12px;padding:2rem;margin-top:1rem}.results-instructions-title{font-size:1.25rem;font-weight:600;color:#24292e;margin:0 0 1.5rem;text-align:center}.results-instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.result-item{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.result-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.result-icon-wrapper{width:60px;height:60px;background:linear-gradient(135deg,#6f42c1,#5a32a3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 4px 12px #6f42c14d}.result-icon{font-size:1.75rem;color:#fff}.result-content{flex:1}.result-title{font-size:1.1rem;font-weight:600;color:#24292e;margin:0 0 .5rem}.result-description{font-size:.95rem;color:#586069;line-height:1.5;margin:0}.media-placeholder{text-align:center;padding:3rem;color:#586069}.media-placeholder i{font-size:3rem;color:#d1d5da;margin-bottom:1rem;display:block}.media-placeholder p{font-size:1.125rem;font-weight:500;color:#24292e;margin:0 0 .5rem}.placeholder-note{font-size:.875rem;color:#586069}.journey-section{width:100%}.ide-setup-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;width:100%}.ide-items{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:3rem;margin-bottom:2.5rem;flex-wrap:wrap;width:100%}.ide-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;min-width:200px;max-width:280px;text-align:center}.ide-logo-link{display:inline-block;transition:transform .2s ease,opacity .2s ease;text-decoration:none;margin-bottom:1rem}.ide-logo-link:hover{transform:scale(1.1);opacity:.9}.ide-logo-link img{display:block;transition:filter .2s ease}.ide-logo-link:hover img{filter:brightness(1.1)}.ide-instructions{font-size:.95rem;color:#586069;line-height:1.5;margin:0;text-align:center}.ide-setup-description{text-align:center;font-size:1.125rem;color:#24292e;margin:0;line-height:1.6;max-width:600px}.guide-media-container.has-image{background:#fff;border:2px dashed #d1d5da;padding:2rem}.git-setup-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;width:100%}.git-header{margin-bottom:2.5rem;text-align:center}.git-logo-link{display:inline-block;transition:transform .3s ease;text-decoration:none}.git-logo-link:hover{transform:scale(1.1) rotate(5deg)}.git-logo-link img{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.git-methods{display:flex;flex-direction:row;gap:2rem;margin-bottom:2rem;width:100%;flex-wrap:wrap;justify-content:center}.git-method-card{flex:1;min-width:300px;max-width:450px;background:linear-gradient(135deg,#f6f8fa,#fff);border:2px solid #e1e4e8;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #00000014;transition:transform .2s ease,box-shadow .2s ease}.git-method-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001f}.method-icon{width:60px;height:60px;background:linear-gradient(135deg,#f44d27 0% 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 4px 12px #f44d274d}.method-icon i{font-size:1.75rem;color:#fff}.method-title{font-size:1.25rem;font-weight:600;color:#24292e;margin:0 0 1.5rem;text-align:center}.method-steps{display:flex;flex-direction:column;gap:1rem}.step-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;color:#586069;line-height:1.6}.step-icon{font-size:1.1rem;color:#f44d27;margin-top:.2rem;flex-shrink:0;width:20px;text-align:center}.step-item code{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:4px;padding:.2rem .5rem;font-family:Courier New,monospace;font-size:.9em;color:#e83e8c}.step-item a{color:#0366d6;text-decoration:none;font-weight:500}.step-item a:hover{text-decoration:underline}.step-item strong{color:#24292e;font-weight:600}.git-verify-section{width:100%;max-width:800px}.verify-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #00000014}.verify-card .method-icon{background:linear-gradient(135deg,#0366d6,#005cc5);box-shadow:0 4px 12px #0366d64d}@media(max-width:768px){.main-content-header h1{font-size:1.5rem}.ide-items{gap:2rem;margin-bottom:2rem;flex-direction:column}.ide-item{max-width:100%}.ide-setup-content{padding:2rem 1rem}.ide-logo-link img{width:80px;height:80px}.ide-instructions{font-size:.9rem}.ide-setup-description{font-size:1rem}.git-setup-content{padding:1.5rem 1rem}.git-methods{flex-direction:column;gap:1.5rem}.git-method-card{min-width:100%;max-width:100%;padding:1.5rem}.git-header{margin-bottom:2rem}.git-logo-link img{width:100px;height:100px}.method-icon{width:50px;height:50px}.method-icon i{font-size:1.5rem}.method-title{font-size:1.1rem}.step-item{font-size:.9rem}.verify-card{padding:1.5rem}.working-task-content{gap:1.5rem}.task-steps-container{padding:1.5rem}.task-steps{grid-template-columns:1fr}.task-steps-title{font-size:1.1rem}.task-step-item{padding:1rem}.task-step-number{width:32px;height:32px;font-size:.9rem}.task-step-content{font-size:.95rem}.task-step-icon{font-size:1.1rem}.creating-branch-content{gap:1.5rem}.branch-instructions-container{padding:1.5rem}.branch-instructions{grid-template-columns:1fr}.branch-instructions-title{font-size:1.1rem}.branch-instruction-item{padding:1rem}.branch-instruction-number{width:32px;height:32px;font-size:.9rem}.branch-instruction-content{font-size:.95rem}.branch-instruction-icon{font-size:1.1rem}.view-results-content{gap:1.5rem}.results-instructions-container{padding:1.5rem}.results-instructions{grid-template-columns:1fr;gap:1.25rem}.results-instructions-title{font-size:1.1rem}.result-item{padding:1.25rem}.result-icon-wrapper{width:50px;height:50px}.result-icon{font-size:1.5rem}.result-title{font-size:1rem}.result-description{font-size:.9rem}}.quick-guide-page{min-height:100vh;background:#f6f8fa}.quick-guide-container{display:flex;min-height:calc(100vh - 60px);margin-top:80px}.quick-guide-main{flex:1;margin-left:280px;padding:3rem 2rem 2rem;max-width:calc(100% - 280px)}@media(max-width:768px){.quick-guide-container{flex-direction:column}.quick-guide-sidebar{position:relative;width:100%;height:auto;max-height:300px;top:0;left:0}.quick-guide-main{margin-left:0;max-width:100%;padding:1.5rem}.main-content-header h1{font-size:1.5rem}.action-buttons{flex-direction:column}.action-btn{width:100%}}.setup-steps-container{width:100%}.setup-step{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 2px 8px #0000001a}.setup-step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.step-number{width:48px;height:48px;background:#0366d6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.setup-step-header h2{font-size:1.75rem;font-weight:700;color:#24292e;margin:0}.setup-step-description{font-size:1rem;color:#586069;margin:0 0 2rem;line-height:1.6}.step-1-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;align-items:stretch}.step-1-left-column{display:flex;flex-direction:column;gap:2rem;height:100%}.step-1-right-column{display:flex;flex-direction:column;height:100%}.credentials-card{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:8px;padding:1.5rem}.credentials-card-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#24292e;margin:0 0 1.5rem}.credentials-card-title i{color:#0366d6}.credential-field{margin-bottom:1.5rem}.credential-field:last-child{margin-bottom:0}.credential-field label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#24292e;margin-bottom:.5rem}.credential-field label i{color:#586069;width:16px}.credential-value{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e1e4e8;border-radius:6px;padding:.75rem 1rem}.credential-value span{flex:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:#24292e;word-break:break-all}.copy-btn{background:transparent;border:none;color:#0366d6;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:#f1f8ff;color:#0256c2}.copy-btn.eye-btn{color:#586069}.copy-btn.eye-btn:hover{background:#f6f8fa;color:#24292e}.clone-video-container{display:flex;flex-direction:column;height:100%;min-height:0}.clone-video-container h3{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#24292e;margin:0 0 1rem;flex-shrink:0}.clone-video-container h3 i{color:#0366d6}.clone-demo-video{width:100%;flex:1;min-height:0;border-radius:8px;box-shadow:0 4px 12px #00000026;background:#000;margin-bottom:1rem;display:block;object-fit:contain}.video-disclaimer{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:.875rem;line-height:1.5;margin:0;flex-shrink:0}.video-disclaimer i{color:#ffc107;flex-shrink:0;margin-top:.125rem}.video-disclaimer span{flex:1}.git-commands-box{background:#1e293b;border-radius:8px;padding:1.5rem}.git-commands-box h3{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1rem;font-weight:600;margin:0 0 1rem}.git-commands-box h3 i{color:#10b981}.command-block{background:#0f172a;border-radius:6px;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem;position:relative}.command-block.command-block-inline{flex-direction:row;align-items:center;gap:1rem}.command-block:last-child{margin-bottom:0}.command-label{color:#94a3b8;font-size:.875rem;font-weight:500;display:block;width:100%}.command-content{display:flex;align-items:center;gap:1rem;width:100%}.command-block code{flex:1;color:#10b981;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;background:transparent;padding:0;border:none;word-break:break-all;white-space:nowrap;overflow-x:auto;min-width:0}.command-note{color:#94a3b8;font-size:.875rem;margin:1rem 0 0;display:flex;align-items:center;gap:.5rem}.command-note i{color:#60a5fa}.copy-command-btn{background:#1e293b;border:1px solid #334155;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.copy-command-btn:hover{background:#334155;color:#fff;border-color:#475569}.setup-step-btn{background:#0366d6;color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 2px 8px #0366d64d;width:100%;justify-content:center}.setup-step-btn-narrow{width:auto;min-width:200px;margin:0 auto;display:flex}.setup-step-btn:hover:not(:disabled){background:#0256c2;transform:translateY(-1px);box-shadow:0 4px 12px #0366d666}.setup-step-btn:disabled{opacity:.7;cursor:not-allowed}.setup-step-btn-primary{background:#28a745}.setup-step-btn-primary:hover:not(:disabled){background:#22863a}.setup-step-btn-complete{background:#6c757d;box-shadow:0 2px 8px #6c757d33}.setup-step-btn-complete:hover:not(:disabled){background:#5a6268;box-shadow:0 4px 12px #6c757d4d}.setup-step-btn .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.next-step-hint{display:flex;align-items:center;gap:.5rem;background:#d1fae5;border:1px solid #6ee7b7;border-radius:6px;padding:.75rem 1rem;margin-top:1rem;color:#065f46;font-size:.875rem}.next-step-hint i{color:#10b981}.credentials-doodle-container{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:12px;padding:2rem;margin-bottom:2rem;text-align:center}.credentials-doodle{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.doodle-key{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:12px;color:#333;font-size:1.5rem;box-shadow:0 4px 8px #ffd70033}.doodle-arrow-credentials{color:#586069;font-size:1.5rem;animation:slideRight 2s infinite}.doodle-lock{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:linear-gradient(135deg,#28a745,#20c997);border-radius:12px;color:#fff;box-shadow:0 4px 8px #28a74533}.doodle-lock i{font-size:1.5rem}.doodle-lock-label{font-size:.75rem;font-weight:600}.doodle-computer{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:linear-gradient(135deg,#0366d6,#0256c2);border-radius:12px;color:#fff;box-shadow:0 4px 8px #0366d633}.doodle-computer i{font-size:1.5rem}.doodle-computer-label{font-size:.75rem;font-weight:600}.doodle-caption-credentials{color:#586069;font-size:.95rem;margin:0;font-weight:500}.doodle-caption-credentials i{color:#0366d6;margin-left:.25rem}.branch-doodle-container{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:12px;padding:2rem;margin-bottom:2rem;text-align:center}.branch-doodle{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.doodle-main{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #0366d6;border-radius:8px;font-weight:600;color:#0366d6;box-shadow:0 2px 4px #0366d61a}.doodle-main i{font-size:1.25rem}.doodle-arrow{color:#586069;font-size:1.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.doodle-branch{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#28a745,#20c997);border:2px solid #28a745;border-radius:8px;font-weight:600;color:#fff;box-shadow:0 4px 8px #28a74533;position:relative}.doodle-branch i{font-size:1.25rem}.doodle-sparkle{position:absolute;top:-8px;right:-8px;font-size:1.25rem;animation:sparkle 1.5s infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.7;transform:scale(1.2) rotate(180deg)}}.doodle-caption{color:#586069;font-size:.95rem;margin:0;font-weight:500}.instructions-box{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.instructions-box h3{font-size:1rem;font-weight:600;color:#24292e;margin:0 0 .75rem}.instructions-box h3:not(:first-child){margin-top:1.5rem}.instructions-box p{color:#586069;line-height:1.6;margin:0 0 1rem}.instructions-box ul,.instructions-box ol{margin:0 0 1rem;padding-left:1.5rem;color:#586069;line-height:1.8}.instructions-box ul li,.instructions-box ol li{margin-bottom:.5rem}.instructions-box ul li:last-child,.instructions-box ol li:last-child{margin-bottom:0}.instructions-box ol li code{background:#e1e4e8;padding:.125rem .375rem;border-radius:4px;font-size:.875rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#24292e}.completion-checklist{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:8px;padding:1.5rem;margin-bottom:2rem}.checklist-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:#586069}.checklist-item.completed{color:#495057}.checklist-item i{font-size:1.25rem;flex-shrink:0}.checklist-item.completed i{color:#28a745}@media(max-width:1024px){.step-1-content-wrapper{grid-template-columns:1fr;gap:2rem}.clone-video-container{position:static}}@media(max-width:768px){.setup-step{padding:1.5rem}.setup-step-header h2{font-size:1.5rem}.step-number{width:40px;height:40px;font-size:1.25rem}.step-1-content-wrapper,.step-1-left-column{gap:1.5rem}.command-block{flex-direction:column;align-items:flex-start}.command-block code{width:100%;word-break:break-all}}.setup-repository-page{min-height:100vh;background:#f6f8fa}.setup-repository-container{margin-top:0;min-height:calc(100vh - 100px);padding:4rem 2rem 1rem}.setup-repository-page .setup-repository-container{margin-top:0}.setup-repository-page:not(:has(.setup-repository-program-context)) .setup-repository-container,.setup-repository-container.no-program-context{margin-top:100px}.setup-repository-content{width:100%;margin:0 auto}.setup-repository-header{text-align:center;margin-bottom:1.5rem;width:100%}.setup-repository-greeting-message{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid #e1e4e8;text-align:center}.setup-repository-greeting-message h1{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:#24292e;text-align:center}.setup-repository-greeting-subtitle{font-size:1.125rem;margin:0;color:#586069;font-weight:500}.setup-repository-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000001a;text-align:left;width:100%}.repository-doodle-container{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:12px;padding:2rem;margin-bottom:2rem;text-align:center}.repository-doodle{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.doodle-cloud{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#fc6d26,#e24329);border-radius:12px;color:#fff;box-shadow:0 4px 8px #fc6d2633}.doodle-cloud i{font-size:2.5rem}.doodle-cloud-label{font-size:.875rem;font-weight:600}.doodle-arrow-right{color:#586069;font-size:2rem;animation:slideRight 2s infinite}@keyframes slideRight{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.doodle-repo-box{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#fff;border:2px solid #0366d6;border-radius:12px;position:relative;box-shadow:0 4px 8px #0366d61a}.doodle-repo-box i{font-size:2rem;color:#0366d6}.doodle-repo-files{display:flex;gap:.25rem;margin:.25rem 0}.doodle-file{width:20px;height:20px;background:#e1e4e8;border-radius:3px}.doodle-repo-label{font-size:.875rem;font-weight:600;color:#0366d6}.doodle-sparkle-repo{position:absolute;top:-8px;right:-8px;font-size:1.25rem;animation:sparkle 1.5s infinite}.doodle-caption-repo{color:#586069;font-size:.95rem;margin:0;font-weight:500}.setup-repository-icon{width:60px;height:60px;background:#0366d6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 1rem}.setup-repository-icon i{font-size:2rem;color:#fff}.setup-repository-card h2{font-size:1.5rem;font-weight:700;color:#24292e;margin:0 0 .75rem}.setup-repository-card p{font-size:.95rem;color:#586069;line-height:1.5;margin:0 0 1.5rem}.setup-repository-action-btn{background:#0366d6;color:#fff;border:none;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 2px 8px #0366d64d;margin-top:.5rem;margin-bottom:1.5rem}.setup-repository-action-btn-narrow{width:auto;min-width:220px;margin:0 auto;display:flex;justify-content:center}.setup-repository-action-btn:hover:not(:disabled){background:#0256c2;transform:translateY(-1px);box-shadow:0 4px 12px #0366d666}.setup-repository-action-btn:disabled{opacity:.7;cursor:not-allowed}.setup-repository-notes{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e1e4e8;text-align:left}.setup-repository-notes h3{font-size:1.125rem;font-weight:600;color:#24292e;margin:0 0 .75rem}.setup-repository-notes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.setup-repository-notes-list li{display:flex;align-items:flex-start;gap:.75rem;color:#586069;line-height:1.5;font-size:.9rem}.setup-repository-notes-list li i{color:#28a745;font-size:1rem;margin-top:.125rem;flex-shrink:0}.setup-repository-notes-list li span{flex:1}.setup-repository-action-btn .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.setup-repository-error-warning{background:#fee;border:1px solid #fcc;border-radius:8px;padding:1.5rem;margin-top:2rem;display:flex;gap:1rem;width:100%}.setup-repository-error-icon{color:#d32f2f;font-size:1.5rem;flex-shrink:0}.setup-repository-error-content{flex:1}.setup-repository-error-content h4{color:#d32f2f;margin:0 0 .5rem;font-size:1.125rem}.setup-repository-error-content p{color:#666;margin:0 0 1rem}.setup-repository-error-actions{display:flex;gap:.75rem}.setup-repository-btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.setup-repository-btn-primary{background:#0366d6;color:#fff}.setup-repository-btn-primary:hover{background:#0256c2}.setup-repository-btn-secondary{background:#f6f8fa;color:#24292e;border:1px solid #e1e4e8}.setup-repository-btn-secondary:hover{background:#e1e4e8}.setup-repository-loading{text-align:center;color:#586069}.setup-repository-loading-spinner{width:50px;height:50px;border:4px solid #e1e4e8;border-top:4px solid #0366d6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.setup-repository-program-context{padding:1rem 2rem;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between;margin-top:100px;position:relative;z-index:999}.setup-repository-program-context a{font-size:.9rem;color:#007bff;text-decoration:none;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.setup-repository-program-context a:hover{color:#0056b3;text-decoration:underline}.setup-repository-program-context>div:last-child{flex-shrink:0}@media(max-width:768px){.setup-repository-container{padding:1rem}.setup-repository-header h1{font-size:2rem}.setup-repository-card{padding:2rem 1.5rem}.setup-repository-icon{width:60px;height:60px}.setup-repository-icon i{font-size:2rem}.setup-repository-program-context{padding:1rem;flex-direction:column;gap:.75rem;justify-content:flex-start;align-items:flex-start}}.admin-navigation{display:flex;gap:.5rem;padding:1rem 2rem;background-color:#fff;border-bottom:1px solid #d0d7de;margin-top:60px;position:sticky;top:60px;z-index:100;box-shadow:0 2px 4px #0000000d}.admin-nav-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;color:#586069;text-decoration:none;border-radius:.375rem;transition:all .2s;font-weight:500;font-size:.875rem}.admin-nav-item:hover{background-color:#f6f8fa;color:#24292e}.admin-nav-item.active{background-color:#0969da;color:#fff}.admin-nav-item i{font-size:1rem}.dashboard-page{min-height:100vh;background-color:#f6f8fa}.dashboard-page.in-iframe{min-height:calc(100vh - 60px)}.dashboard-container{max-width:1400px;margin:100px auto 0;padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:2rem;font-weight:700;color:#24292e;margin:0 0 .5rem}.dashboard-subtitle{font-size:1rem;color:#586069;margin:0}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-stat-card{background:#fff;border:1px solid #d0d7de;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease;position:relative;overflow:hidden}.dashboard-stat-card:hover{border-color:#0969da;box-shadow:0 4px 12px #0969da26;transform:translateY(-2px)}.dashboard-stat-card.highlight{border:2px solid #ffc107;background:linear-gradient(135deg,#fff,#fff9e6)}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-value{font-size:2rem;font-weight:700;color:#24292e;line-height:1;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#586069;font-weight:500}.stat-action{background:transparent;border:none;color:#0969da;font-size:.875rem;font-weight:600;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.stat-action:hover{background:#f6f8fa}.dashboard-section{background:#fff;border:1px solid #d0d7de;border-radius:12px;padding:2rem;margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{font-size:1.25rem;font-weight:600;color:#24292e;margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem}.section-title i{color:#0969da}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.status-card{padding:1.5rem;border:1px solid #e1e4e8;border-radius:8px;background:#f6f8fa;transition:all .2s ease}.status-card:hover{border-color:#0969da;box-shadow:0 2px 8px #00000014}.status-icon{font-size:2rem;margin-bottom:.75rem}.status-info{margin-bottom:.75rem}.status-count{font-size:2rem;font-weight:700;color:#24292e;line-height:1;margin-bottom:.25rem}.status-label{font-size:.75rem;color:#586069;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.status-bar{height:4px;background:#e1e4e8;border-radius:2px;overflow:hidden}.status-bar-fill{height:100%;transition:width .3s ease}.recent-problems-list{display:flex;flex-direction:column;gap:1rem}.recent-problem-card{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border:1px solid #e1e4e8;border-radius:8px;background:#f6f8fa;transition:all .2s ease}.recent-problem-card:hover{border-color:#0969da;box-shadow:0 2px 8px #00000014;background:#fff}.problem-info{flex:1;min-width:0}.problem-title{font-size:1rem;font-weight:600;color:#24292e;margin:0 0 .5rem}.problem-meta{display:flex;gap:1.5rem;font-size:.875rem;color:#586069;flex-wrap:wrap}.problem-meta span{display:flex;align-items:center;gap:.5rem}.problem-meta i{color:#0969da}.problem-actions{display:flex;align-items:center;gap:.5rem}.status-badge{padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quick-action-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;border:2px dashed #d0d7de;border-radius:8px;background:#f6f8fa;cursor:pointer;transition:all .2s ease;font-size:1rem;font-weight:600;color:#24292e}.quick-action-card:hover{border-color:#0969da;border-style:solid;background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0969da26}.quick-action-card i{font-size:2rem;color:#0969da}.dashboard-empty{text-align:center;padding:3rem;color:#586069}.dashboard-empty i{font-size:3rem;margin-bottom:1rem;opacity:.5}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center}.dashboard-loading i{font-size:3rem;color:#0969da;margin-bottom:1rem}.btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary{background:#f6f8fa;color:#24292e;border:1px solid #d0d7de}.btn-secondary:hover{background:#e1e4e8;border-color:#d0d7de}@media(max-width:768px){.dashboard-container{padding:1rem;margin-top:80px}.dashboard-header h1{font-size:1.5rem}.dashboard-stats-grid{grid-template-columns:1fr}.status-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.problem-meta{flex-direction:column;gap:.5rem}.quick-actions-grid{grid-template-columns:1fr 1fr}}.add-group-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.add-group-container{padding:1rem 1.5rem;max-width:1400px;margin:0 auto;padding-top:30px}.page-header{margin-bottom:1.25rem}.page-header h1{font-size:1.75rem;font-weight:700;color:#1a1f36;margin:0 0 .25rem;letter-spacing:-.02em}.page-subtitle{font-size:.875rem;color:#6b7280;margin:0;font-weight:400}.form-card,.add-group-groups-table-section{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d,0 2px 8px #0000000f;margin-bottom:1.25rem;overflow:hidden;transition:box-shadow .2s ease}.form-card:hover,.groups-table-section:hover{box-shadow:0 1px 3px #0000000d,0 4px 12px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.card-header h2{font-size:1.25rem;font-weight:600;color:#1a1f36;margin:0;display:flex;align-items:center;gap:.5rem}.card-header h2 i{color:#3b82f6;font-size:1.125rem}.add-group-count{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.375rem .875rem;border-radius:20px;font-weight:500}.add-group-form{padding:1.25rem 1.5rem}.intern-groups-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);animation:fadeIn .6s ease-out}.intern-groups-page.in-iframe{min-height:auto}.intern-groups-container{max-width:1400px;margin:0 auto;padding:1rem 2rem 2rem;animation:slideInUp .8s ease-out}.intern-groups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.intern-groups-header h1{margin:0;font-size:2rem;font-weight:600;color:#212529;animation:fadeIn .6s ease-out}.intern-groups-filters{margin-bottom:1.5rem;padding:1rem;background-color:#fff;border-radius:.5rem;border:1px solid #dee2e6}.filter-group{display:flex;align-items:center;gap:1rem}.filter-group label{font-weight:500;color:#212529}.filter-group select{padding:.5rem 1rem;border:1px solid #ced4da;border-radius:.375rem;font-size:.875rem;min-width:200px}.intern-groups-loading,.intern-groups-error{text-align:center;padding:3rem;background-color:#fff;border-radius:.5rem;border:1px solid #dee2e6;box-shadow:0 2px 8px #00000014;animation:fadeIn .6s ease-out}.intern-groups-loading i{font-size:3rem;color:#0d6efd;margin-bottom:1rem}.intern-groups-error{background-color:#f8d7da;border-color:#f5c2c7;color:#721c24;margin-bottom:1.5rem}.intern-groups-table-container{background-color:#fff;border-radius:.5rem;border:1px solid #dee2e6;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:box-shadow .3s ease}.intern-groups-table-container:hover{box-shadow:0 4px 12px #0000001f}.intern-groups-table{width:100%;border-collapse:collapse}.intern-groups-table thead{background-color:#f8f9fa}.intern-groups-table th{padding:1rem;text-align:left;font-weight:600;color:#212529;border-bottom:2px solid #dee2e6}.intern-groups-table td{padding:1rem;border-bottom:1px solid #f1f3f5}.intern-groups-table tbody tr:hover{background-color:#f8f9fa}.intern-groups-name{font-weight:600;color:#212529;display:flex;align-items:center;gap:.5rem}.intern-groups-name:hover .copy-id-btn{opacity:1}.intern-groups-tech-badge{display:inline-block;padding:.25rem .75rem;background-color:#cfe2ff;color:#084298;border-radius:.25rem;font-size:.875rem;font-weight:500}.intern-groups-description{color:#6c757d;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intern-groups-actions{display:flex;gap:.5rem}.btn-icon{background:none;border:none;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:all .2s}.btn-icon:hover{background-color:#f8f9fa;color:#0d6efd}.btn-icon.delete:hover{background-color:#f8d7da;color:#dc3545}.btn-link{background:none;border:none;color:#0d6efd;cursor:pointer;text-decoration:underline;padding:0}.btn-link:hover{color:#084298}.intern-groups-empty{text-align:center;padding:3rem;color:#6c757d}.intern-groups-empty i{font-size:3rem;margin-bottom:1rem;opacity:.5}.intern-groups-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem;background-color:#fff;border-radius:.5rem;border:1px solid #dee2e6}.modal-content.large{max-width:1200px;width:90vw}.modal-content.fullscreen{max-width:95vw;width:95vw;max-height:95vh;height:95vh;display:flex;flex-direction:column;overflow:hidden}.modal-content.fullscreen .modal-body{flex:1;overflow-y:auto;padding:2rem}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1a1f36}.add-group-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.add-group-modal-close:hover{background-color:#f3f4f6;color:#1a1f36}.modal-content .add-group-form{padding:2rem;box-shadow:none;border:none}.modal-content .form-grid{grid-template-columns:1fr}.modal-content .form-group-full{grid-column:1}.modal-content .form-actions{flex-direction:row;justify-content:flex-end}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #dee2e6}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#212529}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:.375rem;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40}.members-list{list-style:none;padding:0;margin:0}.member-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-bottom:1px solid #f1f3f5}.member-item:last-child{border-bottom:none}.member-item i{color:#6c757d}.text-muted{color:#6c757d;font-style:italic}.add-group-btn{padding:.5rem 1rem;border:1px solid #ced4da;border-radius:.375rem;background-color:#fff;color:#212529;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.add-group-btn:hover:not(:disabled){background-color:#f8f9fa}.add-group-btn:disabled{opacity:.5;cursor:not-allowed}.add-group-btn-primary{background-color:#0d6efd;border-color:#0d6efd;color:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0d6efd33}.add-group-btn-primary:hover:not(:disabled){background-color:#0b5ed7;border-color:#0a58ca;transform:translateY(-2px);box-shadow:0 4px 8px #0d6efd4d}.add-group-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0d6efd33}.add-group-btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff;transition:all .3s ease;box-shadow:0 2px 4px #6c757d33}.add-group-btn-secondary:hover:not(:disabled){background-color:#5a6268;border-color:#545b62;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}.add-group-btn-secondary:active:not(:disabled){transform:translateY(0)}.add-group-btn.danger,.add-group-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff;box-shadow:0 2px 4px #ef444433}.add-group-btn.danger:hover:not(:disabled),.add-group-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#b91c1c;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.add-group-btn.danger:active:not(:disabled),.add-group-btn-danger:active:not(:disabled){transform:translateY(0)}.member-selector{border:1px solid #ced4da;border-radius:.375rem;padding:1rem;max-height:300px;overflow-y:auto;background-color:#f8f9fa}.role-list{display:flex;flex-direction:column;gap:.75rem}.role-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;cursor:pointer;transition:all .2s}.role-checkbox:hover{background-color:#f8f9fa;border-color:#0d6efd}.role-checkbox input[type=checkbox]{cursor:pointer}.no-roles-message{text-align:center;color:#6c757d;margin:1rem 0;font-style:italic}.loading-text{font-size:.875rem;color:#0d6efd;margin-left:.5rem}.form-hint{display:block;margin-top:.5rem;color:#6c757d;font-size:.875rem}.details-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #dee2e6}.details-section:last-child{border-bottom:none;margin-bottom:0}.details-section h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#212529;display:flex;align-items:center;gap:.5rem}.details-section h3 i{color:#0d6efd}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item strong{font-size:.875rem;color:#6c757d;font-weight:600}.detail-item span,.detail-item code{font-size:1rem;color:#212529}.detail-item code{font-family:Courier New,monospace;background-color:#f8f9fa;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;display:inline-block}.detail-item a{color:#0d6efd;text-decoration:none;word-break:break-all}.detail-item a:hover{text-decoration:underline}.status-indicator{padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:500;display:inline-block}.status-indicator.active{background-color:#d1e7dd;color:#0f5132}.status-indicator.inactive{background-color:#f8d7da;color:#721c24}.member-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.member-name{font-weight:600;color:#212529}.member-role-id,.member-since{color:#6c757d;font-size:.875rem}.problems-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0;margin:0}.problem-item{padding:1rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;display:flex;flex-direction:column;gap:.5rem}.problem-info{display:flex;align-items:center;justify-content:space-between;gap:1rem}.problem-title{font-weight:600;color:#212529;flex:1}.problem-date{color:#6c757d;font-size:.875rem}.group-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.group-form .form-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.group-form .form-group-full{grid-column:1 / -1}.group-form .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem;letter-spacing:.01em}.required{color:#ef4444;font-weight:600}.group-form .form-group input,.group-form .form-group select,.group-form .form-group textarea{width:100%;padding:.875rem 1rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.9375rem;transition:all .2s ease;box-sizing:border-box;font-family:inherit;background:#fff;color:#1a1f36}.group-form .form-group textarea{resize:vertical;min-height:100px}.group-form .form-group input:hover,.group-form .form-group select:hover,.group-form .form-group textarea:hover{border-color:#d1d5db}.group-form .form-group input:focus,.group-form .form-group select:focus,.group-form .form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.group-form .form-group input::placeholder,.group-form .form-group textarea::placeholder{color:#9ca3af}.group-form .form-group select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.add-group-form .form-actions{margin-top:2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.group-creation-note{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#fef3c7;border:1px solid #fbbf24;border-left:4px solid #f59e0b;border-radius:6px;color:#92400e;font-size:.875rem;flex-shrink:0}.group-creation-note i{color:#f59e0b;font-size:1rem;flex-shrink:0}.group-creation-note span{line-height:1.5}.add-group-form .add-group-btn{padding:.875rem 1.75rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.01em}.add-group-form .add-group-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f633}.add-group-form .add-group-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.add-group-form .add-group-btn-primary:active:not(:disabled){transform:translateY(0)}.add-group-form .add-group-btn-primary:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.group-created-section{background:#fff;border:1px solid #d0d7de;border-radius:8px;padding:2rem;box-shadow:0 1px 3px #0000001a}.success-message{text-align:center;padding:2rem;background:#d1e7dd;border:1px solid #badbcc;border-radius:6px;margin-bottom:2rem}.success-message i{font-size:3rem;color:#0f5132;margin-bottom:1rem}.success-message h2{color:#0f5132;margin:0 0 1rem}.success-message p{margin:.5rem 0;color:#0f5132}.success-message code{background:#fff;padding:.25rem .5rem;border-radius:4px;font-family:monospace;color:#24292e}.add-members-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #d0d7de}.add-members-section h3{font-size:1.25rem;font-weight:600;color:#24292e;margin:0 0 1rem}.add-members-section .member-selector{border:1px solid #d0d7de;border-radius:6px;padding:1rem;max-height:400px;overflow-y:auto;background-color:#f6f8fa}.add-members-section .member-item{margin-bottom:.75rem}.add-members-section .member-item:last-child{margin-bottom:0}.member-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#fff;border:1px solid #d0d7de;border-radius:6px;cursor:pointer;transition:all .2s ease}.member-checkbox:hover:not(:has(input:disabled)){background-color:#f6f8fa;border-color:#0969da}.member-checkbox input[type=checkbox]{cursor:pointer}.member-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.member-checkbox span{flex:1;color:#24292e}.member-badge{display:inline-block;margin-left:.5rem;padding:.25rem .5rem;background:#d1e7dd;color:#0f5132;border-radius:4px;font-size:.75rem;font-weight:500}.no-users-message{text-align:center;color:#656d76;padding:2rem;font-style:italic}.group-created-section .add-group-btn-secondary{background:#656d76;color:#fff}.group-created-section .add-group-btn-secondary:hover{background:#4a5158}.add-group-groups-table-section{padding:0}.table-container{overflow-x:auto;padding:0 2rem 2rem}.data-table th{padding:1rem;text-align:center;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table th.actions-column{text-align:center}.data-table td{padding:1.25rem 1rem;border-bottom:1px solid #f3f4f6;font-size:.9375rem;color:#1a1f36;vertical-align:middle;text-align:center}.data-table tbody tr:hover{background-color:#f9fafb;transform:scale(1.01)}.add-group-name-cell{font-weight:600;color:#1a1f36}.add-group-tech-cell{color:#6b7280;font-family:Monaco,Courier New,monospace;font-size:.875rem}.add-group-description-cell{color:#6b7280;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-group-members-cell{color:#1a1f36;font-weight:500;text-align:center}.actions-cell{text-align:center}.action-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:center;align-items:center}.loading-state,.empty-state{text-align:center;padding:4rem 2rem;color:#6b7280}.loading-state i,.empty-state i{font-size:3rem;margin-bottom:1rem;color:#3b82f6;opacity:.7}.loading-state p,.empty-state p{font-size:1rem;margin:.5rem 0;color:#6b7280}.btn-edit{padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 1px 3px #3b82f633}.btn-delete{padding:.625rem .875rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #ef444433;min-width:36px}.btn-delete span{display:none}.delete-modal{max-width:500px}.delete-modal-body{padding:1.25rem 1.5rem}.delete-modal-body p{margin:0 0 .75rem;color:#374151;font-size:.875rem;line-height:1.5}.delete-modal-body p:last-child{margin-bottom:0}.warning-text{color:#dc2626!important;font-weight:500;display:flex;align-items:flex-start;gap:.5rem;background:#fef2f2;padding:.75rem;border-radius:6px;border-left:3px solid #dc2626;font-size:.8125rem;line-height:1.5}.warning-text i{font-size:1.125rem;margin-top:.125rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.repository-details-card{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;margin-bottom:1.5rem;overflow:hidden;border:2px solid #fc6d26;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.repository-details-card .card-header{background:linear-gradient(135deg,#fc6d26,#e24329);color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.repository-details-card .card-header h2{margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.75rem;color:#fff}.repository-details-card .card-header h2 i{font-size:1.5rem}.repository-details-card .close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.repository-details-card .close-btn:hover{background:#ffffff4d}.success-banner{background:#d1fae5;color:#065f46;padding:1rem 1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500;border-bottom:1px solid #a7f3d0}.success-banner i{font-size:1.25rem;color:#059669}.repository-details-grid{padding:1.5rem;display:grid;gap:1rem}.detail-row{display:grid;grid-template-columns:180px 1fr;gap:1rem;padding:.75rem 1rem;background:#f9fafb;border-radius:8px;align-items:center}.detail-row:hover{background:#f3f4f6}.detail-label{color:#6b7280;font-weight:500;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.detail-label i{width:16px;color:#9ca3af}.detail-value{color:#1f2937;font-size:.9rem;word-break:break-all;display:flex;align-items:center;gap:.5rem}.detail-value a{color:#2563eb;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.detail-value a:hover{text-decoration:underline;color:#1d4ed8}.detail-value a i{font-size:.75rem;opacity:.7}.detail-value code{background:#e5e7eb;padding:.25rem .5rem;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.8rem;color:#374151;flex:1;overflow-x:auto}.add-group-copy-btn{background:#e5e7eb;border:none;padding:.35rem .5rem;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s;flex-shrink:0}.add-group-copy-btn:hover{background:#d1d5db;color:#374151}.visibility-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.visibility-badge.private{background:#fef3c7;color:#92400e}.visibility-badge.internal{background:#dbeafe;color:#1e40af}.visibility-badge.public{background:#d1fae5;color:#065f46}.repository-actions{padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem}.add-group-btn-gitlab{background:linear-gradient(135deg,#fc6d26,#e24329);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:6px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;transition:all .2s}.add-group-btn-gitlab:hover{background:linear-gradient(135deg,#e24329,#c51f13);transform:translateY(-1px);box-shadow:0 4px 12px #e243294d}.btn-view-repo{padding:.625rem 1rem;background:linear-gradient(135deg,#fc6d26,#e24329);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 1px 3px #e2432933}.btn-view-repo:hover{background:linear-gradient(135deg,#e24329,#c51f13);box-shadow:0 2px 6px #e243294d;transform:translateY(-1px)}.btn-view-repo:active{transform:translateY(0)}.btn-view-repo span{display:inline-block}.repo-modal{max-width:650px}.repo-modal-header{background:linear-gradient(135deg,#fc6d26,#e24329)!important}.repo-modal-header h2{color:#fff!important;display:flex;align-items:center;gap:.75rem}.repo-modal-header h2 i{font-size:1.5rem}.repo-modal-header .add-group-modal-close{color:#fff;background:#fff3;border-radius:50%}.repo-modal-header .add-group-modal-close:hover{background:#ffffff4d;color:#fff}.repo-modal .repository-details-grid{padding:1.5rem}.repo-modal .repository-actions{padding:1rem 1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem}.no-repo-state{text-align:center;padding:3rem 2rem;color:#6b7280}.no-repo-state i{font-size:4rem;color:#fc6d26;opacity:.5;margin-bottom:1.5rem}.no-repo-state h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .75rem}.no-repo-state p{color:#6b7280;margin:0 0 1.5rem;font-size:.9rem}@media(max-width:768px){.detail-row{grid-template-columns:1fr;gap:.5rem}.repository-actions{flex-direction:column}.repository-actions .add-group-btn{width:100%;justify-content:center}.btn-view-repo span{display:none}.btn-view-repo{padding:.625rem .875rem;min-width:36px}.add-group-form .form-actions{flex-direction:column;align-items:stretch}.group-creation-note{max-width:100%;margin-bottom:.5rem}.add-group-form .form-actions .add-group-btn{width:100%;justify-content:center}}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;white-space:nowrap}.status-icon{font-size:1rem;line-height:1}.status-text{line-height:1}.status-badge-gray{background-color:#f3f4f6;color:#4b5563}.status-badge-orange{background-color:#fed7aa;color:#9a3412}.status-badge-blue{background-color:#bfdbfe;color:#1e40af}.status-badge-purple{background-color:#e9d5ff;color:#6b21a8}.status-badge-green{background-color:#bbf7d0;color:#15803d}.status-badge-red{background-color:#fecaca;color:#991b1b}.status-badge-yellow{background-color:#fef08a;color:#854d0e}.validation-results{width:100%;border:1px solid #dee2e6;border-radius:.5rem;overflow:hidden;background-color:#fff}.validation-header{padding:1rem 1.5rem;border-bottom:1px solid #dee2e6}.validation-header.success{background-color:#d1e7dd;border-bottom-color:#badbcc}.validation-header.error{background-color:#f8d7da;border-bottom-color:#f5c2c7}.validation-status{display:flex;align-items:center;gap:.75rem}.validation-status i{font-size:1.5rem}.validation-header.success .validation-status i{color:#198754}.validation-header.error .validation-status i{color:#dc3545}.validation-status h3{margin:0;font-size:1.25rem;font-weight:600}.validation-details{padding:1rem}.validation-section{margin-bottom:1rem;border:1px solid #dee2e6;border-radius:.375rem;overflow:hidden}.validation-section-header{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#f8f9fa;border:none;cursor:pointer;text-align:left;transition:background-color .2s}.validation-section-header:hover{background-color:#e9ecef}.validation-section-title{flex:1;font-weight:600;color:#212529}.validation-icon{font-size:1.25rem}.validation-icon.success{color:#198754}.validation-icon.warning{color:#ffc107}.validation-icon.error{color:#dc3545}.validation-list{list-style:none;padding:.5rem 1rem;margin:0;background-color:#fff}.validation-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f1f3f5}.validation-item:last-child{border-bottom:none}.validation-item i{margin-top:.25rem;flex-shrink:0}.validation-item.success{color:#198754}.validation-item.warning{color:#856404}.validation-item.error{color:#721c24}.validation-error-details{display:flex;flex-direction:column;gap:.25rem;flex:1}.validation-error-file,.validation-error-message,.validation-error-type{font-size:.875rem}.validation-error-file strong,.validation-error-message strong,.validation-error-type strong{margin-right:.5rem}.validation-files-tree{padding:.5rem 1rem;background-color:#fff}.validation-file-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-bottom:1px solid #f1f3f5;font-family:Courier New,monospace;font-size:.875rem}.validation-file-item:last-child{border-bottom:none}.validation-file-item.valid{color:#198754}.validation-file-item.invalid{color:#dc3545}.validation-file-path{flex:1;color:#6c757d}.validation-file-name{font-weight:600;color:#212529}.validation-file-size{color:#6c757d;font-size:.75rem}.validation-expected-structure{margin-top:1rem;padding:1rem;background-color:#e7f1ff;border:1px solid #b6d4fe;border-radius:.375rem}.validation-expected-structure h4{margin:0 0 .75rem;color:#084298;display:flex;align-items:center;gap:.5rem}.expected-structure-section{margin-bottom:.75rem}.expected-structure-section:last-child{margin-bottom:0}.expected-structure-section strong{display:block;margin-bottom:.5rem;color:#084298}.expected-structure-section ul{margin:0;padding-left:1.5rem;color:#212529}.expected-structure-section li{margin-bottom:.25rem;font-family:Courier New,monospace;font-size:.875rem}.review-timeline{position:relative;padding:1rem 0}.review-timeline:before{content:"";position:absolute;left:1.25rem;top:0;bottom:0;width:2px;background-color:#dee2e6}.review-timeline-item{position:relative;display:flex;gap:1rem;margin-bottom:1.5rem;padding-left:.5rem}.review-timeline-item:last-child{margin-bottom:0}.review-timeline-marker{position:absolute;left:.5rem;top:.5rem;width:1.5rem;height:1.5rem;background-color:#fff;border:2px solid #0d6efd;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1}.review-timeline-marker i{font-size:.5rem;color:#0d6efd}.review-timeline-content{flex:1;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.5rem;padding:1rem;margin-left:2rem}.review-timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #dee2e6}.review-timeline-user{display:flex;align-items:center;gap:.5rem}.review-timeline-user i{color:#6c757d}.review-timeline-name{font-weight:600;color:#212529}.review-timeline-role,.review-timeline-date{font-size:.875rem;color:#6c757d}.review-timeline-body{color:#212529;line-height:1.6}.review-timeline-body p{margin:0;white-space:pre-wrap}.review-timeline-type{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #dee2e6}.review-type-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:.25rem;text-transform:uppercase}.review-type-badge.approved{background-color:#d1e7dd;color:#198754}.review-type-badge.rejected{background-color:#f8d7da;color:#721c24}.review-type-badge.revision{background-color:#fff3cd;color:#856404}.review-type-badge.comment{background-color:#cfe2ff;color:#084298}.review-timeline-empty{text-align:center;padding:3rem 1rem;color:#6c757d}.review-timeline-empty i{font-size:3rem;margin-bottom:1rem;opacity:.5}.review-timeline-empty p{margin:0;font-size:1rem}.start-review-modal{max-width:700px;max-height:90vh;overflow-y:auto}.start-review-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;min-height:200px;color:#666}.start-review-loading i{font-size:2.5rem;margin-bottom:1rem;color:#0d6efd}.start-review-loading p{margin:0;font-size:1rem}.start-review-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.start-review-section:last-child{border-bottom:none;margin-bottom:0}.start-review-section h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#333}.start-review-info-grid{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;flex-direction:column;gap:.25rem}.info-row strong{font-size:.875rem;color:#666;font-weight:600}.info-row span{font-size:.95rem;color:#333;word-break:break-word}.start-review-status-grid{display:flex;flex-direction:column;gap:.75rem}.status-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:.5rem;font-size:.95rem}.status-item i{font-size:1.1rem;width:20px;text-align:center}.status-item.success{background:#d1e7dd;color:#0f5132}.status-item.success i{color:#198754}.status-item.error{background:#f8d7da;color:#842029}.status-item.error i{color:#dc3545}.status-item.warning{background:#fff3cd;color:#856404}.status-item.warning i{color:#ffc107}.start-review-files-list{display:flex;flex-direction:column;gap:.75rem}.file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:.5rem;font-size:.95rem}.file-item.available{background:#d1e7dd;color:#0f5132}.file-item.available i.fa-check-circle{color:#198754;margin-left:auto}.file-item.unavailable{background:#f8d7da;color:#842029}.file-item.unavailable i.fa-times-circle{color:#dc3545;margin-left:auto}.file-item i:first-child{font-size:1.1rem;width:20px;text-align:center}.validation-status{padding:1rem;border-radius:.5rem;font-size:.95rem}.validation-status.valid{background:#d1e7dd;color:#0f5132}.validation-status.invalid{background:#f8d7da;color:#842029}.validation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600}.validation-header i{font-size:1.1rem}.validation-status.valid .validation-header i{color:#198754}.validation-status.invalid .validation-header i{color:#dc3545}.validation-list{margin:.5rem 0 0 1.5rem;padding:0;list-style:none}.validation-list li{padding:.25rem 0;color:inherit}.validation-warnings{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.validation-warnings strong{display:block;margin-bottom:.5rem;color:#856404}.validation-list.warning{color:#856404}.validation-list.error{color:#842029}@media(max-width:768px){.start-review-modal{max-width:95%}.start-review-info-grid,.start-review-status-grid,.start-review-files-list{gap:.5rem}.info-row,.status-item,.file-item{font-size:.875rem}}.pdf-viewer-container{border:1px solid #d0d7de;border-radius:6px;background:#fff;overflow:hidden;display:flex;flex-direction:column;height:100%;min-height:0;flex:1}.pdf-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f6f8fa;border-bottom:1px solid #d0d7de}.pdf-info{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:#24292e}.pdf-info i{color:#d73a49;font-size:1.1rem}.pdf-name{font-weight:500}.btn-open-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;color:#0969da;border:1px solid #d0d7de;border-radius:6px;font-size:.8rem;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-open-tab:hover{background:#f6f8fa;border-color:#0969da}.pdf-viewer-iframe{width:100%;border:none;flex:1;min-height:0}.pdf-viewer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:3rem 2rem;border:1px solid #d0d7de;border-radius:6px;background:#f6f8fa;text-align:center}.pdf-viewer-empty i{font-size:3rem;color:#d73a49;margin-bottom:1rem}.pdf-viewer-empty h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#24292e}.pdf-viewer-empty p{margin:0;color:#656d76;font-size:.9rem}.pdf-viewer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:3rem 2rem;border:1px solid #d0d7de;border-radius:6px;background:#f6f8fa;text-align:center}.pdf-viewer-loading .spinner{width:40px;height:40px;border:3px solid #e1e4e8;border-top-color:#0969da;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.pdf-viewer-loading p{margin:0;color:#656d76;font-size:.9rem}.pdf-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:3rem 2rem;border:1px solid #ffc107;border-radius:6px;background:#fff3cd;text-align:center}.pdf-viewer-error i{font-size:3rem;color:#856404;margin-bottom:1rem}.pdf-viewer-error h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#856404}.pdf-viewer-error p{margin:0 0 1rem;color:#856404;font-size:.9rem}.pdf-viewer-error .btn{display:inline-flex;align-items:center;gap:.5rem}.docx-download-container{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;border:1px solid #d0d7de;border-radius:6px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);height:100%;flex:1;min-height:0}.docx-icon{font-size:4rem;flex-shrink:0}.docx-info{flex:1}.docx-filename{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:#24292e}.docx-type{margin:0 0 .5rem;font-size:.875rem;color:#656d76}.docx-hint{margin:0;font-size:.8rem;color:#656d76;font-style:italic}.btn-download-docx{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#2196f3;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background .2s ease;flex-shrink:0}.btn-download-docx:hover{background:#1976d2}.docx-download-container.docx-empty{background:#f6f8fa;border-color:#d0d7de}.docx-download-container.docx-empty .docx-filename{color:#656d76}.docx-error{margin-top:.5rem;font-size:.8rem;color:#d73a49;display:flex;align-items:center;gap:.25rem}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.btn-download-docx:disabled{background:#94a3b8;cursor:not-allowed}@media(max-width:768px){.docx-download-container{flex-direction:column;text-align:center;padding:1.5rem}.btn-download-docx{width:100%;justify-content:center}}.file-tree-container{border:1px solid #d0d7de;border-radius:6px;background:#fff;overflow:hidden}.file-tree-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f6f8fa;border-bottom:1px solid #d0d7de}.file-tree-header h3{margin:0;font-size:.95rem;font-weight:600;color:#24292e}.file-tree-header i{color:#656d76}.file-tree-content{max-height:500px;overflow-y:auto;padding:.5rem 0}.file-tree-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;cursor:pointer;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.file-tree-item:hover{background:#f6f8fa}.file-tree-item.selected{background:#ddf4ff;border-left:3px solid #0969da}.file-icon{font-size:1.1rem;flex-shrink:0}.file-name{flex:1;font-size:.875rem;color:#24292e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name.directory{font-weight:500}.file-size{font-size:.75rem;color:#656d76;flex-shrink:0}.expand-icon{font-size:.7rem;color:#656d76;flex-shrink:0;width:1rem;text-align:center}.file-tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#656d76;text-align:center}.file-tree-empty i{font-size:3rem;margin-bottom:.5rem;color:#8c959f}.file-tree-empty p{margin:0;font-size:.9rem}.file-tree-content::-webkit-scrollbar{width:8px}.file-tree-content::-webkit-scrollbar-track{background:#f6f8fa}.file-tree-content::-webkit-scrollbar-thumb{background:#d0d7de;border-radius:4px}.file-tree-content::-webkit-scrollbar-thumb:hover{background:#8c959f}.file-content-container{border:1px solid #d0d7de;border-radius:6px;background:#fff;overflow:hidden;display:flex;flex-direction:column;height:100%;flex:1;min-height:0}.file-content-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#2d333b;color:#fff;border-bottom:1px solid #444c56}.file-content-info{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.file-content-info i{color:#8b949e}.file-name{font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-weight:500}.file-size{color:#8b949e;font-size:.75rem}.file-lines{color:#8b949e;font-size:.75rem;padding:.125rem .5rem;background:#8b949e33;border-radius:4px}.file-language{color:#58a6ff;font-size:.7rem;text-transform:uppercase;font-weight:600;padding:.125rem .5rem;background:#58a6ff26;border-radius:4px}.btn-copy{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#373e47;color:#fff;border:1px solid #444c56;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.btn-copy:hover{background:#444c56;border-color:#636e7b}.btn-copy.copied{background:#238636;border-color:#2ea043}.btn-copy.copied:hover{background:#2ea043}.file-content-code{overflow:auto;flex:1;min-height:0}.file-content-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:3rem 2rem;border:2px dashed #d0d7de;border-radius:6px;background:#f6f8fa;text-align:center}.file-content-placeholder i{font-size:3rem;color:#8c959f;margin-bottom:1rem}.file-content-placeholder h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#24292e}.file-content-placeholder p{margin:0;color:#656d76;font-size:.9rem}.file-content-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:3rem 2rem;text-align:center}.spinner{width:3rem;height:3rem;border:4px solid #f3f4f6;border-top-color:#0969da;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.file-content-loading p{margin:0;color:#656d76;font-size:.9rem}.file-content-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:3rem 2rem;text-align:center}.file-content-error i{font-size:3rem;color:#d1242f;margin-bottom:1rem}.file-content-error h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#24292e}.file-content-error p{margin:0 0 1.5rem;color:#656d76;font-size:.9rem}.btn-retry{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0969da;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-retry:hover{background:#0860ca}.file-content-image{padding:2rem;text-align:center;background:#f6f8fa;max-height:600px;overflow:auto}.file-content-image img{max-width:100%;height:auto;border-radius:6px;box-shadow:0 4px 8px #0000001a}.file-content-binary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:3rem 2rem;border:1px solid #d0d7de;border-radius:6px;background:#fff;text-align:center}.binary-icon{font-size:4rem;margin-bottom:1rem}.file-content-binary h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#24292e}.binary-type{margin:0 0 .25rem;color:#656d76;font-size:.9rem}.binary-size{margin:0 0 1.5rem;color:#656d76;font-size:.9rem}.btn-download-binary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#0969da;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background .2s ease}.btn-download-binary:hover{background:#0860ca}.review-queue-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);animation:fadeIn .6s ease-out}.review-queue-page.in-iframe{min-height:auto}.review-queue-container{max-width:1400px;margin:0 auto;padding:1rem 2rem 2rem;animation:slideInUp .8s ease-out}.review-queue-header{margin-bottom:2rem}.review-queue-header h1{margin:0;font-size:2rem;font-weight:600;color:#212529;animation:fadeIn .6s ease-out}.review-queue-filters{margin-bottom:1.5rem;padding:1rem;background-color:#fff;border-radius:.5rem;border:1px solid #dee2e6}.review-queue-loading,.review-queue-error,.review-queue-empty{text-align:center;padding:3rem;background-color:#fff;border-radius:.5rem;border:1px solid #dee2e6;box-shadow:0 2px 8px #00000014;animation:fadeIn .6s ease-out}.review-queue-loading i{font-size:3rem;color:#0d6efd;margin-bottom:1rem}.review-queue-error{background-color:#f8d7da;border-color:#f5c2c7;color:#721c24;margin-bottom:1.5rem}.review-queue-empty{color:#6c757d}.review-queue-empty i{font-size:3rem;margin-bottom:1rem;opacity:.5}.review-queue-table-container{background-color:#fff;border-radius:.5rem;border:1px solid #dee2e6;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:box-shadow .3s ease}.review-queue-table-container:hover{box-shadow:0 4px 12px #0000001f}.review-queue-table{width:100%;border-collapse:collapse}.review-queue-table thead{background-color:#f8f9fa}.review-queue-table th{padding:1rem;text-align:left;font-weight:600;color:#212529;border-bottom:2px solid #dee2e6}.review-queue-table th:last-child{min-width:150px;width:150px}.review-queue-table td{padding:1rem;border-bottom:1px solid #f1f3f5}.review-queue-table td:last-child{min-width:150px;width:150px}.review-queue-table tbody tr:hover{background-color:#f8f9fa}.review-queue-id{font-family:Courier New,monospace;font-size:.875rem;color:#6c757d;display:flex;align-items:center;gap:.5rem}.copy-id-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s;opacity:0;font-size:.875rem}.review-queue-id:hover .copy-id-btn{opacity:1}.copy-id-btn:hover{background-color:#f8f9fa;color:#0d6efd}.review-queue-title{font-weight:600;color:#212529}.tech-badge{display:inline-block;padding:.25rem .75rem;background-color:#cfe2ff;color:#084298;border-radius:.25rem;font-size:.875rem;font-weight:500}.review-queue-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.review-queue-actions .btn-sm{white-space:nowrap;min-width:auto}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.btn-success{background-color:#198754;border-color:#198754;color:#fff}.btn-success:hover:not(:disabled){background-color:#157347;border-color:#146c43}.btn-warning{background-color:#ffc107;border-color:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background-color:#ffca2c;border-color:#ffc720}.btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#bb2d3b;border-color:#b02a37}.review-queue-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem;background-color:#fff;border-radius:.5rem;border:1px solid #dee2e6}.review-detail-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #dee2e6}.review-detail-section:last-child{border-bottom:none;margin-bottom:0}.review-detail-section h3{margin:0 0 1.25rem;font-size:1.25rem;font-weight:600;color:#212529;padding-bottom:.75rem;border-bottom:2px solid #e9ecef}.review-detail-info{display:flex;flex-direction:column;gap:1rem}.review-detail-info .info-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#f8f9fa;border-radius:.5rem;border-left:3px solid #0d6efd}.review-detail-info .info-item strong{font-size:.875rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.review-detail-info .info-item span,.review-detail-info .info-item p{font-size:.95rem;color:#212529;margin:0}.review-detail-actions{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:2px solid #dee2e6}.review-actions-primary{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.review-actions-primary .btn-lg{padding:.875rem 1.75rem;font-size:1rem;font-weight:600;min-width:180px}.review-actions-secondary{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid #e9ecef}.file-preview-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid #dee2e6;flex-wrap:wrap;flex-shrink:0}.file-preview-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:3px solid transparent;color:#6c757d;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.file-preview-tab:hover{color:#0d6efd;background:#f8f9fa}.file-preview-tab.active{color:#0d6efd;border-bottom-color:#0d6efd;background:#f8f9fa}.file-preview-tab i{font-size:1rem}.file-preview-content{min-height:400px;border:1px solid #dee2e6;border-radius:.5rem;overflow:hidden;background:#fff}.zip-preview-container{padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;min-height:400px;justify-content:center}.zip-preview-info{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.95rem;margin:0}.zip-preview-info i{color:#0d6efd}.review-modal-fullscreen{display:grid;grid-template-columns:400px 1fr;gap:2rem;height:100%}.review-modal-left{overflow-y:auto;padding-right:1rem;display:flex;flex-direction:column;gap:1rem}.review-modal-right{overflow:hidden;padding-left:1rem;border-left:2px solid #dee2e6;display:flex;flex-direction:column;height:100%}.review-section-compact{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e9ecef}.review-section-compact:last-child{border-bottom:none;margin-bottom:0}.review-modal-right .review-section-compact{flex:1;display:flex;flex-direction:column;margin-bottom:0;padding-bottom:0;border-bottom:none;overflow:hidden}.review-modal-right .file-preview-content-new{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-top:0}.review-section-compact h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#212529;display:flex;align-items:center;gap:.5rem}.review-section-compact h3 i{color:#0d6efd;font-size:1rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.info-card{background:#f8f9fa;padding:.75rem;border-radius:.375rem;border-left:3px solid #0d6efd}.info-card strong{font-size:.75rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.25rem}.info-card span,.info-card p{font-size:.9rem;color:#212529;margin:0}@media(max-width:1400px){.review-modal-fullscreen{grid-template-columns:1fr;gap:1rem}.review-modal-right{border-left:none;border-top:2px solid #dee2e6;padding-left:0;padding-top:1rem}.info-grid{grid-template-columns:1fr}}.file-preview-content-new{margin-top:1rem}.file-explorer-layout{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;min-height:450px}.file-explorer-main{overflow:hidden;display:flex;flex-direction:column;min-height:400px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.file-explorer-sidebar{overflow:auto;max-height:450px}@media(max-width:1024px){.file-explorer-layout{grid-template-columns:1fr;grid-template-rows:auto auto}.file-explorer-main{order:2}.file-explorer-sidebar{order:1}}.no-files-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6;margin-top:1rem}.no-files-message i{font-size:3rem;color:#adb5bd;margin-bottom:1rem}.no-files-message p{margin:.5rem 0;color:#495057;font-size:1rem}.no-files-message .text-muted{color:#6c757d;font-size:.875rem}.docx-with-structure{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;height:100%;min-height:400px}.docx-section{display:flex;flex-direction:column}.file-structure-section{display:flex;flex-direction:column;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;overflow:hidden}.file-structure-header{padding:.75rem 1rem;background:linear-gradient(135deg,#495057,#343a40);border-bottom:1px solid #343a40}.file-structure-header h4{margin:0;font-size:.9rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem}.file-structure-header h4 i{color:#ffc107}.file-structure-tree{flex:1;overflow:auto;padding:.5rem;background:#fff;max-height:350px}.no-structure-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;flex:1}.no-structure-message i{font-size:2.5rem;color:#adb5bd;margin-bottom:.75rem}.no-structure-message p{margin:0;color:#6c757d;font-size:.875rem}@media(max-width:900px){.docx-with-structure{grid-template-columns:1fr;grid-template-rows:auto auto}.file-structure-tree{max-height:250px}}.file-structure-hint{margin:.25rem 0 0;font-size:.75rem;color:#ffffffb3;font-style:italic}.file-content-container{display:flex;flex-direction:column;height:100%;border-radius:8px;overflow:hidden;border:1px solid #343a40}.file-content-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#2d3748,#1a202c);border-bottom:1px solid #4a5568}.file-content-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.file-content-info i{color:#63b3ed;font-size:1rem}.file-content-info .file-name{font-weight:600;color:#fff;font-size:.9rem}.file-content-info .file-lines,.file-content-info .file-size,.file-content-info .file-language{font-size:.75rem;color:#fff9;padding:.2rem .5rem;background:#ffffff1a;border-radius:4px}.file-content-info .file-language{color:#68d391;background:#68d39126;text-transform:uppercase;font-weight:500}.btn-copy{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:.8rem;cursor:pointer;transition:all .2s ease}.btn-copy:hover{background:#fff3;border-color:#ffffff4d}.btn-copy.copied{background:#68d39133;border-color:#68d391;color:#68d391}.file-content-code{flex:1;overflow:auto;background:#1e1e1e}.file-content-code pre{margin:0;white-space:pre-wrap;word-wrap:break-word}.file-content-code code{display:block;font-family:Consolas,Monaco,Andale Mono,monospace}.file-content-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;padding:2rem;text-align:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border:2px dashed #dee2e6}.file-content-placeholder i{font-size:3rem;color:#adb5bd;margin-bottom:1rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.file-content-placeholder h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#495057}.file-content-placeholder p{margin:0;font-size:.9rem;color:#6c757d}.problem-card{background-color:#fff;border:1px solid #dee2e6;border-radius:.5rem;padding:1.25rem;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.problem-card:hover{box-shadow:0 .125rem .5rem #0000001a;border-color:#0d6efd;transform:translateY(-2px)}.problem-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.problem-card-title-section{display:flex;align-items:center;gap:.75rem;flex:1}.problem-card-title{margin:0;font-size:1.25rem;font-weight:600;color:#212529;flex:1}.problem-card-actions{display:flex;gap:.5rem}.problem-card-action-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.problem-card-action-btn:hover{background-color:#f8f9fa;color:#0d6efd}.problem-card-action-btn.delete:hover{background-color:#f8d7da;color:#dc3545}.problem-card-description{margin:0 0 1rem;color:#6c757d;font-size:.875rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.problem-card-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.problem-card-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6c757d}.problem-card-meta-item i{color:#6c757d}.problem-card-validation{display:flex;gap:.5rem;flex-wrap:wrap}.problem-validation-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:.25rem}.problem-validation-badge.valid{background-color:#d1e7dd;color:#198754}.problem-validation-badge.invalid{background-color:#f8d7da;color:#721c24}.all-problems-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);animation:fadeIn .6s ease-out}.all-problems-page.in-iframe{min-height:auto}.all-problems-container{max-width:1400px;margin:0 auto;padding:1rem 2rem 2rem;animation:slideInUp .8s ease-out}.all-problems-header{margin-bottom:2rem}.all-problems-header h1{margin:0;font-size:2rem;font-weight:600;color:#212529;animation:fadeIn .6s ease-out}.all-problems-filters{margin-bottom:1.5rem;padding:1.5rem;background-color:#fff;border-radius:.5rem;border:1px solid #dee2e6}.filter-form{display:flex;flex-direction:column;gap:1rem}.filter-row{display:flex;gap:1rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.75rem;flex:1;min-width:200px}.filter-group label{font-weight:500;color:#212529;white-space:nowrap;min-width:100px}.filter-group input,.filter-group select{flex:1;padding:.5rem 1rem;border:1px solid #ced4da;border-radius:.375rem;font-size:.875rem}.all-problems-loading,.all-problems-error,.all-problems-empty{text-align:center;padding:3rem;background-color:#fff;border-radius:.5rem;border:1px solid #dee2e6;box-shadow:0 2px 8px #00000014;animation:fadeIn .6s ease-out}.all-problems-loading i{font-size:3rem;color:#0d6efd;margin-bottom:1rem}.all-problems-error{background-color:#f8d7da;border-color:#f5c2c7;color:#721c24;margin-bottom:1.5rem}.all-problems-empty{color:#6c757d;grid-column:1 / -1}.all-problems-empty i{font-size:3rem;margin-bottom:1rem;opacity:.5}.all-problems-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background-color:#fff;border-radius:.5rem;border:1px solid #dee2e6}.stat-card i{font-size:2rem;color:#0d6efd}.stat-value{font-size:1.5rem;font-weight:600;color:#212529}.stat-label{font-size:.875rem;color:#6c757d}.all-problems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem;animation:fadeIn .6s ease-out .2s both}.all-problems-stats{animation:slideInUp .8s ease-out .1s both}.all-problems-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;background-color:#fff;border-radius:.5rem;border:1px solid #dee2e6}.contentuser-user-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.contentuser-user-container{padding:1rem 1.5rem;max-width:1400px;margin:0 auto;padding-top:30px}.contentuser-page-header{margin-bottom:1.25rem}.contentuser-page-header h1{font-size:1.75rem;font-weight:700;color:#1a1f36;margin:0 0 .25rem;letter-spacing:-.02em}.contentuser-page-subtitle{font-size:.875rem;color:#6b7280;margin:0;font-weight:400}.contentuser-form-card,.contentuser-users-table-section{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d,0 2px 8px #0000000f;margin-bottom:1.25rem;overflow:hidden;transition:box-shadow .2s ease}.contentuser-form-card:hover,.contentuser-users-table-section:hover{box-shadow:0 1px 3px #0000000d,0 4px 12px #0000001a}.contentuser-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.contentuser-card-header h2{font-size:1.25rem;font-weight:600;color:#1a1f36;margin:0;display:flex;align-items:center;gap:.5rem}.contentuser-card-header h2 i{color:#3b82f6;font-size:1.125rem}.contentuser-user-count{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.375rem .875rem;border-radius:20px;font-weight:500}.contentuser-user-form{padding:1.25rem 1.5rem}.contentuser-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.contentuser-form-group{display:flex;flex-direction:column}.contentuser-form-group-full{grid-column:1 / -1}.contentuser-form-group label{display:block;margin-bottom:.375rem;font-weight:500;color:#374151;font-size:.8125rem;letter-spacing:.01em}.contentuser-required{color:#ef4444;font-weight:600}.contentuser-form-group input{width:100%;padding:.625rem .875rem;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box;background:#fff;color:#1a1f36}.contentuser-form-group input:hover{border-color:#d1d5db}.contentuser-form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.contentuser-form-group input::placeholder{color:#9ca3af}.contentuser-password-input-wrapper{position:relative;display:flex;align-items:center}.contentuser-password-input-wrapper input{padding-right:3rem}.contentuser-password-toggle-btn{position:absolute;right:.875rem;background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1;border-radius:4px}.contentuser-password-toggle-btn:hover{color:#3b82f6;background:#f3f4f6}.contentuser-password-toggle-btn:focus{outline:none;color:#3b82f6;background:#f3f4f6}.contentuser-form-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb}.contentuser-btn{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.01em}.contentuser-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f633}.contentuser-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.contentuser-btn-primary:active:not(:disabled){transform:translateY(0)}.contentuser-btn-primary:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.contentuser-btn-secondary{background:#6b7280;color:#fff}.contentuser-btn-secondary:hover:not(:disabled){background:#4b5563}.contentuser-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef444433}.contentuser-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.contentuser-btn-danger:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.contentuser-users-table-section{padding:0}.contentuser-table-container{overflow-x:auto;padding:0 1.5rem 1.25rem}.contentuser-data-table{width:100%;border-collapse:separate;border-spacing:0}.contentuser-data-table thead{background:linear-gradient(to right,#f9fafb,#f3f4f6)}.contentuser-data-table th{padding:.75rem .875rem;text-align:center;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.contentuser-data-table th.contentuser-actions-column{text-align:center!important}.contentuser-data-table td{padding:.875rem;border-bottom:1px solid #f3f4f6;font-size:.875rem;color:#1a1f36;vertical-align:middle;text-align:center}.contentuser-data-table tbody tr{transition:all .2s ease}.contentuser-data-table tbody tr:hover{background-color:#f9fafb}.contentuser-data-table tbody tr:last-child td{border-bottom:none}.contentuser-user-name-cell{font-weight:500;color:#1a1f36}.contentuser-user-email-cell{color:#6b7280}.contentuser-actions-cell{text-align:center;display:flex;justify-content:center;gap:.75rem}.contentuser-btn-edit{padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 1px 3px #3b82f633}.contentuser-btn-edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 6px #3b82f64d;transform:translateY(-1px)}.contentuser-btn-edit:active{transform:translateY(0)}.contentuser-btn-edit span{display:inline-block}.contentuser-btn-delete{padding:.625rem .875rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #ef444433;min-width:36px}.contentuser-btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 6px #ef44444d;transform:translateY(-1px)}.contentuser-btn-delete:active{transform:translateY(0)}.contentuser-loading-state,.contentuser-empty-state{text-align:center;padding:2rem 1.5rem;color:#6b7280}.contentuser-loading-state i,.contentuser-empty-state i{font-size:2rem;margin-bottom:.75rem;color:#3b82f6;opacity:.7}.contentuser-loading-state p,.contentuser-empty-state p{font-size:.875rem;margin:.375rem 0;color:#6b7280}.contentuser-empty-state-subtitle{font-size:.875rem!important;color:#9ca3af!important}.contentuser-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:contentuser-fadeIn .2s ease}@keyframes contentuser-fadeIn{0%{opacity:0}to{opacity:1}}.contentuser-modal-content{background-color:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:contentuser-slideUp .3s ease}@keyframes contentuser-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.contentuser-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.contentuser-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1a1f36}.contentuser-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.contentuser-modal-close:hover{background-color:#f3f4f6;color:#1a1f36}.contentuser-modal-content .contentuser-user-form{padding:1.25rem 1.5rem;box-shadow:none;border:none}.contentuser-modal-content .contentuser-form-grid{grid-template-columns:1fr;gap:1rem}.contentuser-modal-content .contentuser-form-group-full{grid-column:1}.contentuser-modal-content .contentuser-form-actions{flex-direction:row;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.contentuser-delete-modal{max-width:500px}.contentuser-delete-modal-body{padding:1.25rem 1.5rem}.contentuser-delete-modal-body p{margin:0 0 .75rem;color:#374151;font-size:.875rem;line-height:1.5}.contentuser-delete-modal-body p:last-child{margin-bottom:0}.contentuser-warning-text{color:#dc2626!important;font-weight:500;display:flex;align-items:flex-start;gap:.5rem;background:#fef2f2;padding:.75rem;border-radius:6px;border-left:3px solid #dc2626;font-size:.8125rem;line-height:1.5}.contentuser-warning-text i{font-size:1.125rem;margin-top:.125rem}.contentuser-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}@media(max-width:768px){.contentuser-user-container{padding:1rem;padding-top:30px}.contentuser-page-header h1{font-size:1.75rem}.contentuser-form-grid{grid-template-columns:1fr}.contentuser-form-group-full{grid-column:1}.contentuser-card-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.5rem}.contentuser-user-form{padding:1.5rem}.contentuser-table-container{padding:0 1rem 1.5rem}.contentuser-data-table{font-size:.875rem}.contentuser-data-table th,.contentuser-data-table td{padding:.875rem .5rem}.contentuser-btn-edit span,.contentuser-btn-delete span{display:none}.contentuser-form-actions{flex-direction:column}.contentuser-form-actions .contentuser-btn{width:100%;justify-content:center}.contentuser-modal-content{width:95%;margin:1rem}.contentuser-modal-header,.contentuser-modal-content .contentuser-user-form,.contentuser-delete-modal-body,.contentuser-modal-actions{padding:1.25rem}}@media(max-width:480px){.contentuser-page-header h1{font-size:1.5rem}.contentuser-card-header h2{font-size:1.25rem}.contentuser-data-table th{font-size:.75rem;padding:.75rem .5rem}.contentuser-data-table td{font-size:.8125rem;padding:.75rem .5rem}}.contentprogram-program-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.contentprogram-program-container{padding:1rem 1.5rem;max-width:1400px;margin:0 auto;padding-top:30px}.contentprogram-page-header{margin-bottom:1.25rem}.contentprogram-page-header h1{font-size:1.75rem;font-weight:700;color:#1a1f36;margin:0 0 .25rem;letter-spacing:-.02em}.contentprogram-page-subtitle{font-size:.875rem;color:#6b7280;margin:0;font-weight:400}.contentprogram-form-card,.contentprogram-programs-table-section{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d,0 2px 8px #0000000f;margin-bottom:1.25rem;overflow:hidden;transition:box-shadow .2s ease}.contentprogram-form-card:hover,.contentprogram-programs-table-section:hover{box-shadow:0 1px 3px #0000000d,0 4px 12px #0000001a}.contentprogram-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.contentprogram-card-header h2{font-size:1.25rem;font-weight:600;color:#1a1f36;margin:0;display:flex;align-items:center;gap:.5rem}.contentprogram-card-header h2 i{color:#3b82f6;font-size:1.125rem}.contentprogram-program-count{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.375rem .875rem;border-radius:20px;font-weight:500}.contentprogram-program-form{padding:1.25rem 1.5rem}.contentprogram-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.contentprogram-form-group{display:flex;flex-direction:column;margin-bottom:1rem}.contentprogram-form-group-full{grid-column:1 / -1}.contentprogram-form-group label{display:block;margin-bottom:.375rem;font-weight:500;color:#374151;font-size:.8125rem;letter-spacing:.01em}.contentprogram-required{color:#ef4444;font-weight:600}.contentprogram-form-group input,.contentprogram-form-group textarea{width:100%;padding:.625rem .875rem;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box;background:#fff;color:#1a1f36;font-family:inherit}.contentprogram-form-group textarea{resize:vertical;min-height:70px;line-height:1.5}.contentprogram-form-group input:hover,.contentprogram-form-group textarea:hover{border-color:#d1d5db}.contentprogram-form-group input:focus,.contentprogram-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.contentprogram-form-group input::placeholder,.contentprogram-form-group textarea::placeholder{color:#9ca3af}.contentprogram-form-hint{display:block;margin-top:.375rem;font-size:.75rem;color:#6b7280;font-style:italic;line-height:1.4}.contentprogram-form-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb}.contentprogram-btn{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.01em}.contentprogram-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f633}.contentprogram-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.contentprogram-btn-primary:active:not(:disabled){transform:translateY(0)}.contentprogram-btn-primary:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.contentprogram-programs-table-section{padding:0}.contentprogram-table-container{overflow-x:auto;padding:0 1.5rem 1.25rem}.contentprogram-data-table{width:100%;border-collapse:separate;border-spacing:0}.contentprogram-data-table thead{background:linear-gradient(to right,#f9fafb,#f3f4f6)}.contentprogram-data-table th{padding:.75rem .875rem;text-align:center;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.contentprogram-data-table th.contentprogram-actions-column{text-align:center!important;min-width:120px}.contentprogram-data-table td{padding:.875rem;border-bottom:1px solid #f3f4f6;font-size:.875rem;color:#1a1f36;vertical-align:middle;text-align:center;white-space:nowrap}.contentprogram-action-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:center;align-items:center}.contentprogram-btn-delete{padding:.625rem .875rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #ef444433;white-space:nowrap;flex-shrink:0;min-width:36px}.contentprogram-btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 6px #ef44444d;transform:translateY(-1px)}.contentprogram-btn-delete:active{transform:translateY(0)}.contentprogram-btn-edit{padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 1px 3px #3b82f633;white-space:nowrap;flex-shrink:0}.contentprogram-btn-edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 6px #3b82f64d;transform:translateY(-1px)}.contentprogram-btn-edit:active{transform:translateY(0)}.contentprogram-btn-edit span{display:inline-block}.contentprogram-btn-secondary{background:#6b7280;color:#fff}.contentprogram-btn-secondary:hover:not(:disabled){background:#4b5563}.contentprogram-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef444433}.contentprogram-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.contentprogram-btn-danger:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.contentprogram-loading-state,.contentprogram-empty-state{text-align:center;padding:2rem 1.5rem;color:#6b7280}.contentprogram-loading-state i,.contentprogram-empty-state i{font-size:2rem;margin-bottom:.75rem;color:#3b82f6;opacity:.7}.contentprogram-loading-state p,.contentprogram-empty-state p{font-size:.875rem;margin:.375rem 0;color:#6b7280}.contentprogram-empty-state-subtitle{font-size:.875rem!important;color:#9ca3af!important}.contentprogram-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.contentprogram-modal-content{background-color:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}.contentprogram-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.contentprogram-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1a1f36}.contentprogram-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.contentprogram-modal-close:hover{background-color:#f3f4f6;color:#1a1f36}.contentprogram-modal-content .contentprogram-program-form{padding:1.25rem 1.5rem;box-shadow:none;border:none}.contentprogram-modal-content .contentprogram-form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.contentprogram-modal-content .contentprogram-form-group-full{grid-column:1 / -1}.contentprogram-modal-content .contentprogram-form-actions{flex-direction:row;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.contentprogram-delete-modal{max-width:500px}.contentprogram-delete-modal-body{padding:1.25rem 1.5rem}.contentprogram-delete-modal-body p{margin:0 0 .75rem;color:#374151;font-size:.875rem;line-height:1.5}.contentprogram-delete-modal-body p:last-child{margin-bottom:0}.contentprogram-warning-text{color:#dc2626!important;font-weight:500;display:flex;align-items:flex-start;gap:.5rem;background:#fef2f2;padding:.75rem;border-radius:6px;border-left:3px solid #dc2626;font-size:.8125rem;line-height:1.5}.contentprogram-warning-text i{font-size:1.125rem;margin-top:.125rem}.contentprogram-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}@media(max-width:768px){.contentprogram-program-container{padding:1rem;padding-top:30px}.contentprogram-page-header h1{font-size:1.75rem}.contentprogram-form-grid{grid-template-columns:1fr}.contentprogram-form-group-full{grid-column:1}.contentprogram-card-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 1.25rem}.contentprogram-program-form{padding:1rem 1.25rem}.contentprogram-table-container{padding:0 1.25rem 1rem}.contentprogram-data-table{font-size:.875rem}.contentprogram-data-table th,.contentprogram-data-table td{padding:.875rem .5rem}.contentprogram-form-actions{flex-direction:column}.contentprogram-form-actions .contentprogram-btn{width:100%;justify-content:center}}@media(max-width:480px){.contentprogram-page-header h1{font-size:1.5rem}.contentprogram-card-header h2{font-size:1.25rem}.contentprogram-data-table th{font-size:.75rem;padding:.75rem .5rem}.contentprogram-data-table th.contentprogram-actions-column{text-align:center!important}.contentprogram-data-table td{font-size:.8125rem;padding:.75rem .5rem}.contentprogram-program-description-cell{max-width:150px}.contentprogram-btn-edit span,.contentprogram-btn-delete span{display:none}.contentprogram-action-buttons{gap:.375rem}.contentprogram-modal-content{width:95%;margin:1rem}.contentprogram-modal-header,.contentprogram-modal-content .contentprogram-program-form,.contentprogram-delete-modal-body,.contentprogram-modal-actions{padding:1.25rem}}.contentmodule-module-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.contentmodule-module-container{padding:1rem 1.5rem;max-width:1400px;margin:0 auto;padding-top:30px}.contentmodule-page-header{margin-bottom:1.25rem}.contentmodule-page-header h1{font-size:1.75rem;font-weight:700;color:#1a1f36;margin:0 0 .25rem;letter-spacing:-.02em}.contentmodule-page-subtitle{font-size:.875rem;color:#6b7280;margin:0;font-weight:400}.contentmodule-form-card,.contentmodule-modules-table-section{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d,0 2px 8px #0000000f;margin-bottom:1.25rem;overflow:hidden;transition:box-shadow .2s ease}.contentmodule-form-card:hover,.contentmodule-modules-table-section:hover{box-shadow:0 1px 3px #0000000d,0 4px 12px #0000001a}.contentmodule-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.contentmodule-card-header h2{font-size:1.25rem;font-weight:600;color:#1a1f36;margin:0;display:flex;align-items:center;gap:.5rem}.contentmodule-card-header h2 i{color:#3b82f6;font-size:1.125rem}.contentmodule-module-count{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.375rem .875rem;border-radius:20px;font-weight:500}.contentmodule-module-form{padding:1rem 1.5rem}.contentmodule-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:.75rem}.contentmodule-form-group{display:flex;flex-direction:column;margin-bottom:.75rem}.contentmodule-form-group-full{grid-column:1 / -1}.contentmodule-form-sections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.5rem}.contentmodule-form-section{display:flex;flex-direction:column;gap:0}.contentmodule-form-group label{display:block;margin-bottom:.375rem;font-weight:500;color:#374151;font-size:.8125rem;letter-spacing:.01em}.contentmodule-required{color:#ef4444;font-weight:600}.contentmodule-form-group input,.contentmodule-form-group textarea,.contentmodule-form-group select{width:100%;padding:.625rem .875rem;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box;background:#fff;color:#1a1f36;font-family:inherit}.contentmodule-form-group textarea{resize:vertical;min-height:50px;line-height:1.5}.contentmodule-form-group input:hover,.contentmodule-form-group textarea:hover,.contentmodule-form-group select:hover{border-color:#d1d5db}.contentmodule-form-group input:focus,.contentmodule-form-group textarea:focus,.contentmodule-form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.contentmodule-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.contentmodule-form-group select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.contentmodule-form-group input::placeholder,.contentmodule-form-group textarea::placeholder{color:#9ca3af}.contentmodule-form-select{width:100%;padding:.625rem 2.5rem .625rem .875rem;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box;background:#fff;color:#1a1f36;font-family:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.contentmodule-form-select:hover{border-color:#d1d5db}.contentmodule-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.contentmodule-form-select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.contentmodule-array-input-group{display:flex;flex-direction:column;gap:.5rem}.contentmodule-array-input-row{display:flex;gap:.75rem;align-items:stretch}.contentmodule-array-input-row input{flex:1;padding:.625rem .875rem;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.contentmodule-array-input-row input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.contentmodule-btn-add-item{padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #3b82f633}.contentmodule-btn-add-item:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.contentmodule-btn-add-item:active{transform:translateY(0)}.contentmodule-array-items-list{display:flex;flex-direction:column;gap:.5rem;max-height:120px;overflow-y:auto;padding-right:.25rem}.contentmodule-array-items-list::-webkit-scrollbar{width:6px}.contentmodule-array-items-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.contentmodule-array-items-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.contentmodule-array-items-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.contentmodule-array-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.8125rem;transition:all .2s ease}.contentmodule-array-item:hover{background:#f3f4f6;border-color:#d1d5db}.contentmodule-array-item span{color:#1a1f36;flex:1;font-weight:500}.contentmodule-btn-remove-item{padding:.5rem;background:transparent;color:#ef4444;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px}.contentmodule-btn-remove-item:hover{background:#fef2f2;color:#dc2626}.contentmodule-btn-remove-item:active{transform:scale(.95)}.contentmodule-learning-resource-form{margin-bottom:0}.contentmodule-learning-resource-row{display:grid;grid-template-columns:2fr 1.5fr 2fr auto;gap:.75rem;align-items:stretch}.contentmodule-learning-resource-input{padding:.625rem .875rem;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box;background:#fff}.contentmodule-learning-resource-input:hover{border-color:#d1d5db}.contentmodule-learning-resource-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.contentmodule-learning-resource-item{padding:1rem;align-items:flex-start}.contentmodule-learning-resource-details{flex:1;display:flex;flex-direction:column;gap:.5rem}.contentmodule-learning-resource-title{font-weight:600;color:#1a1f36;font-size:.9375rem}.contentmodule-learning-resource-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#6b7280;flex-wrap:wrap}.contentmodule-learning-resource-url{color:#3b82f6;text-decoration:none;word-break:break-all;font-weight:500}.contentmodule-learning-resource-url:hover{text-decoration:underline}.contentmodule-learning-resource-type{color:#6b7280;font-style:italic}.contentmodule-form-actions{margin-top:.75rem;display:flex;justify-content:flex-end;gap:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.contentmodule-btn{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.01em}.contentmodule-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f633}.contentmodule-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.contentmodule-btn-primary:active:not(:disabled){transform:translateY(0)}.contentmodule-btn-primary:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.contentmodule-btn-secondary{background:#6b7280;color:#fff}.contentmodule-btn-secondary:hover:not(:disabled){background:#4b5563}.contentmodule-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef444433}.contentmodule-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.contentmodule-btn-danger:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.contentmodule-modules-table-section{padding:0}.contentmodule-table-container{overflow-x:auto;padding:0 1.5rem 1.25rem}.contentmodule-data-table{width:100%;border-collapse:separate;border-spacing:0}.contentmodule-data-table thead{background:linear-gradient(to right,#f9fafb,#f3f4f6)}.contentmodule-data-table th{padding:.75rem .875rem;text-align:center;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.contentmodule-data-table th.contentmodule-actions-column{text-align:center!important}.contentmodule-data-table td{padding:.875rem;border-bottom:1px solid #f3f4f6;font-size:.875rem;color:#1a1f36;vertical-align:middle;text-align:center}.contentmodule-action-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:center;align-items:center}.contentmodule-btn-edit{padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 1px 3px #3b82f633;white-space:nowrap;flex-shrink:0}.contentmodule-btn-edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 6px #3b82f64d;transform:translateY(-1px)}.contentmodule-btn-edit:active{transform:translateY(0)}.contentmodule-btn-edit span{display:inline-block}.contentmodule-btn-delete{padding:.625rem .875rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #ef444433;white-space:nowrap;flex-shrink:0;min-width:36px}.contentmodule-btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 6px #ef44444d;transform:translateY(-1px)}.contentmodule-btn-delete:active{transform:translateY(0)}.contentmodule-loading-state,.contentmodule-empty-state{text-align:center;padding:2rem 1.5rem;color:#6b7280}.contentmodule-loading-state i,.contentmodule-empty-state i{font-size:2rem;margin-bottom:.75rem;color:#3b82f6;opacity:.7}.contentmodule-loading-state p,.contentmodule-empty-state p{font-size:.875rem;margin:.375rem 0;color:#6b7280}.contentmodule-empty-state-subtitle{font-size:.875rem!important;color:#9ca3af!important}.contentmodule-loading-state-small{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;color:#6b7280;font-size:.9375rem}.contentmodule-loading-state-small i{font-size:1rem}.contentmodule-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:contentmodule-fadeIn .2s ease}@keyframes contentmodule-fadeIn{0%{opacity:0}to{opacity:1}}.contentmodule-modal-content{background-color:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:contentmodule-slideUp .3s ease}@keyframes contentmodule-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.contentmodule-modal-large{max-width:900px}.contentmodule-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.contentmodule-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1a1f36}.contentmodule-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.contentmodule-modal-close:hover{background-color:#f3f4f6;color:#1a1f36}.contentmodule-modal-content .contentmodule-module-form{padding:2rem;box-shadow:none;border:none}.contentmodule-modal-content .contentmodule-form-grid{grid-template-columns:1fr}.contentmodule-modal-content .contentmodule-form-group-full{grid-column:1}.contentmodule-modal-content .contentmodule-form-actions{flex-direction:row;justify-content:flex-end}.contentmodule-delete-modal{max-width:500px}.contentmodule-delete-modal-body{padding:1.25rem 1.5rem}.contentmodule-delete-modal-body p{margin:0 0 1rem;color:#374151;font-size:.9375rem;line-height:1.6}.contentmodule-delete-modal-body p:last-child{margin-bottom:0}.contentmodule-warning-text{color:#dc2626!important;font-weight:500;display:flex;align-items:flex-start;gap:.75rem;background:#fef2f2;padding:1rem;border-radius:8px;border-left:3px solid #dc2626}.contentmodule-warning-text i{font-size:1.125rem;margin-top:.125rem}.contentmodule-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.75rem 2rem;border-top:1px solid #e5e7eb;background:#f9fafb}@media(max-width:768px){.contentmodule-module-container{padding:1rem;padding-top:30px}.contentmodule-page-header h1{font-size:1.75rem}.contentmodule-form-grid{grid-template-columns:1fr}.contentmodule-form-group-full{grid-column:1}.contentmodule-form-sections-grid{grid-template-columns:1fr}.contentmodule-card-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.5rem}.contentmodule-module-form{padding:1.5rem}.contentmodule-learning-resource-row{grid-template-columns:1fr;gap:.75rem}.contentmodule-array-input-row{flex-direction:column}.contentmodule-table-container{padding:0 1rem 1.5rem}.contentmodule-data-table{font-size:.875rem}.contentmodule-data-table th,.contentmodule-data-table td{padding:.875rem .5rem}.contentmodule-btn-edit span{display:none}.contentmodule-form-actions{flex-direction:column}.contentmodule-form-actions .contentmodule-btn{width:100%;justify-content:center}.contentmodule-modal-content{width:95%;margin:1rem}.contentmodule-modal-header,.contentmodule-modal-content .contentmodule-module-form,.contentmodule-delete-modal-body,.contentmodule-modal-actions{padding:1.25rem}}@media(max-width:480px){.contentmodule-page-header h1{font-size:1.5rem}.contentmodule-card-header h2{font-size:1.25rem}.contentmodule-data-table th{font-size:.75rem;padding:.75rem .5rem}.contentmodule-data-table td{font-size:.8125rem;padding:.75rem .5rem}.contentmodule-module-description-cell{max-width:150px}.contentmodule-action-buttons{gap:.375rem}.contentmodule-btn-edit,.contentmodule-btn-delete{padding:.5rem .875rem;font-size:.8125rem}.contentmodule-btn-edit span,.contentmodule-btn-delete span{display:none}}.contenttask-task-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.contenttask-task-container{padding:1rem 1.5rem;max-width:1400px;margin:0 auto;padding-top:30px}.contenttask-page-header{margin-bottom:1.25rem}.contenttask-page-header h1{font-size:1.75rem;font-weight:700;color:#1a1f36;margin:0 0 .25rem;letter-spacing:-.02em}.contenttask-page-subtitle{font-size:.875rem;color:#6b7280;margin:0;font-weight:400}.contenttask-form-card,.contenttask-tasks-table-section{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d,0 2px 8px #0000000f;margin-bottom:1.25rem;overflow:hidden;transition:box-shadow .2s ease}.contenttask-form-card:hover,.contenttask-tasks-table-section:hover{box-shadow:0 1px 3px #0000000d,0 4px 12px #0000001a}.contenttask-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.contenttask-card-header h2{font-size:1.25rem;font-weight:600;color:#1a1f36;margin:0;display:flex;align-items:center;gap:.5rem}.contenttask-card-header h2 i{color:#3b82f6;font-size:1.125rem}.contenttask-task-count{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.375rem .875rem;border-radius:20px;font-weight:500}.contenttask-task-form{padding:.75rem 1.5rem}.contenttask-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.5rem}.contenttask-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:.5rem}.contenttask-form-group{display:flex;flex-direction:column;margin-bottom:.5rem}.contenttask-form-row .contenttask-form-group{margin-bottom:0}.contenttask-form-group-full{grid-column:1 / -1}.contenttask-form-sections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.25rem}.contenttask-form-section{display:flex;flex-direction:column;gap:0}.contenttask-form-group label{display:block;margin-bottom:.25rem;font-weight:500;color:#374151;font-size:.8125rem;letter-spacing:.01em}.contenttask-required{color:#ef4444;font-weight:600}.contenttask-form-group input,.contenttask-form-group textarea,.contenttask-form-group select{width:100%;padding:.625rem .875rem;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box;background:#fff;color:#1a1f36;font-family:inherit}.contenttask-form-group textarea{resize:vertical;min-height:50px;line-height:1.5}.contenttask-form-group input:hover,.contenttask-form-group textarea:hover,.contenttask-form-group select:hover{border-color:#d1d5db}.contenttask-form-group input:focus,.contenttask-form-group textarea:focus,.contenttask-form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.contenttask-form-group input::placeholder,.contenttask-form-group textarea::placeholder{color:#9ca3af}.contenttask-form-group select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.contenttask-array-input-group{display:flex;flex-direction:column;gap:.5rem}.contenttask-array-input-row{display:flex;gap:.75rem;align-items:stretch}.contenttask-array-input-row input{flex:1;padding:.625rem .875rem;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.contenttask-array-input-row input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.contenttask-btn-add-item{padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.01em;box-shadow:0 2px 4px #3b82f633;line-height:1;box-sizing:border-box}.contenttask-btn-add-item:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.contenttask-btn-add-item:active{transform:translateY(0)}.contenttask-checkbox-group{display:flex;flex-direction:row;gap:.75rem;flex-wrap:wrap}.contenttask-checkbox-label{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.8125rem;margin:0}.contenttask-checkbox-label:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.contenttask-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0;margin:0;border-radius:3px;border:1.5px solid #d1d5db;transition:all .2s ease}.contenttask-checkbox-label input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}.contenttask-checkbox-label input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.contenttask-checkbox-label span{color:#374151;font-weight:500;-webkit-user-select:none;user-select:none;letter-spacing:.01em;transition:color .2s ease}.contenttask-checkbox-label input[type=checkbox]:checked+span{color:#1e40af;font-weight:600}.contenttask-checkbox-label:has(input[type=checkbox]:checked){background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.contenttask-array-items-list{display:flex;flex-direction:column;gap:.5rem;max-height:120px;overflow-y:auto;padding-right:.25rem}.contenttask-array-items-list::-webkit-scrollbar{width:6px}.contenttask-array-items-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.contenttask-array-items-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.contenttask-array-items-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.contenttask-array-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.8125rem;transition:all .2s ease}.contenttask-array-item:hover{background:#f3f4f6;border-color:#d1d5db}.contenttask-array-item span{color:#1a1f36;flex:1;font-weight:500}.contenttask-btn-remove-item{padding:.5rem;background:transparent;color:#ef4444;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 6px #3b82f64d;transform:translateY(-1px)}.btn-edit:active{transform:translateY(0)}.btn-edit span{display:inline-block}.btn-delete{padding:.625rem .875rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #ef444433;white-space:nowrap;flex-shrink:0;min-width:36px}.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 6px #ef44444d;transform:translateY(-1px)}.btn-delete:active{transform:translateY(0)}.loading-state,.empty-state{text-align:center;padding:2rem 1.5rem;color:#6b7280}.loading-state i,.empty-state i{font-size:2rem;margin-bottom:.75rem;color:#3b82f6;opacity:.7}.loading-state p,.empty-state p{font-size:.875rem;margin:.375rem 0;color:#6b7280}.empty-state-subtitle{font-size:.875rem!important;color:#9ca3af!important}.modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background-color:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}.modal-large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1a1f36}.modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.contenttask-btn-remove-item:hover{background:#fef2f2;color:#dc2626}.contenttask-btn-remove-item:active{transform:scale(.95)}.contenttask-learning-resource-form{margin-bottom:0}.contenttask-learning-resource-row{display:grid;grid-template-columns:2fr 1.5fr 2fr auto;gap:.75rem;align-items:stretch}.contenttask-learning-resource-input{padding:.625rem .875rem;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box;background:#fff}.contenttask-learning-resource-input:hover{border-color:#d1d5db}.contenttask-learning-resource-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.contenttask-learning-resource-item{padding:1rem;align-items:flex-start}.contenttask-learning-resource-details{flex:1;display:flex;flex-direction:column;gap:.5rem}.contenttask-learning-resource-title{font-weight:600;color:#1a1f36;font-size:.9375rem}.contenttask-learning-resource-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#6b7280;flex-wrap:wrap}.contenttask-learning-resource-url{color:#3b82f6;text-decoration:none;word-break:break-all;font-weight:500}.contenttask-learning-resource-url:hover{text-decoration:underline}.contenttask-learning-resource-type{color:#6b7280;font-style:italic}.contenttask-form-actions{margin-top:.5rem;display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid #e5e7eb}.contenttask-btn{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.01em;line-height:1;box-sizing:border-box}.contenttask-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f633}.contenttask-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.contenttask-btn-primary:active:not(:disabled){transform:translateY(0)}.contenttask-btn-primary:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.contenttask-btn-secondary{background:#6b7280;color:#fff}.contenttask-btn-secondary:hover:not(:disabled){background:#4b5563}.contenttask-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef444433}.contenttask-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.contenttask-btn-danger:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.contenttask-tasks-table-section{padding:0}.contenttask-table-container{overflow-x:auto;padding:0 1.5rem 1.25rem}.contenttask-data-table{width:100%;border-collapse:separate;border-spacing:0}.contenttask-data-table thead{background:linear-gradient(to right,#f9fafb,#f3f4f6)}.contenttask-data-table th{padding:.75rem .875rem;text-align:center;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.contenttask-data-table th.contenttask-actions-column{text-align:center!important}.contenttask-data-table td{padding:.875rem;border-bottom:1px solid #f3f4f6;font-size:.875rem;color:#1a1f36;vertical-align:middle;text-align:center}.contenttask-data-table tbody tr{transition:all .2s ease}.contenttask-data-table tbody tr:hover{background-color:#f9fafb}.contenttask-data-table tbody tr:last-child td{border-bottom:none}.contenttask-task-name-cell{font-weight:600;color:#1a1f36;font-family:Monaco,Courier New,monospace;font-size:.875rem}.contenttask-task-display-name-cell{font-weight:500;color:#1a1f36}.contenttask-task-module-cell,.contenttask-task-difficulty-cell,.contenttask-task-status-cell{color:#6b7280}.contenttask-actions-cell{text-align:center}.contenttask-action-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:center;align-items:center}.contenttask-btn-edit{padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 1px 3px #3b82f633;white-space:nowrap;flex-shrink:0}.contenttask-btn-edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 6px #3b82f64d;transform:translateY(-1px)}.contenttask-btn-edit:active{transform:translateY(0)}.contenttask-btn-edit span{display:inline-block}.contenttask-btn-delete{padding:.625rem .875rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #ef444433;white-space:nowrap;flex-shrink:0;min-width:36px}.contenttask-btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 6px #ef44444d;transform:translateY(-1px)}.contenttask-btn-delete:active{transform:translateY(0)}.contenttask-loading-state,.contenttask-empty-state{text-align:center;padding:2rem 1.5rem;color:#6b7280}.contenttask-loading-state i,.contenttask-empty-state i{font-size:2rem;margin-bottom:.75rem;color:#3b82f6;opacity:.7}.contenttask-loading-state p,.contenttask-empty-state p{font-size:.875rem;margin:.375rem 0;color:#6b7280}.contenttask-empty-state-subtitle{font-size:.875rem!important;color:#9ca3af!important}.contenttask-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.contenttask-modal-content{background-color:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}.contenttask-modal-large{max-width:900px}.contenttask-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.contenttask-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1a1f36}.contenttask-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.contenttask-modal-close:hover{background-color:#f3f4f6;color:#1a1f36}.contenttask-modal-content .contenttask-task-form{padding:1.25rem 1.5rem;box-shadow:none;border:none}.contenttask-modal-content .contenttask-form-grid{grid-template-columns:1fr;gap:1rem}.contenttask-modal-content .contenttask-form-group-full{grid-column:1}.contenttask-modal-content .contenttask-form-actions{flex-direction:row;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.contenttask-delete-modal{max-width:500px}.contenttask-delete-modal-body{padding:1.25rem 1.5rem}.contenttask-delete-modal-body p{margin:0 0 .75rem;color:#374151;font-size:.875rem;line-height:1.5}.contenttask-delete-modal-body p:last-child{margin-bottom:0}.contenttask-warning-text{color:#dc2626!important;font-weight:500;display:flex;align-items:flex-start;gap:.5rem;background:#fef2f2;padding:.75rem;border-radius:6px;border-left:3px solid #dc2626;font-size:.8125rem;line-height:1.5}.contenttask-warning-text i{font-size:1.125rem;margin-top:.125rem}.contenttask-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.75rem 2rem;border-top:1px solid #e5e7eb;background:#f9fafb}@media(max-width:768px){.contenttask-task-container{padding:1rem;padding-top:30px}.contenttask-page-header h1{font-size:1.75rem}.contenttask-form-grid,.contenttask-form-row{grid-template-columns:1fr}.contenttask-form-group-full{grid-column:1}.contenttask-form-sections-grid{grid-template-columns:1fr}.contenttask-card-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.5rem}.contenttask-task-form{padding:1.5rem}.contenttask-learning-resource-row{grid-template-columns:1fr;gap:.75rem}.contenttask-array-input-row{flex-direction:column}.contenttask-table-container{padding:0 1rem 1.5rem}.contenttask-data-table{font-size:.875rem}.contenttask-data-table th,.contenttask-data-table td{padding:.875rem .5rem}.contenttask-btn-edit span{display:none}.contenttask-form-actions{flex-direction:column}.contenttask-form-actions .contenttask-btn{width:100%;justify-content:center}.contenttask-modal-content{width:95%;margin:1rem}.contenttask-modal-header,.contenttask-modal-content .contenttask-task-form,.contenttask-delete-modal-body,.contenttask-modal-actions{padding:1.25rem}.contenttask-action-buttons{gap:.375rem}.contenttask-btn-edit,.contenttask-btn-delete{padding:.5rem .875rem;font-size:.8125rem}.contenttask-btn-edit span,.contenttask-btn-delete span{display:none}}@media(max-width:480px){.contenttask-page-header h1{font-size:1.5rem}.contenttask-card-header h2{font-size:1.25rem}.contenttask-data-table th{font-size:.75rem;padding:.75rem .5rem}.contenttask-data-table td{font-size:.8125rem;padding:.75rem .5rem}}.assign-task-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.assign-task-container{padding:1rem 1.5rem;max-width:1400px;margin:0 auto;padding-top:30px}.assign-task-page-header{margin-bottom:1.25rem}.assign-task-page-header h1{font-size:1.75rem;font-weight:700;color:#1a1f36;margin:0 0 .25rem;letter-spacing:-.02em}.assign-task-page-subtitle{font-size:.875rem;color:#6b7280;margin:0;font-weight:400}.assign-task-form-card,.assign-task-assignments-table-section{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d,0 2px 8px #0000000f;margin-bottom:1.25rem;overflow:hidden;transition:box-shadow .2s ease}.assign-task-form-card:hover,.assign-task-assignments-table-section:hover{box-shadow:0 1px 3px #0000000d,0 4px 12px #0000001a}.assign-task-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.assign-task-card-header h2{font-size:1.25rem;font-weight:600;color:#1a1f36;margin:0;display:flex;align-items:center;gap:.5rem}.assign-task-card-header h2 i{color:#3b82f6;font-size:1.125rem}.assign-task-assignment-count{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.375rem .875rem;border-radius:20px;font-weight:500}.assign-task-form{padding:1.25rem 1.5rem}.assign-task-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.assign-task-form-group{display:flex;flex-direction:column;margin-bottom:1rem}.assign-task-form-group-full{grid-column:1 / -1}.assign-task-form label{display:block;font-weight:500;color:#374151;margin-bottom:.375rem;font-size:.8125rem;letter-spacing:.01em}.assign-task-required{color:#ef4444;font-weight:600}.assign-task-form select{width:100%;padding:.625rem .875rem;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.875rem;background-color:#fff;color:#1a1f36;transition:all .2s ease;box-sizing:border-box}.assign-task-form select:hover{border-color:#d1d5db}.assign-task-form select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.assign-task-form select:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;opacity:.7}.assign-task-form select option{padding:.5rem}.assign-task-form .form-hint{display:block;margin-top:.5rem;font-size:.8125rem;color:#6b7280;font-style:italic}.assign-task-form .form-error{display:block;margin-top:.5rem;font-size:.8125rem;color:#ef4444;font-weight:500}.assign-task-form small{display:block;margin-top:.5rem;font-size:.8125rem;color:#6b7280}.assign-task-form-actions{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb}.task-assignment-note{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#fef3c7;border:1px solid #fbbf24;border-left:4px solid #f59e0b;border-radius:6px;color:#92400e;font-size:.875rem;flex-shrink:0}.task-assignment-note i{color:#f59e0b;font-size:1rem;flex-shrink:0}.task-assignment-note span{line-height:1.5}.assign-task-btn{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.01em}.assign-task-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f633}.assign-task-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.assign-task-btn-primary:active:not(:disabled){transform:translateY(0)}.assign-task-btn:disabled{opacity:.6;cursor:not-allowed}.assign-task-btn i{font-size:.9rem}.assign-task-assignments-table-section{padding:0}.table-container{overflow-x:auto;padding:0 1.5rem 1.25rem}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead{background:linear-gradient(to right,#f9fafb,#f3f4f6)}.data-table th{padding:.75rem .875rem;text-align:center;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table th.actions-column{text-align:center!important}.data-table td{padding:.875rem;border-bottom:1px solid #f3f4f6;font-size:.875rem;color:#1a1f36;vertical-align:middle;text-align:center}.data-table tbody tr{transition:all .2s ease}.data-table tbody tr:hover{background-color:#f9fafb}.data-table tbody tr:last-child td{border-bottom:none}.assign-task-assignment-task-name-cell{font-weight:600;color:#1a1f36;font-family:Monaco,Courier New,monospace;font-size:.875rem}.assign-task-assignment-task-display-cell{font-weight:500;color:#1a1f36}.assign-task-assignment-user-cell{color:#1a1f36;font-weight:500}.assign-task-assignment-email-cell,.assign-task-assignment-date-cell{color:#6b7280}.assign-task-actions-cell{text-align:center}.assign-task-action-buttons{display:flex;align-items:center;justify-content:center;gap:.5rem}.assign-task-loading-state,.assign-task-empty-state{text-align:center;padding:2rem 1.5rem;color:#6b7280}.assign-task-loading-state i,.assign-task-empty-state i{font-size:2rem;margin-bottom:.75rem;color:#3b82f6;opacity:.7}.assign-task-loading-state p,.assign-task-empty-state p{font-size:.875rem;margin:.375rem 0;color:#6b7280}.assign-task-empty-state-subtitle{font-size:.875rem!important;color:#9ca3af!important}.assign-task-btn-edit{padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 1px 3px #3b82f633}.assign-task-btn-edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 6px #3b82f64d;transform:translateY(-1px)}.assign-task-btn-edit:active{transform:translateY(0)}.assign-task-btn-edit span{display:inline-block}.assign-task-btn-delete{padding:.625rem .875rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #ef444433;min-width:2.5rem}.assign-task-btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 6px #ef44444d;transform:translateY(-1px)}.assign-task-btn-delete:active{transform:translateY(0)}.assign-task-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef444433}.assign-task-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.assign-task-btn-danger:disabled{opacity:.6;cursor:not-allowed}.assign-task-btn-secondary{background:#6b7280;color:#fff}.assign-task-btn-secondary:hover:not(:disabled){background:#4b5563}.assign-task-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:assign-task-fadeIn .2s ease}@keyframes assign-task-fadeIn{0%{opacity:0}to{opacity:1}}.assign-task-modal-content{background-color:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:assign-task-slideUp .3s ease}@keyframes assign-task-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.assign-task-delete-modal{max-width:500px}.assign-task-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.assign-task-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1a1f36}.assign-task-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.assign-task-modal-close:hover{background-color:#f3f4f6;color:#1a1f36}.assign-task-modal-content .assign-task-form{padding:1.25rem 1.5rem;box-shadow:none;border:none}.assign-task-modal-content .assign-task-form-grid{grid-template-columns:1fr;gap:1rem}.assign-task-modal-content .assign-task-form-group-full{grid-column:1}.assign-task-modal-content .assign-task-form-actions{flex-direction:row;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.assign-task-delete-modal-body{padding:1.25rem 1.5rem}.assign-task-delete-modal-body p{margin:0 0 1rem;color:#374151;font-size:.9375rem;line-height:1.6}.assign-task-warning-text{color:#dc2626!important;font-weight:500;display:flex;align-items:flex-start;gap:.75rem;background:#fef2f2;padding:1rem;border-radius:8px;border-left:3px solid #dc2626}.assign-task-warning-text i{font-size:1.125rem;margin-top:.125rem}.assign-task-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.75rem 2rem;border-top:1px solid #e5e7eb;background:#f9fafb}.disabled-input{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;padding:.875rem 1rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.9375rem;width:100%;box-sizing:border-box}@media(max-width:768px){.assign-task-container{padding:1rem;padding-top:30px}.assign-task-page-header h1{font-size:1.75rem}.assign-task-form-grid{grid-template-columns:1fr}.assign-task-form-group-full{grid-column:1}.assign-task-card-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.5rem}.assign-task-form{padding:1.5rem}.table-container{padding:0 1rem 1.5rem}.data-table{font-size:.875rem}.data-table th,.data-table td{padding:.875rem .5rem}.assign-task-btn-edit span{display:none}.assign-task-form-actions{flex-direction:column;align-items:stretch}.task-assignment-note{margin-bottom:.5rem}.assign-task-form-actions .assign-task-btn{width:100%;justify-content:center}.assign-task-modal-content{width:95%;margin:1rem}.assign-task-modal-header,.assign-task-modal-content .assign-task-form,.assign-task-delete-modal-body,.assign-task-modal-actions{padding:1.25rem}}@media(max-width:480px){.assign-task-page-header h1{font-size:1.5rem}.assign-task-card-header h2{font-size:1.25rem}.data-table th{font-size:.75rem;padding:.75rem .5rem}.data-table td{font-size:.8125rem;padding:.75rem .5rem}}.contentartifacts-artifacts-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.contentartifacts-artifacts-container{padding:1rem 1.5rem;max-width:1400px;margin:0 auto;padding-top:30px}.contentartifacts-page-header{margin-bottom:1.25rem}.contentartifacts-page-header h1{font-size:1.75rem;font-weight:700;color:#1a1f36;margin:0 0 .25rem;letter-spacing:-.02em}.contentartifacts-page-subtitle{font-size:.875rem;color:#6b7280;margin:0;font-weight:400}.contentartifacts-form-card,.contentartifacts-uploads-section{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d,0 2px 8px #0000000f;margin-bottom:1.25rem;overflow:hidden;transition:box-shadow .2s ease}.contentartifacts-form-card:hover,.contentartifacts-uploads-section:hover{box-shadow:0 1px 3px #0000000d,0 4px 12px #0000001a}.contentartifacts-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.contentartifacts-card-header h2{font-size:1.25rem;font-weight:600;color:#1a1f36;margin:0;display:flex;align-items:center;gap:.5rem}.contentartifacts-card-header h2 i{color:#3b82f6;font-size:1.125rem}.contentartifacts-upload-form{padding:1.25rem 1.5rem}.contentartifacts-form-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.contentartifacts-form-group label{display:block;margin-bottom:.375rem;font-weight:500;color:#374151;font-size:.8125rem;letter-spacing:.01em}.contentartifacts-required{color:#ef4444;font-weight:600}.contentartifacts-form-group input,.contentartifacts-form-group textarea,.contentartifacts-form-group select{width:100%;padding:.625rem .875rem;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.875rem;transition:all .2s ease;box-sizing:border-box;background:#fff;color:#1a1f36;font-family:inherit}.contentartifacts-form-group textarea{resize:vertical;min-height:70px;line-height:1.5}.contentartifacts-form-group input:hover,.contentartifacts-form-group textarea:hover,.contentartifacts-form-group select:hover{border-color:#d1d5db}.contentartifacts-form-group input:focus,.contentartifacts-form-group textarea:focus,.contentartifacts-form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.contentartifacts-form-group input::placeholder,.contentartifacts-form-group textarea::placeholder{color:#9ca3af}.contentartifacts-form-group select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.contentartifacts-form-hint{display:block;margin-top:.25rem;color:#6b7280;font-size:.875rem}.contentartifacts-form-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb}.contentartifacts-file-drop-zone{border:2px dashed #d1d5db;border-radius:8px;padding:.75rem 1.25rem;text-align:center;cursor:pointer;background-color:#fafafa;transition:all .3s ease}.contentartifacts-file-drop-zone:hover{border-color:#9ca3af;background-color:#f9fafb}.contentartifacts-file-drop-zone.drag-active{border-color:#3b82f6;background-color:#eff6ff}.contentartifacts-file-drop-zone i{font-size:1.75rem;color:#6b7280;margin-bottom:.375rem;display:block}.contentartifacts-file-drop-zone p{margin-bottom:.125rem;color:#374151;font-weight:500;font-size:.8125rem}.contentartifacts-file-drop-zone small{font-size:.75rem;color:#6b7280;margin-bottom:.375rem;display:block}.contentartifacts-selected-files{margin-top:1rem}.contentartifacts-selected-file-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;margin-bottom:.5rem;transition:all .2s ease}.contentartifacts-selected-file-item:hover{background:#f3f4f6;border-color:#d1d5db}.contentartifacts-selected-file-item span{color:#1a1f36;font-weight:500;display:flex;align-items:center;gap:.5rem}.contentartifacts-selected-file-item i{color:#ef4444}.contentartifacts-btn{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.01em}.contentartifacts-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f633}.contentartifacts-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.contentartifacts-btn-primary:active:not(:disabled){transform:translateY(0)}.contentartifacts-btn-primary:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.contentartifacts-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #10b98133}.contentartifacts-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.contentartifacts-btn-success:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.contentartifacts-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef444433}.contentartifacts-btn-danger,.contentartifacts-btn-danger i{color:#fff!important}.contentartifacts-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.contentartifacts-btn-danger:hover:not(:disabled) i{color:#fff!important}.contentartifacts-btn-danger:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.contentartifacts-btn-sm{padding:.375rem .75rem;font-size:.8125rem;min-width:auto}.contentartifacts-btn-sm.contentartifacts-btn-danger{padding:.5rem;min-width:32px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.contentartifacts-btn-sm.contentartifacts-btn-danger i{font-size:.875rem;color:#fff!important;margin:0}.contentartifacts-filters{margin-bottom:1.5rem;padding:1rem 1.5rem;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.contentartifacts-filter-group{display:flex;align-items:center;gap:.75rem}.contentartifacts-filter-group label{font-size:.875rem;font-weight:500;color:#374151}.contentartifacts-filter-group select{padding:.5rem .75rem;border:1.5px solid #e5e7eb;border-radius:6px;font-size:.875rem}.contentartifacts-loading-state,.contentartifacts-error-state,.contentartifacts-empty-state{text-align:center;padding:3rem 1.5rem;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem}.contentartifacts-loading-state i{font-size:3rem;color:#3b82f6;margin-bottom:1rem}.contentartifacts-error-state{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.contentartifacts-error-state i{color:#dc2626}.contentartifacts-empty-state{color:#6b7280}.contentartifacts-empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5;color:#9ca3af}.contentartifacts-uploads-list{display:flex;flex-direction:column;gap:1rem}.contentartifacts-upload-card{background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014;transition:box-shadow .3s ease;overflow:hidden}.contentartifacts-upload-card:hover{box-shadow:0 4px 12px #0000001f}.contentartifacts-upload-card-header{padding:1.25rem 1.5rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.contentartifacts-upload-card-title{display:flex;align-items:center;gap:1rem}.contentartifacts-upload-card-title h3{margin:0;font-size:1.1rem;font-weight:600;color:#1a1f36;font-family:Courier New,monospace}.contentartifacts-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:600}.contentartifacts-status-badge.status-pending{background-color:#fef3c7;color:#92400e}.contentartifacts-status-badge.status-assigned{background-color:#dbeafe;color:#1e40af}.contentartifacts-status-badge.status-completed{background-color:#d1fae5;color:#065f46}.contentartifacts-status-badge.status-expired{background-color:#fee2e2;color:#991b1b}.contentartifacts-upload-card-body{padding:1.5rem}.contentartifacts-upload-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.contentartifacts-upload-info-item{display:flex;flex-direction:column;gap:.25rem}.contentartifacts-upload-info-item strong{font-size:.875rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.contentartifacts-upload-info-item span{font-size:.95rem;color:#1a1f36;word-break:break-word}.contentartifacts-upload-card-actions{display:flex;gap:.75rem;padding:1rem 1.5rem;background-color:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap}.modal-content-large{max-width:95vw;width:95vw;max-height:95vh}.modal-content-large .modal-body{padding:0!important;height:80vh;overflow:hidden}.contentartifacts-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.contentartifacts-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contentartifacts-modal-content{background-color:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.contentartifacts-modal-content-large{max-width:95vw;width:95vw;max-height:95vh}.contentartifacts-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.contentartifacts-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1a1f36;display:flex;align-items:center;gap:.5rem}.contentartifacts-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.contentartifacts-modal-close:hover{background-color:#f3f4f6;color:#1a1f36}.contentartifacts-modal-body{padding:1.25rem 1.5rem}.contentartifacts-modal-body .contentartifacts-form-group{margin-bottom:1.25rem}.contentartifacts-file-info{display:block;margin-top:.5rem;color:#6b7280;font-size:.875rem}.contentartifacts-assign-upload-info{padding:1rem;background-color:#f9fafb;border-radius:.5rem;margin-bottom:1rem}.contentartifacts-assign-upload-info p{margin:.5rem 0;font-size:.95rem}.contentartifacts-assign-upload-info strong{color:#6b7280}.contentartifacts-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.contentartifacts-text-muted{color:#6b7280;font-size:.875rem}@media(max-width:768px){.contentartifacts-artifacts-container{padding:1rem;padding-top:30px}.contentartifacts-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.contentartifacts-upload-info-grid{grid-template-columns:1fr}.contentartifacts-upload-card-actions{flex-direction:column}.contentartifacts-upload-card-actions .contentartifacts-btn{width:100%}.contentartifacts-modal-content{width:95%;margin:1rem}}.content-view-artifacts-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);animation:content-view-artifacts-fadeIn .4s ease-out}@keyframes content-view-artifacts-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.content-view-artifacts-container{padding:1rem 1.5rem;max-width:1400px;margin:0 auto;padding-top:30px;animation:content-view-artifacts-slideInUp .4s ease-out}@keyframes content-view-artifacts-slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.content-view-artifacts-header{margin-bottom:1.25rem}.content-view-artifacts-header h1{font-size:1.75rem;font-weight:700;color:#1a1f36;margin:0 0 .25rem;letter-spacing:-.02em}.content-view-artifacts-subtitle{font-size:.875rem;color:#6b7280;margin:0;font-weight:400}.content-view-artifacts-form-card,.content-view-artifacts-program-module-section{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d,0 2px 8px #0000000f;margin-bottom:1.25rem;overflow:hidden;transition:box-shadow .2s ease}.content-view-artifacts-form-card:hover,.content-view-artifacts-program-module-section:hover{box-shadow:0 1px 3px #0000000d,0 4px 12px #0000001a}.content-view-artifacts-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.content-view-artifacts-card-header h2{font-size:1.25rem;font-weight:600;color:#1a1f36;margin:0;display:flex;align-items:center;gap:.5rem}.content-view-artifacts-card-header h2 i{color:#3b82f6;font-size:1.125rem}.content-view-artifacts-program-module-section{padding:0}.content-view-artifacts-program-module-content{padding:1rem 1.5rem}.content-view-artifacts-filters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.content-view-artifacts-filter-item{display:flex;flex-direction:column}.content-view-artifacts-program-selector{margin-bottom:1.5rem}.content-view-artifacts-filter-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.25rem}.content-view-artifacts-filter-group label{font-size:.8125rem;color:#374151;font-weight:500;display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.content-view-artifacts-filter-group label i{color:#6b7280}.content-view-artifacts-filter-group select{padding:.625rem .875rem;border:1.5px solid #e5e7eb;border-radius:6px;background:#fff;color:#1a1f36;font-size:.875rem;width:100%;cursor:pointer;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.content-view-artifacts-filter-group select:hover{border-color:#d1d5db}.content-view-artifacts-filter-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.content-view-artifacts-loading-indicator{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;color:#6b7280;font-size:.875rem}.content-view-artifacts-loading-indicator i{color:#3b82f6}.content-view-artifacts-error-message{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:.5rem .75rem;border-radius:6px;display:flex;align-items:center;gap:.5rem;font-size:.8125rem;margin-top:.25rem}.content-view-artifacts-error-message i{color:#dc2626}.content-view-artifacts-modules-display{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.content-view-artifacts-modules-loading,.content-view-artifacts-modules-error,.content-view-artifacts-modules-empty{text-align:center;padding:2rem;color:#6b7280}.content-view-artifacts-modules-loading i,.content-view-artifacts-modules-error i,.content-view-artifacts-modules-empty i{font-size:2.5rem;margin-bottom:.75rem;display:block}.content-view-artifacts-modules-loading i{color:#3b82f6}.content-view-artifacts-modules-error i{color:#f59e0b}.content-view-artifacts-modules-empty i{color:#d1d5db}.content-view-artifacts-modules-loading p,.content-view-artifacts-modules-error p,.content-view-artifacts-modules-empty p{margin:0;font-size:.95rem}.content-view-artifacts-modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.content-view-artifacts-module-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:all .2s ease;cursor:pointer}.content-view-artifacts-module-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.content-view-artifacts-module-card-header{padding:1rem 1.5rem;background:linear-gradient(to right,#f9fafb,#fff);border-bottom:1px solid #e5e7eb}.content-view-artifacts-module-card-header h3{margin:0;font-size:1rem;color:#1a1f36;font-weight:600;display:flex;align-items:center;gap:.5rem}.content-view-artifacts-module-card-header h3 i{color:#3b82f6}.content-view-artifacts-module-card-body{padding:1rem 1.5rem}.content-view-artifacts-module-description{color:#6b7280;font-size:.875rem;margin:0 0 .75rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.content-view-artifacts-module-info{display:flex;align-items:center;gap:.5rem}.content-view-artifacts-module-task-count{display:flex;align-items:center;gap:.4rem;font-size:.875rem;color:#374151;font-weight:500}.content-view-artifacts-module-task-count i{color:#3b82f6}.content-view-artifacts-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:flex-end;background:#fff;padding:1.25rem 1.5rem;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d,0 2px 8px #0000000f}.content-view-artifacts-btn-refresh{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9375rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;font-weight:600;box-shadow:0 2px 4px #3b82f633}.content-view-artifacts-btn-refresh:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.content-view-artifacts-btn-refresh:active:not(:disabled){transform:translateY(0)}.content-view-artifacts-btn-refresh:disabled{opacity:.6;cursor:not-allowed}.content-view-artifacts-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:1rem 1.5rem;border-radius:10px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.content-view-artifacts-error i{color:#dc2626}.content-view-artifacts-loading{text-align:center;padding:4rem;color:#6b7280;background:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d,0 2px 8px #0000000f}.content-view-artifacts-loading i{font-size:3rem;color:#3b82f6;margin-bottom:1rem;display:block}.content-view-artifacts-empty{text-align:center;padding:4rem 2rem;background:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d,0 2px 8px #0000000f}.content-view-artifacts-empty i{font-size:4rem;color:#d1d5db;margin-bottom:1.5rem}.content-view-artifacts-empty h3{color:#1a1f36;margin:0 0 .75rem;font-size:1.5rem;font-weight:600}.content-view-artifacts-empty p{color:#6b7280;margin:.5rem 0}.content-view-artifacts-empty .hint{font-size:.875rem;color:#9ca3af;margin-top:1rem}.content-view-artifacts-layout{display:grid;grid-template-columns:380px 1fr;gap:1.5rem;min-height:calc(100vh - 280px);align-items:stretch}.content-view-artifacts-list-panel{background:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d,0 2px 8px #0000000f;overflow:hidden;display:flex;flex-direction:column;height:100%}.content-view-artifacts-panel-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff);flex-shrink:0}.content-view-artifacts-panel-header h2{margin:0;font-size:1.25rem;color:#1a1f36;display:flex;align-items:center;gap:.5rem;font-weight:600}.content-view-artifacts-panel-header h2 i{color:#3b82f6;font-size:1.125rem}.content-view-artifacts-uploads-list{flex:1;overflow-y:auto;padding:.75rem;min-height:0}.content-view-artifacts-upload-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:.75rem;cursor:pointer;transition:all .2s ease;overflow:hidden}.content-view-artifacts-upload-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.content-view-artifacts-upload-card.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.content-view-artifacts-upload-card-header{padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff);display:flex;justify-content:space-between;align-items:center;gap:.5rem}.content-view-artifacts-upload-card-header h3{margin:0;font-size:1rem;color:#1a1f36;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-view-artifacts-upload-card-body{padding:1rem 1.25rem}.content-view-artifacts-upload-info-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.content-view-artifacts-upload-info-row:last-child{margin-bottom:0}.content-view-artifacts-upload-info-row i{width:16px;color:#9ca3af}.content-view-artifacts-upload-info-row.assigned-to{background:#d1fae5;padding:.5rem .75rem;border-radius:8px;margin:.25rem 0;color:#065f46;font-weight:500}.content-view-artifacts-upload-info-row.assigned-to i{color:#10b981}.content-view-artifacts-upload-info-row.assigned-to .email{font-weight:400;font-size:.8125rem;color:#059669;opacity:.8}.content-view-artifacts-upload-info-row.not-assigned{background:#fee2e2;padding:.5rem .75rem;border-radius:8px;margin:.25rem 0;color:#991b1b;font-style:italic}.content-view-artifacts-upload-info-row.not-assigned i{color:#ef4444}.content-view-artifacts-tech-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:0 1px 3px #3b82f633}.content-view-artifacts-preview-panel{background:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d,0 2px 8px #0000000f;overflow:hidden;display:flex;flex-direction:column;height:100%}.content-view-artifacts-preview-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#f9fafb,#fff);flex-shrink:0}.content-view-artifacts-preview-title{display:flex;align-items:center;gap:1rem;flex:1}.content-view-artifacts-preview-title h2{margin:0;font-size:1.25rem;color:#1a1f36;font-weight:600}.content-view-artifacts-task-badge{background:#fef3c7;color:#92400e;padding:.375rem .875rem;border-radius:20px;font-size:.8125rem;font-weight:600;white-space:nowrap;border:1px solid #fbbf24;margin-left:auto}.content-view-artifacts-preview-tech{font-size:.875rem;color:#6b7280;display:block;margin-top:.25rem}.content-view-artifacts-upload-details-bar{display:flex;flex-wrap:wrap;gap:1.5rem;padding:.75rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.875rem;align-items:center;flex-shrink:0}.content-view-artifacts-upload-details-bar .detail-item{display:flex;align-items:center;white-space:nowrap;flex-wrap:nowrap;flex-shrink:0}.content-view-artifacts-upload-details-bar .detail-item span{white-space:nowrap;display:inline}.content-view-artifacts-upload-details-bar .detail-item strong{color:#374151;font-weight:600;margin-right:.5rem}.content-view-artifacts-preview-actions{display:flex;gap:.5rem}.content-view-artifacts-btn-download{padding:.625rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;font-weight:500;box-shadow:0 1px 3px #10b98133}.content-view-artifacts-btn-download:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 6px #10b9814d;transform:translateY(-1px)}.content-view-artifacts-btn-download:active:not(:disabled){transform:translateY(0)}.content-view-artifacts-file-preview-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#f9fafb;padding:0 1rem;flex-shrink:0}.content-view-artifacts-file-preview-tab{background:none;border:none;padding:.875rem 1.25rem;color:#6b7280;font-size:.9375rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;border-bottom:2px solid transparent;transition:all .2s;margin-bottom:-1px;font-weight:500}.content-view-artifacts-file-preview-tab:hover:not(:disabled){color:#1a1f36;background:#f3f4f6}.content-view-artifacts-file-preview-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.content-view-artifacts-file-preview-tab:disabled{opacity:.5;cursor:not-allowed}.content-view-artifacts-file-preview-tab i{font-size:1rem}.content-view-artifacts-file-preview-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.content-view-artifacts-pdf-preview-container{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.content-view-artifacts-pdf-iframe{flex:1;width:100%;border:none;background:#fff;min-height:0}.content-view-artifacts-test-file-preview-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-view-artifacts-test-files-layout{display:grid;grid-template-columns:280px 1fr;flex:1;overflow:hidden}.content-view-artifacts-test-files-sidebar{background:#f9fafb;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.content-view-artifacts-test-files-header{padding:.875rem 1rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f3f4f6,#fff)}.content-view-artifacts-test-files-header h4{margin:0;font-size:.875rem;color:#374151;display:flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-weight:600}.content-view-artifacts-test-files-header h4 i{color:#f59e0b}.content-view-artifacts-test-files-list{flex:1;overflow-y:auto;padding:.5rem}.content-view-artifacts-test-file-item{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:.25rem}.content-view-artifacts-test-file-item:hover{background:#f3f4f6}.content-view-artifacts-test-file-item.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.content-view-artifacts-test-file-item i{color:#f59e0b;font-size:.9375rem}.content-view-artifacts-test-file-item.selected i{color:#fff}.content-view-artifacts-test-file-item .file-name{flex:1;font-size:.875rem;color:#1a1f36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Courier New,monospace}.content-view-artifacts-test-file-item.selected .file-name{color:#fff}.content-view-artifacts-test-file-item .file-size{font-size:.75rem;color:#9ca3af}.content-view-artifacts-test-file-item.selected .file-size{color:#fffc}.content-view-artifacts-test-file-content-viewer{display:flex;flex-direction:column;overflow:hidden;background:#fff}.content-view-artifacts-code-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;background:linear-gradient(to right,#f9fafb,#fff);border-bottom:1px solid #e5e7eb}.content-view-artifacts-code-viewer-header .content-view-artifacts-file-path{font-family:Courier New,monospace;font-size:.875rem;color:#374151;display:flex;align-items:center;gap:.5rem;font-weight:500}.content-view-artifacts-code-viewer-header .content-view-artifacts-file-path i{color:#f59e0b}.content-view-artifacts-code-viewer-header .file-size{font-size:.75rem;color:#9ca3af}.content-view-artifacts-code-viewer-container{display:flex;flex-direction:column;flex:1;overflow:hidden;border:1px solid #e5e7eb;border-radius:10px;margin:1rem}.content-view-artifacts-code-viewer{flex:1;overflow:auto;background:#f9fafb}.content-view-artifacts-code-viewer pre{margin:0;padding:1.25rem;font-size:.875rem;line-height:1.6;font-family:Courier New,Fira Code,Monaco,monospace;white-space:pre-wrap;word-wrap:break-word;background:#f9fafb}.content-view-artifacts-code-viewer code{color:#1a1f36}.content-view-artifacts-preview-loading,.content-view-artifacts-preview-error,.content-view-artifacts-preview-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.content-view-artifacts-preview-loading i,.content-view-artifacts-preview-error i,.content-view-artifacts-preview-empty i{font-size:3rem;margin-bottom:1rem}.content-view-artifacts-preview-loading i{color:#3b82f6}.content-view-artifacts-preview-error i{color:#f59e0b}.content-view-artifacts-preview-empty i{color:#d1d5db}.content-view-artifacts-content-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;gap:1rem;padding:2rem}.content-view-artifacts-content-placeholder i{font-size:2rem;color:#d1d5db}.content-view-artifacts-preview-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;padding:3rem}.content-view-artifacts-preview-placeholder i{font-size:4rem;color:#d1d5db;margin-bottom:1.5rem}.content-view-artifacts-preview-placeholder h3{color:#1a1f36;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.content-view-artifacts-preview-placeholder p{margin:0;color:#6b7280}@media(max-width:1200px){.content-view-artifacts-layout{grid-template-columns:320px 1fr}}@media(max-width:992px){.content-view-artifacts-layout{grid-template-columns:1fr;gap:1rem}.content-view-artifacts-list-panel{max-height:300px}.content-view-artifacts-test-files-layout{grid-template-columns:1fr}.content-view-artifacts-test-files-sidebar{border-right:none;border-bottom:1px solid #e5e7eb;max-height:200px}}@media(max-width:768px){.content-view-artifacts-container,.content-view-artifacts-program-module-content{padding:1rem}.content-view-artifacts-modules-grid,.content-view-artifacts-filters-grid{grid-template-columns:1fr}.content-view-artifacts-filters{flex-direction:column;align-items:stretch}.content-view-artifacts-filter-group select{width:100%;min-width:unset}.content-view-artifacts-preview-header{flex-direction:column;align-items:flex-start;gap:.75rem}.content-view-artifacts-file-preview-tabs{overflow-x:auto}.content-view-artifacts-file-preview-tab{padding:.75rem 1rem;white-space:nowrap}}.content-review-page{min-height:100vh;background-color:#f6f8fa;padding-top:100px}.content-review-breadcrumb{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border-bottom:1px solid #d0d7de;margin-top:0;font-size:.875rem;color:#656d76}.breadcrumb-link{background:none;border:none;color:#0969da;cursor:pointer;padding:0;font-size:.875rem;text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:#0550ae;text-decoration:underline}.breadcrumb-separator{color:#656d76;margin:0 .25rem}.breadcrumb-current{color:#24292e;font-weight:500}.content-review-container{display:flex;height:calc(100vh - 148px);overflow:hidden;margin-top:0}.content-review-container.no-breadcrumb{height:calc(100vh - 100px)}.content-review-sidebar{width:250px;background:#fff;border-right:1px solid #d0d7de;display:flex;flex-direction:column;overflow-y:auto}.content-review-sidebar-header{padding:1.5rem;border-bottom:1px solid #e1e4e8;background:#f6f8fa}.content-review-sidebar-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#24292e}.content-review-nav{display:flex;flex-direction:column;padding:.5rem 0}.content-review-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border:none;background:transparent;color:#656d76;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;border-left:3px solid transparent}.content-review-nav-item:hover{color:#0969da;background:#f6f8fa}.content-review-nav-item.active{color:#0969da;background:#ddf4ff;border-left-color:#0969da;font-weight:600}.content-review-nav-item i{font-size:1rem;width:20px;text-align:center}.content-review-content{flex:1;overflow-y:auto;background:#f6f8fa}.content-review-content>*{margin-top:0}.content-review-content .dashboard-page,.content-review-content .intern-groups-page,.content-review-content .review-queue-page,.content-review-content .all-problems-page{margin-top:0!important}.content-review-content .dashboard-container,.content-review-content .intern-groups-container,.content-review-content .review-queue-container,.content-review-content .all-problems-container,.content-review-content .temporary-uploads-container{margin-top:0!important;padding-top:1rem}.content-review-content .header-brand,.content-review-content .admin-navigation,.content-review-content .temporary-uploads-page>header,.content-review-content .user-page>header,.content-review-content .group-page>header{display:none!important}.file-upload-container{width:100%}.file-upload-dropzone{border:2px dashed #ced4da;border-radius:.5rem;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#f8f9fa}.file-upload-dropzone:hover{border-color:#0d6efd;background-color:#e7f1ff}.file-upload-dropzone.dragging{border-color:#0d6efd;background-color:#cfe2ff;transform:scale(1.02)}.file-upload-dropzone.error{border-color:#dc3545;background-color:#f8d7da}.file-upload-input{display:none}.file-upload-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.file-upload-content i{font-size:3rem;color:#6c757d;margin-bottom:.5rem}.file-upload-label{font-size:1.1rem;font-weight:600;color:#212529;margin:0}.file-upload-description{font-size:.875rem;color:#6c757d;margin:0}.file-upload-progress{width:100%;max-width:300px;margin-top:1rem;position:relative;background-color:#e9ecef;border-radius:.25rem;height:1.5rem;overflow:hidden}.file-upload-progress-bar{height:100%;background-color:#0d6efd;transition:width .3s ease;border-radius:.25rem}.file-upload-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:#212529}.file-upload-error{margin-top:.75rem;padding:.75rem;background-color:#f8d7da;color:#721c24;border-radius:.375rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.file-upload-list{margin-top:1.5rem}.file-upload-list h4{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#212529}.file-upload-list ul{list-style:none;padding:0;margin:0}.file-upload-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;margin-bottom:.5rem}.file-upload-item-info{display:flex;align-items:center;gap:.75rem;flex:1}.file-upload-item-info i{color:#6c757d}.file-upload-item-name{font-weight:500;color:#212529;flex:1}.file-upload-item-size{font-size:.875rem;color:#6c757d}.file-upload-remove{background:none;border:none;color:#dc3545;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .2s}.file-upload-remove:hover{background-color:#f8d7da}.intern-problems-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);animation:fadeIn .6s ease-out}.intern-problems-page.in-iframe{min-height:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.intern-problems-container{max-width:1400px;margin:0 auto;padding:7rem 2rem 2rem;animation:slideInUp .8s ease-out}@media(max-width:768px){.intern-problems-container{padding-top:6rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.intern-problems-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.intern-problems-header h1{margin:0;font-size:2rem;font-weight:600;color:#212529;animation:fadeIn .6s ease-out}.intern-problems-loading,.intern-problems-error,.intern-problems-empty{text-align:center;padding:3rem;background-color:#fff;border-radius:.5rem;border:1px solid #dee2e6;box-shadow:0 2px 8px #00000014;animation:fadeIn .6s ease-out}.intern-problems-loading i{font-size:3rem;color:#0d6efd;margin-bottom:1rem}.intern-problems-error{background-color:#f8d7da;border-color:#f5c2c7;color:#721c24;margin-bottom:1.5rem}.intern-problems-empty{color:#6c757d}.intern-problems-empty i{font-size:3rem;margin-bottom:1rem;opacity:.5}.intern-problems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;animation:fadeIn .6s ease-out .2s both}.modal-content.large{max-width:900px;width:95%}.problem-detail-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #dee2e6}.problem-detail-section:last-child{border-bottom:none;margin-bottom:0}.problem-detail-section h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#212529}.problem-detail-info{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;align-items:center;gap:.75rem}.info-item strong{min-width:120px;color:#212529}.info-item p{margin:0;color:#6c757d}.validation-results-container{margin-top:1.5rem}.file-structure-help{margin-top:1.5rem;padding:1rem;background-color:#e7f1ff;border:1px solid #b6d4fe;border-radius:.375rem}.file-structure-help h4{margin:0 0 .75rem;color:#084298;display:flex;align-items:center;gap:.5rem}.file-structure-help pre{margin:0;padding:1rem;background-color:#fff;border:1px solid #b6d4fe;border-radius:.25rem;font-family:Courier New,monospace;font-size:.875rem;overflow-x:auto;color:#212529}.submit-requirements{margin-top:1rem;padding:1rem;background-color:#fff3cd;border:1px solid #ffc107;border-radius:.375rem;color:#856404;font-size:.875rem}.submit-requirements i{margin-right:.5rem}.submit-requirements ul{margin:.5rem 0 0 1.5rem;padding:0}.submit-requirements li{margin-bottom:.25rem}.disabled-input{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.pipeline-job-log{border:1px solid #d0d7de;border-radius:6px;margin-bottom:.75rem;overflow:hidden;transition:all .2s ease}.pipeline-job-log.success{border-color:#1a7f37;background:#f6fff8}.pipeline-job-log.failed{border-color:#d1242f;background:#fff8f8}.pipeline-job-log.running{border-color:#0969da;background:#f6f9ff}.pipeline-job-log.pending{border-color:#9a6700;background:#fffbf0}.pipeline-job-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease;text-align:left}.pipeline-job-header:hover{background:#00000005}.pipeline-job-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.pipeline-job-status-icon{font-size:1.25rem;flex-shrink:0}.spinner-icon{display:inline-block;animation:spin 1s linear infinite}.pipeline-job-details{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.pipeline-job-name{font-size:1rem;font-weight:600;color:#24292e}.pipeline-job-stage{font-size:.875rem;color:#656d76}.pipeline-job-meta{display:flex;align-items:center;gap:1rem;flex-shrink:0}.pipeline-job-duration{font-size:.875rem;color:#656d76;font-weight:500;min-width:4rem;text-align:right}.pipeline-job-expand-icon{color:#656d76;font-size:.875rem;width:1rem;text-align:center}.pipeline-job-log-content{border-top:1px solid #d0d7de;background:#0d1117}.pipeline-job-log-controls{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#161b22;border-bottom:1px solid #30363d}.pipeline-job-log-info{display:flex;align-items:center;gap:.5rem;color:#8b949e;font-size:.875rem}.pipeline-job-log-info i{font-size:.875rem}.pipeline-job-log-actions{display:flex;align-items:center;gap:1rem;font-size:.875rem}.pipeline-job-log-lines{color:#8b949e}.pipeline-job-log-truncated{color:#d29922;font-weight:500}.btn-copy-log,.btn-view-gitlab{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#21262d;color:#58a6ff;border:1px solid #30363d;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-copy-log:hover,.btn-view-gitlab:hover{background:#30363d;border-color:#58a6ff}.btn-copy-log i,.btn-view-gitlab i{font-size:.75rem}.pipeline-job-log-text{margin:0;padding:1rem;background:#0d1117;color:#c9d1d9;font-family:Monaco,Menlo,Consolas,Courier New,monospace;font-size:.8125rem;line-height:1.5;overflow-x:auto;max-height:500px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}.pipeline-job-log-text::-webkit-scrollbar{width:8px;height:8px}.pipeline-job-log-text::-webkit-scrollbar-track{background:#161b22}.pipeline-job-log-text::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.pipeline-job-log-text::-webkit-scrollbar-thumb:hover{background:#484f58}.pipeline-job-no-log{padding:3rem 1rem;text-align:center;color:#8b949e}.pipeline-job-no-log i{font-size:2rem;margin-bottom:.5rem;display:block;color:#58a6ff}.pipeline-job-no-log p{margin:0;font-size:.875rem}.pipeline-job-log-footer{padding:.75rem 1rem;background:#161b22;border-top:1px solid #30363d}.pipeline-job-log-timestamp{font-size:.75rem;color:#8b949e}@media(max-width:768px){.pipeline-job-header{padding:.875rem 1rem}.pipeline-job-meta{gap:.5rem}.pipeline-job-duration{min-width:3rem;font-size:.8125rem}.pipeline-job-log-controls{flex-direction:column;align-items:flex-start;gap:.5rem}.pipeline-job-log-actions{width:100%;justify-content:space-between}.pipeline-job-log-text{font-size:.75rem;max-height:400px}.btn-copy-log,.btn-view-gitlab{padding:.25rem .5rem;font-size:.8125rem}}.curator-pipeline-viewer{width:100%;max-width:100%;margin:0;padding:0;background:#fff;border-radius:0;height:100%;display:flex;flex-direction:column}.curator-pipeline-viewer>div>div:first-child{padding:1.75rem 2rem;border-bottom:1px solid #e1e4e8;background:linear-gradient(135deg,#fafbfc,#fff);border-radius:0;flex-shrink:0}.curator-pipeline-viewer>div>div:last-child{padding:0;flex:1;overflow-y:auto;width:100%;box-sizing:border-box}.curator-pipeline-viewer>div{display:flex;flex-direction:column;height:100%;width:100%;box-sizing:border-box}.curator-pipeline-viewer h2{margin:0;font-size:1.5rem;font-weight:700;color:#24292e;letter-spacing:-.02em;display:flex;align-items:center;gap:.75rem}.curator-pipeline-viewer h2:before{content:"";width:4px;height:1.5rem;background:linear-gradient(135deg,#0969da,#1a7f37);border-radius:2px}.btn-close-pipeline{background:#f3f4f6!important;border:1px solid #e5e7eb!important;border-radius:8px!important;width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;font-size:1rem!important;color:#6b7280!important;cursor:pointer!important;transition:all .2s ease!important}.btn-close-pipeline:hover{background:#e5e7eb!important;border-color:#d1d5db!important;color:#24292e!important;transform:scale(1.05)}.pipeline-results-container{margin-top:.75rem;padding-top:.75rem;border-top:2px solid #e1e4e8}.pipeline-results-container .pipeline-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:.75rem}.pipeline-progress-steps{display:flex;align-items:center;justify-content:center;margin-bottom:3rem;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.pipeline-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.pipeline-step-indicator{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;background:#e1e4e8;color:#656d76;transition:all .3s ease}.pipeline-step.active .pipeline-step-indicator{background:#0969da;color:#fff}.pipeline-step.completed .pipeline-step-indicator{background:#1a7f37;color:#fff}.pipeline-step-label{font-size:.875rem;font-weight:500;color:#656d76}.pipeline-step.active .pipeline-step-label{color:#0969da;font-weight:600}.pipeline-step.completed .pipeline-step-label{color:#1a7f37}.pipeline-step-connector{width:6rem;height:2px;background:#e1e4e8;margin:0 1rem}.pipeline-error{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin-bottom:2rem}.pipeline-error-content{display:flex;align-items:center;gap:.75rem;color:#856404}.pipeline-error-content i{font-size:1.25rem}.btn-dismiss-error{background:transparent;border:none;color:#856404;cursor:pointer;padding:.25rem;font-size:1rem;transition:opacity .2s ease}.btn-dismiss-error:hover{opacity:.7}.pipeline-step-content{animation:fadeIn .3s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pipeline-card{background:#fff;border:1px solid #d0d7de;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a}.pipeline-card-success{border-color:#1a7f37;background:#f6fff8}.pipeline-card-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:#24292e;margin:0 0 1.5rem}.pipeline-card-title i{font-size:1.75rem;color:#0969da}.pipeline-card-success .pipeline-card-title i{color:#1a7f37}.pipeline-upload-area{margin-bottom:2rem}.pipeline-upload-section{background:#fff;border:1px solid #e1e4e8;border-radius:10px;padding:.75rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.pipeline-upload-section:hover{box-shadow:0 2px 8px #00000014;border-color:#d0d7de}.pipeline-upload-section>label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9375rem;color:#24292e;letter-spacing:.01em}.pipeline-upload-item{margin-bottom:0}.pipeline-upload-item:last-child{margin-bottom:0}.pipeline-upload-item>label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9375rem;color:#24292e;letter-spacing:.01em}.file-drop-zone{border:2px dashed #d0d7de;border-radius:10px;padding:1rem;text-align:center;cursor:pointer;background:linear-gradient(135deg,#fafbfc,#f6f8fa);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.file-drop-zone:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0969da08,#1a7f3708);opacity:0;transition:opacity .3s ease}.file-drop-zone:hover{border-color:#0969da;background:linear-gradient(135deg,#f0f7ff,#e8f4f8);transform:translateY(-2px);box-shadow:0 4px 12px #0969da1a}.file-drop-zone:hover:before{opacity:1}.file-drop-zone.drag-active{border-color:#0969da;background:linear-gradient(135deg,#e7f3ff,#d4edda);border-style:solid;transform:scale(1.02);box-shadow:0 6px 20px #0969da26}.file-drop-zone.drag-active:before{opacity:1}.file-drop-zone i.fa-cloud-upload-alt{font-size:2rem;color:#6b7280;margin-bottom:.5rem;display:block;transition:all .3s ease}.file-drop-zone:hover i.fa-cloud-upload-alt{color:#0969da;transform:translateY(-5px) scale(1.1)}.file-drop-zone.drag-active i.fa-cloud-upload-alt{color:#0969da;transform:translateY(-5px) scale(1.15)}.file-drop-zone p{margin:.25rem 0;font-size:.875rem;color:#24292e;font-weight:500}.file-drop-zone p:last-of-type{font-size:.75rem;color:#6b7280;font-weight:400;margin:.5rem 0}.file-drop-zone label.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;border:1.5px solid #0969da;border-radius:6px;color:#0969da;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0969da1a}.file-drop-zone label.btn:hover{background:#0969da;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #0969da33}.file-drop-zone label.btn i{font-size:.875rem}.selected-files{margin-top:.5rem}.selected-files>div{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000f;border:1.5px solid}.selected-files>div:hover{transform:translate(6px);box-shadow:0 4px 12px #0000001f}.selected-files>div[style*="#e7f5e7"],.selected-files>div[style*="rgb(231, 245, 231)"]{background:linear-gradient(135deg,#e7f5e7,#d4edda)!important;border-color:#28a745!important;box-shadow:0 2px 8px #28a74526!important}.selected-files>div[style*="#e7f5e7"]:hover,.selected-files>div[style*="rgb(231, 245, 231)"]:hover{box-shadow:0 4px 16px #28a74540!important}.selected-files>div[style*="#f9f9f9"],.selected-files>div[style*="rgb(249, 249, 249)"]{background:linear-gradient(135deg,#fff,#f9fafb)!important;border-color:#d0d7de!important}.selected-files span{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:#24292e;font-weight:500;flex:1;min-width:0}.selected-files span i.fa-check-circle{font-size:1.125rem;color:#28a745;flex-shrink:0}.selected-files span i.fa-file-pdf{font-size:1.25rem;color:#d1242f;flex-shrink:0}.selected-files span i.fa-file-word{font-size:1.25rem;color:#0969da;flex-shrink:0}.selected-files span i.fa-file-archive{font-size:1.25rem;color:#656d76;flex-shrink:0}.selected-files button.btn-danger{padding:.5rem .75rem;background:#fff;border:1px solid #d1242f;border-radius:6px;color:#d1242f;font-size:.875rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.selected-files button.btn-danger:hover{background:#d1242f;color:#fff;transform:scale(1.05);box-shadow:0 2px 6px #d1242f4d}.selected-files button.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.pipeline-file-input-wrapper{margin-bottom:1rem}.pipeline-file-input{display:none}.pipeline-file-label{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#0969da;color:#fff;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.pipeline-file-label:hover{background:#0550ae}.pipeline-file-label i{font-size:1.25rem}.pipeline-selected-file{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;gap:1rem;margin-bottom:1rem}.pipeline-file-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.pipeline-file-info i{font-size:1.5rem;color:#0969da}.pipeline-file-details{display:flex;flex-direction:column;gap:.25rem;min-width:0}.pipeline-file-name{font-weight:500;color:#24292e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-file-size{font-size:.875rem;color:#656d76}.pipeline-upload-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e1e4e8}.btn-pipeline-upload{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#0969da;color:#fff;border:1px solid #0969da;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.btn-pipeline-upload:hover:not(:disabled){background:#0860ca;border-color:#0860ca;color:#fff}.btn-pipeline-upload:active:not(:disabled){background:#0757ba;border-color:#0757ba}.btn-pipeline-upload:disabled{background:#8c959f;border-color:#8c959f;color:#fff;cursor:not-allowed;opacity:.6}.btn-pipeline-upload i{font-size:1rem}.pipeline-test-actions{margin-top:.75rem;padding-top:.75rem;border-top:2px solid #e1e4e8}.btn-test-pipeline-upload{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#0969da;color:#fff;border:1px solid #0969da;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.btn-test-pipeline-upload:hover:not(:disabled){background:#0860ca;border-color:#0860ca;color:#fff}.btn-test-pipeline-upload:active:not(:disabled){background:#0757ba;border-color:#0757ba}.btn-test-pipeline-upload:disabled{background:#8c959f;border-color:#8c959f;color:#fff;cursor:not-allowed;opacity:.6}.btn-test-pipeline-upload i{font-size:1rem}.pipeline-upload-section:last-of-type{margin-bottom:0}.pipeline-upload-progress{width:100%;height:8px;background:#e1e4e8;border-radius:4px;overflow:hidden}.pipeline-upload-progress-bar{height:100%;background:#0969da;transition:width .3s ease}.pipeline-requirements{padding:1.5rem;background:#dbeafe;border:1px solid #93c5fd;border-radius:6px}.pipeline-requirements-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#1e40af;margin:0 0 1rem}.pipeline-requirements-title i{font-size:1rem}.pipeline-requirements-list{margin:0;padding-left:1.5rem;color:#1e3a8a;font-size:.875rem;line-height:1.8}.pipeline-requirements-list code{background:#bfdbfe;padding:.125rem .375rem;border-radius:3px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.875rem}.pipeline-info-note{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.875rem 1rem;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-radius:6px;color:#fff;font-size:.875rem}.pipeline-info-note i{font-size:1.25rem;color:#fde047;animation:sparkle 2s ease-in-out infinite}.pipeline-info-note strong{font-weight:600}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.1) rotate(10deg);opacity:.8}}.pipeline-upload-summary{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#f6f8fa;border-radius:6px;margin-bottom:1.5rem}.pipeline-summary-item{display:flex;justify-content:space-between;align-items:center}.pipeline-summary-label{font-size:.875rem;color:#656d76;font-weight:500}.pipeline-summary-value{font-size:.9375rem;color:#24292e;font-weight:600}.pipeline-branch-name,.pipeline-path{font-family:Monaco,Menlo,Consolas,monospace;font-size:.875rem;background:#fff;padding:.25rem .5rem;border-radius:3px;border:1px solid #d0d7de}.btn-view-gitlab-branch{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:#0969da;border:1px solid #0969da;border-radius:6px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s ease;margin-bottom:1.5rem}.btn-view-gitlab-branch:hover{background:#0969da;color:#fff}.pipeline-test-section{text-align:center;padding:2rem 0}.pipeline-test-description{font-size:1rem;color:#656d76;margin:0 0 1.5rem}.btn-test-pipeline{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#0969da;color:#fff;border:none;border-radius:6px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-test-pipeline:hover:not(:disabled){background:#0550ae;transform:translateY(-2px);box-shadow:0 4px 12px #0969da4d}.btn-test-pipeline:disabled{background:#8c959f;cursor:not-allowed}.btn-test-pipeline i{font-size:1.25rem}.pipeline-results-summary{padding:.75rem 1rem;border-radius:8px;margin-bottom:.75rem;border:2px solid}.pipeline-results-summary.success{background:#f6fff8;border-color:#1a7f37}.pipeline-results-summary.failed{background:#fff8f8;border-color:#d1242f}.pipeline-results-summary.running{background:#f6f9ff;border-color:#0969da}.pipeline-results-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.pipeline-results-summary.success .pipeline-results-title{color:#1a7f37}.pipeline-results-summary.failed .pipeline-results-title{color:#d1242f}.pipeline-results-summary.running .pipeline-results-title{color:#0969da}.pipeline-results-title i{font-size:1.5rem}.pipeline-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:.75rem}.pipeline-stat{text-align:center;padding:.5rem .75rem;background:#f6f8fa;border-radius:6px}.pipeline-stat.success{background:#d1e7dd}.pipeline-stat.failed{background:#f8d7da}.pipeline-stat.running{background:#cfe2ff}.pipeline-stat-value{font-size:1.5rem;font-weight:700;color:#24292e;margin-bottom:.125rem}.pipeline-stat.success .pipeline-stat-value{color:#1a7f37}.pipeline-stat.failed .pipeline-stat-value{color:#d1242f}.pipeline-stat.running .pipeline-stat-value{color:#0969da}.pipeline-stat-label{font-size:.75rem;color:#656d76;font-weight:500}.pipeline-polling-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:#dbeafe;border-radius:6px;color:#1e40af;font-size:.75rem;font-weight:500}.pipeline-polling-indicator i{font-size:.875rem}.pipeline-jobs-section{margin-top:.75rem}.pipeline-jobs-title{font-size:1rem;font-weight:600;color:#24292e;margin:0 0 .5rem}.pipeline-stage-section{margin-top:.25rem;margin-bottom:.75rem}.pipeline-stage-section:first-child{margin-top:0}.pipeline-stage-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#24292e;margin:0 0 .5rem;padding:.5rem .75rem;background:#f6f8fa;border-radius:6px}.pipeline-stage-title i{color:#0969da}.pipeline-stage-jobs{padding-left:.5rem}.pipeline-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid #e1e4e8}.btn-pipeline-refresh,.btn-pipeline-submit,.btn-pipeline-retry{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-pipeline-refresh{background:#fff;color:#24292e;border-color:#d0d7de}.btn-pipeline-refresh:hover:not(:disabled){background:#f6f8fa;border-color:#8c959f}.btn-pipeline-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-pipeline-submit{background:#1a7f37;color:#fff;border-color:#1a7f37}.btn-pipeline-submit:hover{background:#137030;border-color:#137030}.btn-pipeline-retry{background:#d1242f;color:#fff;border-color:#d1242f}.btn-pipeline-retry:hover{background:#a80000;border-color:#a80000}.pipeline-loading{text-align:center;padding:4rem 2rem}.pipeline-loading i{font-size:3rem;color:#0969da;margin-bottom:1rem}.pipeline-loading p{font-size:1.125rem;color:#656d76;margin:0}@media(max-width:768px){.curator-pipeline-viewer{padding:1rem .5rem}.pipeline-progress-steps{padding:1rem;gap:.5rem}.pipeline-step-indicator{width:2.5rem;height:2.5rem;font-size:1rem}.pipeline-step-label{font-size:.75rem}.pipeline-step-connector{width:3rem;margin:0 .5rem}.pipeline-card{padding:1.5rem 1rem}.pipeline-card-title{font-size:1.25rem}.pipeline-selected-file{flex-direction:column;align-items:stretch}.btn-pipeline-upload{width:100%;justify-content:center}.pipeline-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.pipeline-stat-value{font-size:1.5rem}.pipeline-actions{flex-direction:column}.btn-pipeline-refresh,.btn-pipeline-submit,.btn-pipeline-retry{width:100%;justify-content:center}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.job-status-live{position:relative}.job-status-live:after{content:"";position:absolute;top:50%;right:-8px;transform:translateY(-50%);width:6px;height:6px;background:#28a745;border-radius:50%;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.prompt-templates-view{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.prompt-templates-loading,.prompt-templates-error,.prompt-templates-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:#656d76;height:100%;flex:1}.prompt-templates-loading i,.prompt-templates-error i,.prompt-templates-empty i{font-size:2rem;margin-bottom:.75rem;color:#656d76;opacity:.5}.prompt-templates-loading i{color:#0969da}.prompt-templates-error i{color:#d1242f}.prompt-templates-loading p,.prompt-templates-error p,.prompt-templates-empty p{margin:0;font-size:.875rem}.prompt-templates-error p{color:#d1242f}.templates-list{display:flex;flex-direction:column;gap:1rem;height:100%;overflow-y:auto;padding-right:.25rem}.template-card{border:1px solid #d0d7de;border-radius:8px;background:#fff;padding:1rem;transition:all .2s ease;display:flex;flex-direction:column;min-height:0}.templates-list .template-card:only-child{flex:1;min-height:0}.template-card:hover{border-color:#0969da;box-shadow:0 2px 8px #0969da1a}.template-content{padding:0;display:flex;flex-direction:column;flex:1;min-height:0}.template-content-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:.75rem;flex-shrink:0}.btn-copy{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#0969da;color:#fff;border:1px solid #0969da;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-copy:hover{background:#0550ae;border-color:#0550ae}.btn-copy:active{transform:translateY(1px)}.prompt-content{background:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.8125rem;line-height:1.6;color:#24292e;white-space:pre-wrap;word-wrap:break-word;overflow-x:auto;overflow-y:auto;flex:1;min-height:200px;max-height:none}.templates-list::-webkit-scrollbar{width:6px}.templates-list::-webkit-scrollbar-track{background:#f1f5f9}.templates-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.templates-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.prompt-content::-webkit-scrollbar{width:6px}.prompt-content::-webkit-scrollbar-track{background:#e1e4e8}.prompt-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.prompt-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.btn-copy{width:100%;justify-content:center}.prompt-content{font-size:.75rem;min-height:150px}}.curator-home-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding-top:90px;width:100%;margin:0;padding-left:0;padding-right:0}.curator-home-container{padding:1rem 1.5rem;max-width:1400px;margin:0 auto;padding-top:100px}.curator-home-page-header{margin-bottom:2.5rem}.curator-home-page-header h1{font-size:2.25rem;font-weight:700;color:#1a1f36;margin:0 0 .5rem;letter-spacing:-.02em}.curator-home-page-subtitle{font-size:1rem;color:#6b7280;margin:0;font-weight:400}.curator-home-form-card,.curator-home-groups-table-section{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d,0 2px 8px #0000000f;margin-bottom:1.25rem;overflow:hidden;transition:box-shadow .2s ease}.curator-home-form-card:hover,.curator-home-groups-table-section:hover{box-shadow:0 1px 3px #0000000d,0 4px 12px #0000001a}.curator-home-card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.curator-home-card-header h2{font-size:1.25rem;font-weight:600;color:#1a1f36;margin:0;display:flex;align-items:center;gap:.5rem}.curator-home-card-header h2 i{color:#3b82f6;font-size:1.125rem}.curator-home-count{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.375rem .875rem;border-radius:20px;font-weight:500}.curator-home-form{padding:1.25rem 1.5rem}@keyframes curator-home-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes curator-home-slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.curator-home-modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:curator-home-fadeIn .2s ease}.curator-home-modal-content{background-color:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:curator-home-slideUp .3s ease}@keyframes curator-home-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.curator-home-modal-content.large{max-width:1200px;width:90vw}.curator-home-modal-content.fullscreen{max-width:95vw;width:95vw;max-height:95vh;height:95vh;display:flex;flex-direction:column;overflow:hidden}.curator-home-modal-content.fullscreen .curator-home-modal-body{flex:1;overflow-y:auto;padding:2rem}.curator-home-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff)}.curator-home-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1a1f36}.curator-home-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.curator-home-modal-close:hover{background-color:#f3f4f6;color:#1a1f36}.curator-home-modal-content .curator-home-form{padding:2rem;box-shadow:none;border:none}.curator-home-modal-content .curator-home-form-grid{grid-template-columns:1fr}.curator-home-modal-content .curator-home-form-group-full{grid-column:1}.curator-home-modal-content .curator-home-form-actions{flex-direction:row;justify-content:flex-end}.curator-home-modal-body{padding:1.5rem}.curator-home-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #dee2e6}.curator-home-form-group{margin-bottom:1.5rem}.curator-home-form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#212529}.curator-home-form-group input,.curator-home-form-group select,.curator-home-form-group textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:.375rem;font-size:1rem;transition:border-color .2s}.curator-home-form-group input:focus,.curator-home-form-group select:focus,.curator-home-form-group textarea:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd40}.curator-home-text-muted{color:#6c757d;font-style:italic}.curator-home-btn{padding:.5rem 1rem;border:1px solid #ced4da;border-radius:.375rem;background-color:#fff;color:#212529;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.curator-home-btn:hover:not(:disabled){background-color:#f8f9fa}.curator-home-btn:disabled{opacity:.5;cursor:not-allowed}.curator-home-btn-primary{background-color:#0d6efd;border-color:#0d6efd;color:#fff;transition:all .3s ease;box-shadow:0 2px 4px #0d6efd33}.curator-home-btn-primary:hover:not(:disabled){background-color:#0b5ed7;border-color:#0a58ca;transform:translateY(-2px);box-shadow:0 4px 8px #0d6efd4d}.curator-home-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0d6efd33}.curator-home-btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff;transition:all .3s ease;box-shadow:0 2px 4px #6c757d33}.curator-home-btn-secondary:hover:not(:disabled){background-color:#5a6268;border-color:#545b62;transform:translateY(-1px);box-shadow:0 4px 8px #6c757d4d}.curator-home-btn-secondary:active:not(:disabled){transform:translateY(0)}.curator-home-btn.danger,.curator-home-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff;box-shadow:0 2px 4px #ef444433}.curator-home-btn.danger:hover:not(:disabled),.curator-home-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#b91c1c;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.curator-home-btn.danger:active:not(:disabled),.curator-home-btn-danger:active:not(:disabled){transform:translateY(0)}.curator-home-form-hint{display:block;margin-top:.5rem;color:#6c757d;font-size:.875rem}.curator-home-required{color:#ef4444;font-weight:600}.curator-home-form .curator-home-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.curator-home-form .curator-home-form-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.curator-home-form .curator-home-form-group-full{grid-column:1 / -1}.curator-home-form .curator-home-form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem;letter-spacing:.01em}.curator-home-form .curator-home-form-group input,.curator-home-form .curator-home-form-group select,.curator-home-form .curator-home-form-group textarea{width:100%;padding:.875rem 1rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.9375rem;transition:all .2s ease;box-sizing:border-box;font-family:inherit;background:#fff;color:#1a1f36}.curator-home-form .curator-home-form-group textarea{resize:vertical;min-height:100px}.curator-home-form .curator-home-form-group input:hover,.curator-home-form .curator-home-form-group select:hover,.curator-home-form .curator-home-form-group textarea:hover{border-color:#d1d5db}.curator-home-form .curator-home-form-group input:focus,.curator-home-form .curator-home-form-group select:focus,.curator-home-form .curator-home-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.curator-home-form .curator-home-form-group input::placeholder,.curator-home-form .curator-home-form-group textarea::placeholder{color:#9ca3af}.curator-home-form .curator-home-form-group select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.curator-home-form .curator-home-form-actions{margin-top:2rem;display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.curator-home-form .curator-home-btn{padding:.875rem 1.75rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.01em}.curator-home-form .curator-home-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f633}.curator-home-form .curator-home-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.curator-home-form .curator-home-btn-primary:active:not(:disabled){transform:translateY(0)}.curator-home-form .curator-home-btn-primary:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.curator-home-groups-table-section{padding:0}.curator-home-table-container{overflow-x:auto;padding:0 2rem 2rem}.curator-home-data-table{width:100%;border-collapse:separate;border-spacing:0}.curator-home-data-table thead{background:linear-gradient(to right,#f9fafb,#f3f4f6)}.curator-home-data-table th{padding:1rem;text-align:center;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.curator-home-data-table th.curator-home-actions-column{text-align:center}.curator-home-data-table td{padding:1.25rem 1rem;border-bottom:1px solid #f3f4f6;font-size:.9375rem;color:#1a1f36;vertical-align:middle;text-align:center}.curator-home-data-table tbody tr{transition:all .2s ease}.curator-home-data-table tbody tr:hover{background-color:#f9fafb;transform:scale(1.01)}.curator-home-data-table tbody tr:last-child td{border-bottom:none}.curator-home-loading-state,.curator-home-empty-state{text-align:center;padding:4rem 2rem;color:#6b7280}.curator-home-loading-state i,.curator-home-empty-state i{font-size:3rem;margin-bottom:1rem;color:#3b82f6;opacity:.7}.curator-home-loading-state p,.curator-home-empty-state p{font-size:1rem;margin:.5rem 0;color:#6b7280}.curator-home-empty-state-subtitle{font-size:.875rem!important;color:#9ca3af!important}.curator-home-btn-edit{padding:.625rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 1px 3px #3b82f633}.curator-home-btn-edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 6px #3b82f64d;transform:translateY(-1px)}.curator-home-btn-edit:active{transform:translateY(0)}.curator-home-btn-delete{padding:.625rem .875rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #ef444433;min-width:36px}.curator-home-btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 6px #ef44444d;transform:translateY(-1px)}.curator-home-btn-delete:active{transform:translateY(0)}.curator-home-content{width:100%;margin:0;padding:.5rem 1rem 1rem;height:calc(100vh - 90px);overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;max-width:100%}.curator-home-main-grid{display:grid;grid-template-columns:35% 65%;gap:1rem;height:100%;overflow:hidden;width:100%}.curator-home-prompt-libraries-section{background:#fff;border:1px solid #d0d7de;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column;height:100%;min-width:0}.curator-home-prompt-libraries-header{padding:0;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#fff);flex-shrink:0}.curator-home-tabs-container{display:flex;gap:0;border-bottom:1px solid #e5e7eb}.curator-home-tab{flex:1;padding:1rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:.9375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.curator-home-tab:hover{color:#1a1f36;background:#3b82f60d}.curator-home-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#3b82f614;font-weight:600}.curator-home-tab i{font-size:1rem}.curator-home-prompt-libraries-title{font-size:1.25rem;font-weight:600;color:#1a1f36;margin:0;display:flex;align-items:center;gap:.5rem}.curator-home-prompt-libraries-title i{color:#3b82f6;font-size:1.125rem}.curator-home-instructions-container{flex:1;display:flex;flex-direction:column;padding:1.5rem;min-height:0;overflow-y:auto}.curator-home-instructions-content{max-width:100%}.curator-home-instructions-title{font-size:1.5rem;font-weight:600;color:#1a1f36;margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.curator-home-instructions-title i{color:#3b82f6;font-size:1.375rem}.curator-home-instructions-steps{margin-top:1rem}.curator-home-instructions-list{margin:0;padding-left:1.5rem;color:#374151;line-height:1.8}.curator-home-instructions-list li{margin-bottom:1.25rem;font-size:.9375rem}.curator-home-instructions-list li strong{color:#1a1f36;font-weight:600}.curator-home-instructions-sublist{margin:.75rem 0 .5rem 1.5rem;padding-left:1rem;list-style-type:disc}.curator-home-instructions-sublist li{margin-bottom:.5rem;font-size:.875rem;color:#6b7280}.curator-home-prompt-content-area.curator-home-full-width{width:100%}.curator-home-prompt-libraries-layout{display:flex;flex:1;min-height:0;overflow:hidden;position:relative}.curator-home-technologies-sidebar{width:160px;min-width:160px;background:#f9fafb;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.curator-home-sidebar-header{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.curator-home-sidebar-header h2{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0}.curator-home-technologies-menu{display:flex;flex-direction:column;padding:.5rem;gap:.375rem;flex:1;overflow-y:auto}.curator-home-technology-menu-item{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-size:.875rem;font-weight:500;color:#374151;position:relative}.curator-home-technology-menu-item:hover{background:#f3f4f6;border-color:#3b82f6;transform:translate(2px);box-shadow:0 2px 4px #3b82f61a}.curator-home-technology-menu-item.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff;box-shadow:0 4px 8px #3b82f633}.curator-home-technology-menu-item.active:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translate(2px)}.curator-home-technology-menu-icon{font-size:1.25rem;width:24px;display:flex;align-items:center;justify-content:center;color:#6b7280}.curator-home-technology-menu-item.active .curator-home-technology-menu-icon{color:#fff}.curator-home-technology-menu-name{flex:1;font-weight:500}.curator-home-menu-check{font-size:.875rem;color:#fff;opacity:.9}.curator-home-prompt-content-area{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden;min-width:0}.curator-home-prompt-content-container{display:flex;flex-direction:column;height:100%;overflow:hidden;animation:curator-home-fadeIn .3s ease-in-out}.curator-home-prompt-content-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff);flex-shrink:0}.curator-home-prompt-content-header h2{font-size:1rem;font-weight:600;color:#1a1f36;margin:0;display:flex;align-items:center;gap:.5rem}.curator-home-close-content-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#6b7280}.curator-home-close-content-btn:hover{background:#e5e7eb;color:#1a1f36;border-color:#d1d5db}.curator-home-prompt-content-body{flex:1;overflow-y:auto;padding:1rem;background:#fff;min-height:0;height:100%;display:flex;flex-direction:column;scroll-behavior:smooth}.curator-home-prompt-content-body>*{flex:1;min-height:0;display:flex;flex-direction:column}.curator-home-prompt-content-body::-webkit-scrollbar,.curator-home-technologies-sidebar::-webkit-scrollbar,.curator-home-tasks-list::-webkit-scrollbar{width:6px}.curator-home-prompt-content-body::-webkit-scrollbar-track,.curator-home-technologies-sidebar::-webkit-scrollbar-track,.curator-home-tasks-list::-webkit-scrollbar-track{background:#f1f5f9}.curator-home-prompt-content-body::-webkit-scrollbar-thumb,.curator-home-technologies-sidebar::-webkit-scrollbar-thumb,.curator-home-tasks-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.curator-home-prompt-content-body::-webkit-scrollbar-thumb:hover,.curator-home-technologies-sidebar::-webkit-scrollbar-thumb:hover,.curator-home-tasks-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.curator-home-prompt-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem 1rem;text-align:center;color:#6b7280;animation:curator-home-fadeIn .3s ease-in-out}.curator-home-empty-state-icon{font-size:2.5rem;color:#d1d5db;margin-bottom:1rem;opacity:.5}.curator-home-prompt-empty-state h3{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 .5rem}.curator-home-prompt-empty-state p{font-size:.875rem;color:#6b7280;margin:0;max-width:300px}@media(max-width:1200px){.curator-home-main-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:1rem}.curator-home-prompt-libraries-section,.curator-home-tasks-container{min-height:0;max-height:100%}.curator-home-technologies-sidebar{width:100%;min-width:100%;max-height:200px;border-right:none;border-bottom:1px solid #e5e7eb}.curator-home-technologies-menu{flex-direction:row;overflow-x:auto;padding:.5rem}.curator-home-technology-menu-item{min-width:120px;flex-shrink:0}}@media(max-width:768px){.curator-home-prompt-libraries-header{padding:1.5rem 1.5rem 1rem}.curator-home-prompt-libraries-title{font-size:1.5rem}.curator-home-prompt-libraries-subtitle{font-size:.875rem}.curator-home-prompt-content-header{padding:1rem 1.5rem}.curator-home-prompt-content-header h2{font-size:1.25rem}.curator-home-prompt-content-body{padding:1.5rem}.curator-home-technologies-menu{gap:.375rem}.curator-home-technology-menu-item{padding:.75rem .875rem;font-size:.875rem}.curator-home-technology-menu-icon{font-size:1rem;width:20px}}.curator-home-tasks-container{background:#fff;border:1px solid #d0d7de;border-radius:12px;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;min-width:0}.curator-home-tasks-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0;gap:1rem}.curator-home-tasks-heading{font-size:1.25rem;font-weight:600;color:#24292e;margin:0;display:flex;align-items:center;gap:.75rem}.curator-home-tasks-heading i{color:#0969da;font-size:1.25rem}.curator-home-tasks-loading,.curator-home-tasks-empty{text-align:center;padding:2rem 1rem;color:#586069;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.curator-home-tasks-loading i,.curator-home-tasks-empty i{font-size:2rem;margin-bottom:.75rem;color:#0969da;opacity:.5}.curator-home-tasks-list{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;min-height:0;padding-right:.25rem;padding-top:.5rem;margin-top:.5rem}.curator-home-task-item{padding:1rem;border:1px solid #e1e4e8;border-radius:8px;background:#f6f8fa;transition:all .2s ease;flex-shrink:0}.curator-home-task-item:hover{background:#fff;box-shadow:0 2px 8px #00000014;border-color:#0969da;transform:translateY(-1px)}.curator-home-task-name{font-size:1rem;font-weight:600;color:#24292e;margin-bottom:.375rem}.curator-home-task-description{font-size:.8125rem;color:#656d76;line-height:1.4;margin-bottom:.5rem}.curator-home-task-meta-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.curator-home-task-difficulty{font-size:.75rem;padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:12px;font-weight:500}.curator-home-task-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.curator-home-btn-view-task-file,.curator-home-btn-upload-files{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff}.curator-home-btn-view-task-file{color:#0969da;border-color:#0969da}.curator-home-btn-upload-files{color:#0969da;border-color:#0969da}.curator-home-btn-upload-files:hover:not(.curator-home-disabled){background:#0969da;color:#fff;border-color:#0969da}.curator-home-btn-upload-files.curator-home-disabled{color:#8c959f;border-color:#d0d7de;background-color:#f6f8fa;cursor:not-allowed;opacity:.6}.curator-home-btn-submit-review{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.375rem;border:1px solid;margin-left:auto}.curator-home-btn-submit-review.curator-home-enabled{background:#28a745;color:#fff;border-color:#28a745}.curator-home-btn-submit-review.curator-home-enabled:hover{background:#218838;border-color:#1e7e34}.curator-home-btn-submit-review.curator-home-disabled{background:#8c959f;color:#fff;border-color:#8c959f;cursor:not-allowed;opacity:.6}.curator-home-submit-warning{color:#d1242f;font-size:.75rem;margin:.375rem 0 0;display:flex;align-items:center;gap:.25rem}.curator-home-task-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.curator-home-tasks-summary-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:#f6f8fa;border-radius:8px;border:1px solid #e1e4e8;transition:all .2s ease;flex-shrink:0}.curator-home-tasks-summary-badges:hover{border-color:#d0d7de;box-shadow:0 1px 3px #0000000d}.curator-home-summary-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;transition:transform .2s ease}.curator-home-summary-badge:hover{transform:translateY(-1px)}.curator-home-summary-badge-icon{font-size:1rem}.curator-home-summary-badge-text{color:inherit}.curator-home-summary-badge-count{background:#ffffff4d;padding:.125rem .5rem;border-radius:10px;font-weight:600;min-width:1.5rem;text-align:center}.curator-home-summary-badge-orange{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#9a3412;border:1px solid #fb923c}.curator-home-summary-badge-green{background:linear-gradient(135deg,#bbf7d0,#86efac);color:#15803d;border:1px solid #22c55e}.curator-home-summary-badge-blue{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e40af;border:1px solid #3b82f6}.curator-home-summary-badge-gray{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563;border:1px solid #9ca3af}.curator-home-revision-alert{display:flex;flex-direction:column;padding:.75rem;background-color:#fff4e5;border:2px solid #ff8c00;border-radius:6px;margin-bottom:.75rem;box-shadow:0 2px 4px #ff8c001a}.curator-home-revision-alert-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.curator-home-revision-alert-icon{font-size:1.5rem;flex-shrink:0}.curator-home-revision-alert-title-row{display:flex;align-items:center;gap:.75rem;flex:1}.curator-home-revision-alert-content{padding-left:2.25rem}.curator-home-revision-alert-title{font-weight:600;color:#9a3412;font-size:1rem}.curator-home-revision-alert-feedback{background:#ffffff80;padding:.75rem;border-radius:6px;margin-bottom:.75rem}.curator-home-revision-alert-feedback strong{display:block;color:#9a3412;margin-bottom:.5rem;font-size:.875rem}.curator-home-revision-alert-message{color:#854d0e;font-size:.9rem;line-height:1.6;white-space:pre-wrap;margin:0;padding:.5rem;background:#fff;border-radius:4px;border-left:3px solid #ff8c00}.curator-home-revision-alert-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8rem;color:#854d0e}.curator-home-revision-alert-date,.curator-home-revision-alert-reviewer{display:flex;align-items:center;gap:.375rem}.curator-home-revision-alert-date i,.curator-home-revision-alert-reviewer i{font-size:.75rem;opacity:.8}.curator-home-revision-alert-badge{display:inline-block;padding:.25rem .75rem;background-color:#fed7aa;color:#9a3412;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.curator-home-rejection-alert{background-color:#fef2f2;border-color:#dc2626;box-shadow:0 2px 4px #dc26261a}.curator-home-rejection-alert .curator-home-revision-alert-title{color:#991b1b}.curator-home-rejection-alert .curator-home-revision-alert-feedback{background:#fff9}.curator-home-rejection-alert .curator-home-revision-alert-feedback strong{color:#991b1b}.curator-home-rejection-alert .curator-home-revision-alert-message{color:#7f1d1d;border-left-color:#dc2626}.curator-home-rejection-alert .curator-home-revision-alert-meta{color:#991b1b}.curator-home-rejection-badge{background-color:#fecaca;color:#991b1b}.curator-home-approval-alert{background-color:#f0fdf4;border-color:#86efac;box-shadow:0 2px 4px #22c55e1a}.curator-home-approval-alert .curator-home-revision-alert-title{color:#15803d}.curator-home-approval-alert .curator-home-revision-alert-feedback{background:#ffffffb3;border:1px solid rgba(34,197,94,.2)}.curator-home-approval-alert .curator-home-revision-alert-feedback strong{color:#15803d}.curator-home-approval-alert .curator-home-revision-alert-message{color:#166534;border-left-color:#86efac}.curator-home-approval-alert .curator-home-revision-alert-meta{color:#166534;border-top-color:#22c55e33}.curator-home-approval-badge{background-color:#bbf7d0;color:#15803d}.curator-home-status-badge{margin:0}.curator-home-status-badge-blue{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#dbeafe;color:#1e40af;border-radius:6px;font-size:.875rem;font-weight:500}.curator-home-status-badge-green{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#d1fae5;color:#15803d;border-radius:6px;font-size:.875rem;font-weight:500}.curator-home-status-icon,.curator-home-status-text{font-size:.875rem}.curator-home-btn-view-task-file{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid #0969da;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff;color:#0969da}.curator-home-btn-view-task-file:hover{background:#0969da;color:#fff;border-color:#0969da}.curator-home-disabled{opacity:.6;cursor:not-allowed}.curator-home-enabled{cursor:pointer}.curator-home-upload-container{margin-top:1rem;padding-top:1rem;border-top:1px solid #e1e4e8}.curator-home-upload-dropzone{border:2px dashed #d0d7de;border-radius:8px;padding:2rem;text-align:center;background:#f6f8fa;transition:all .2s ease;cursor:pointer}.curator-home-upload-dropzone:hover,.curator-home-upload-dropzone.curator-home-dragging{border-color:#0969da;background:#e7f3ff}.curator-home-upload-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.curator-home-upload-dropzone-content i{font-size:2.5rem;color:#0969da;margin-bottom:.5rem}.curator-home-upload-text{font-size:.875rem;color:#24292e;margin:0}.curator-home-upload-browse-link{color:#0969da;cursor:pointer;text-decoration:underline;font-weight:500}.curator-home-upload-browse-link:hover{color:#0550ae}.curator-home-upload-hint{font-size:.75rem;color:#656d76;margin:0}.curator-home-uploaded-files-list{margin-top:1rem;padding:1rem;background:#fff;border:1px solid #d0d7de;border-radius:6px}.curator-home-uploaded-files-title{font-size:.875rem;font-weight:600;color:#24292e;margin:0 0 .75rem}.curator-home-files-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.5rem}.curator-home-file-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:#f6f8fa;border-radius:4px;border:1px solid #e1e4e8}.curator-home-file-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.curator-home-file-info i{color:#656d76;font-size:.875rem}.curator-home-file-name{font-size:.875rem;color:#24292e;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.curator-home-file-size{font-size:.75rem;color:#656d76;margin-left:auto}.curator-home-btn-remove-file{background:transparent;border:none;color:#d1242f;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.curator-home-btn-remove-file:hover{background:#ffeef0}.curator-home-btn-remove-file i{font-size:.875rem}.curator-home-upload-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.75rem;border-top:1px solid #e1e4e8}.curator-home-btn-upload-submit,.curator-home-btn-upload-cancel{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;border:1px solid}.curator-home-btn-upload-submit{background:#1a7f37;color:#fff;border-color:#1a7f37}.curator-home-btn-upload-submit:hover{background:#137030;border-color:#137030}.curator-home-btn-upload-cancel{background:#fff;color:#24292e;border-color:#d0d7de}.curator-home-btn-upload-cancel:hover{background:#f6f8fa;border-color:#8c959f}.curator-home-btn-upload-submit i{font-size:.875rem}.curator-home-task-view-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.curator-home-task-view-breadcrumb{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(to right,#f9fafb,#fff);flex-shrink:0}.curator-home-breadcrumb-back{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:.375rem .75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.875rem;font-weight:500}.curator-home-breadcrumb-back:hover{background:#e5e7eb;color:#1a1f36;border-color:#d1d5db}.curator-home-breadcrumb-separator{color:#9ca3af;font-size:.875rem}.curator-home-breadcrumb-task{color:#1a1f36;font-size:.875rem;font-weight:500}.curator-home-task-view-actions{display:flex;gap:.5rem;padding:1rem;border-bottom:1px solid #e5e7eb;background:#fff;flex-wrap:wrap;flex-shrink:0}.curator-home-task-view-content{flex:1;overflow:hidden;padding:0;min-height:0;display:flex;flex-direction:column}.curator-home-task-view-content iframe{flex:1;width:100%;border:none;min-height:600px}.curator-home-btn-view-task{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid #0969da;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff;color:#0969da}.curator-home-btn-view-task:hover,.curator-home-btn-view-task-file.active,.curator-home-btn-upload-files.active{background:#0969da;color:#fff;border-color:#0969da}.view-task-files-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f6f8fa;min-height:100vh;padding-top:80px}.view-task-files-page.embedded{padding-top:0;min-height:auto;background-color:transparent}.view-task-files-container{max-width:1200px;margin:0 auto;padding:2rem}.view-task-files-container.embedded{padding:0;margin:0;max-width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.view-task-files-header-container{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:0}.view-task-files-header-tab{background:#24292e;color:#fff;padding:.75rem 1.5rem;border-radius:6px 6px 0 0;font-size:.9375rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.view-task-files-header-tab i{font-size:1rem}.view-task-files-task-name{background:#f6f8fa;color:#24292e;padding:.75rem 1.5rem;border-radius:6px;font-size:.9375rem;font-weight:500;border:1px solid #d0d7de}.view-task-files-loading,.view-task-files-error{background:#fff;border:1px solid #d0d7de;border-radius:8px;padding:3rem;text-align:center;box-shadow:0 1px 3px #0000001a}.view-task-files-loading i,.view-task-files-error i{font-size:2.5rem;color:#0969da;margin-bottom:1rem}.view-task-files-loading p,.view-task-files-error p{color:#656d76;font-size:1rem;margin-bottom:1.5rem}.view-task-files-error i{color:#d32f2f}.pdf-viewer-section{background:#fff;border:1px solid #d0d7de;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.view-task-files-container.embedded .pdf-viewer-section{border-radius:0;border-left:none;border-right:none;margin-bottom:0;margin-top:0;padding:1rem;box-shadow:none;flex-shrink:0}.view-task-files-container.embedded .pdf-viewer-section:first-child{padding-top:0}.view-task-files-container.embedded .pdf-viewer-section.embedded{margin-top:0;margin-bottom:0;padding-bottom:1rem}.view-task-files-container.embedded .pdf-viewer-section:last-child{margin-bottom:0;padding-bottom:1rem;border-bottom:none}.view-task-files-container.embedded,.view-task-files-page.embedded{padding-bottom:0}.view-task-files-container.embedded .pdf-iframe-container-compact{max-height:500px;overflow:hidden}.view-task-files-container.embedded .pdf-iframe-wrapper,.view-task-files-container.embedded iframe{max-height:500px}.pdf-viewer-compact{border:1px solid #e1e4e8;border-radius:6px;overflow:hidden;background:#f6f8fa}.pdf-zoom-controls{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border-bottom:1px solid #e1e4e8}.zoom-btn{padding:.25rem .5rem;background:#f6f8fa;border:1px solid #e1e4e8;border-radius:4px;cursor:pointer;font-size:.75rem;color:#586069;transition:background .2s}.zoom-btn:hover{background:#e1e4e8}.zoom-level{font-size:.75rem;color:#586069;min-width:45px;text-align:center}.pdf-iframe-container-compact{overflow:auto;max-height:500px;padding:1rem;background:#f6f8fa}.pdf-iframe-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start}.pdf-iframe-wrapper iframe,.pdf-iframe-wrapper embed,.pdf-iframe-wrapper object{border:none;border-radius:6px;box-shadow:0 2px 8px #0000001a}.pdf-loading-overlay,.pdf-error-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f6f8fa;padding:3rem;min-height:400px;gap:1rem;border-radius:6px}.pdf-loading-overlay i{font-size:2.5rem;color:#0969da}.pdf-loading-overlay p,.pdf-error-overlay p{color:#656d76;font-size:.9375rem}.pdf-error-overlay i{font-size:2.5rem;color:#d32f2f}.pdf-error-overlay .btn{margin-top:.5rem}.pdf-download-section{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem;background:#f6f8fa;border-radius:6px;border:1px solid #e1e4e8;flex-wrap:wrap}.download-actions{display:flex;gap:.75rem;align-items:center}.download-info{display:flex;align-items:center;gap:1rem}.download-info i{font-size:2.5rem;color:#d32f2f}.download-text{display:flex;flex-direction:column;gap:.25rem}.download-title{font-weight:600;color:#24292e;font-size:1rem}.download-subtitle{font-size:.875rem;color:#656d76}.btn-download-pdf,.btn-open-pdf{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#0969da;color:#fff;border:1px solid #0969da;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-download-pdf:hover,.btn-open-pdf:hover{background:#0550ae;border-color:#0550ae}.btn-download-pdf:active,.btn-open-pdf:active{transform:translateY(1px)}.btn-download-pdf i,.btn-open-pdf i{font-size:1rem}.btn-open-pdf{background:#fff;color:#0969da;border-color:#0969da}.btn-open-pdf:hover{background:#f6f8fa}.no-pdf-message{background:#fff;border:1px solid #d0d7de;border-radius:8px;padding:3rem;text-align:center;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.no-pdf-message i{font-size:3rem;color:#d0d7de;margin-bottom:1rem}.no-pdf-message p{color:#656d76;font-size:1rem}.test-files-section{background:#fff;border:1px solid #d0d7de;border-radius:8px;padding:1.5rem 2rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.test-files-heading{font-size:1.25rem;font-weight:600;color:#24292e;display:flex;align-items:center;gap:.75rem;margin:0 0 1.25rem}.test-files-heading i{color:#0969da;font-size:1.5rem}.test-files-list{display:flex;flex-direction:column;gap:.75rem}.test-file-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#f6f8fa;border:1px solid #e1e4e8;border-radius:6px;text-decoration:none;color:#24292e;transition:all .2s ease}.test-file-link:hover{background:#f0f7ff;border-color:#0969da;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.test-file-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#e7f3ff;border-radius:6px;color:#0969da;font-size:1.25rem}.test-file-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.test-file-name{font-weight:500;color:#24292e;font-size:.9375rem}.test-file-size{font-size:.8125rem;color:#656d76}.test-file-external-icon{color:#0969da;font-size:.875rem}.test-file-download-icon{color:#0969da;font-size:1rem;opacity:.7;transition:opacity .2s ease}.test-file-link:hover .test-file-download-icon{opacity:1}.test-file-type{font-size:.75rem;color:#8b949e;font-family:monospace}.no-test-files-message{background:#f6f8fa;border:1px dashed #d0d7de;border-radius:8px;padding:2rem;text-align:center;margin-top:1.5rem}.no-test-files-message i{font-size:2.5rem;color:#8b949e;margin-bottom:1rem}.no-test-files-message p{color:#656d76;font-size:1rem;margin:0}.no-test-files-hint{font-size:.875rem!important;color:#8b949e!important;margin-top:.5rem!important}.pdf-error-hint{font-size:.875rem;color:#8b949e;margin-top:.5rem}.pdf-error-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:#fff5f5;border:1px solid #fed7d7;border-radius:6px}.pdf-error-overlay i{font-size:2.5rem;color:#d32f2f;margin-bottom:1rem}.pdf-error-overlay p{color:#656d76;font-size:1rem;margin:0;text-align:center}.no-pdf-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:#f6f8fa;border:1px dashed #d0d7de;border-radius:6px}.no-pdf-message i{font-size:2.5rem;color:#8b949e;margin-bottom:1rem}.no-pdf-message p{color:#656d76;font-size:1rem;margin:0}.pdf-loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:#f6f8fa;border-radius:6px}.pdf-loading-overlay i{font-size:2.5rem;color:#0969da;margin-bottom:1rem}.pdf-loading-overlay p{color:#656d76;font-size:1rem;margin:0}.back-button-section{display:flex;justify-content:flex-start;margin-top:1.5rem}.back-button-section .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid #d0d7de;background:#fff;color:#24292e}.back-button-section .btn:hover{background:#f6f8fa;border-color:#0969da;color:#0969da}.back-button-section .btn i{font-size:.875rem}@media(max-width:768px){.view-task-files-container{padding:1rem}.view-task-files-header{padding:1.25rem 1.5rem}.pdf-container-wrapper{height:500px}.pdf-download-section{flex-direction:column;align-items:stretch;padding:1.25rem 1.5rem}.download-actions{flex-direction:column;width:100%}.btn-download-pdf,.btn-open-pdf{justify-content:center;width:100%}.test-files-section{padding:1.25rem 1.5rem}.test-file-link{padding:.875rem 1rem}}