body{background-color:#f5f5f5;margin:0;overflow-y:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6,ol,ul{margin:0;padding:0}button{border:none;cursor:pointer;font-family:inherit;outline:none}a{color:inherit;text-decoration:none}input,select,textarea{font-family:inherit;outline:none}*{scrollbar-color:#0000004d #0000;scrollbar-width:thin}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#00000047;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:#00000073}.alert-icon{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:50%;color:#92400e;display:inline-flex;font-size:12px;font-weight:700;height:18px;justify-content:center;width:18px}.notification{border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:500px;min-width:300px;opacity:0;padding:0;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:all .3s ease;z-index:1000}.notification.show{opacity:1;transform:translateX(0)}.notification.hide{opacity:0;transform:translateX(100%)}.notification-content{align-items:center;display:flex;gap:12px;padding:16px}.notification-icon{flex-shrink:0;font-size:20px}.notification-message{color:#333;flex:1 1;font-size:14px;line-height:1.4}.notification-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:background-color .2s ease;width:24px}.notification-close:hover{background-color:#0000001a}.notification-success{background-color:#d4edda;border-left:4px solid #28a745}.notification-error{background-color:#f8d7da;border-left:4px solid #dc3545}.notification-warning{background-color:#fff3cd;border-left:4px solid #ffc107}.notification-info{background-color:#d1ecf1;border-left:4px solid #17a2b8}.notifications-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:1000}@media (max-width:768px){.notification{left:20px;max-width:none;min-width:auto;right:20px}.notification.show{transform:translateY(0)}.notification.hide{transform:translateY(-100%)}.notifications-container{left:20px;right:20px}}@media (max-width:480px){.notification{font-size:.9rem;left:10px;padding:12px 15px;right:10px}.notifications-container{left:10px;right:10px;top:10px}}.login-container{align-items:center;background-color:#0b1e3d;background-image:linear-gradient(135deg,#0b1e3d,#153a6e 50%,#0b1e3d);display:flex;isolation:isolate;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;perspective:900px;position:relative}.login-card{animation:slideUp .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:450px;padding:40px;position:relative;width:100%;z-index:2}.login-header{margin-bottom:30px;text-align:center}.login-title{align-items:center;display:flex;flex-direction:column}.login-logo{height:auto;object-fit:contain;width:96px}.login-header h1{color:#333;font-size:2.8rem;font-weight:700;margin:0 0 10px}.login-header p{color:#666;font-size:1.1rem;margin:0}.login-form{margin-bottom:30px}.form-group input{border:2px solid #e1e5e9;border-radius:10px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .3s ease}.form-group input:focus{border-color:#153a6e;box-shadow:0 0 0 3px #153a6e26;outline:none}.form-group input.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.field-error{margin-bottom:0;margin-top:5px}.error-message{border:1px solid #fcc;color:#c33;margin-bottom:20px;padding:12px}.login-button{background:linear-gradient(135deg,#d4af37,#b47e00);border:none;border-radius:10px;color:#1a1a1a;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 10px 20px #d4af3759;filter:brightness(1.05);transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7}.forgot-password-link{color:#153a6e;display:inline-block;font-size:.95rem;font-weight:600;margin-top:10px;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:#1e4ca8;text-decoration:underline}.oauth-section{margin-bottom:30px}.oauth-divider{margin:20px 0;position:relative;text-align:center}.oauth-divider:before{background:#e1e5e9;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.oauth-divider span{background:#fff;color:#666;font-size:14px;padding:0 15px;position:relative}.oauth-buttons{display:flex;gap:10px}.oauth-buttons a{flex:1 1}.google-login-btn,.microsoft-login-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:8px;color:#3c4043;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;padding:10px 16px;text-decoration:none;transition:background .2s,box-shadow .2s}.google-login-btn:hover,.microsoft-login-btn:hover{background:#f8f9fa;box-shadow:0 1px 3px #0000001a}.github-login-section{margin-bottom:30px}.divider{margin:20px 0;position:relative;text-align:center}.divider:before{background:#e1e5e9;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;color:#666;font-size:14px;padding:0 15px;position:relative}.github-login-button{align-items:center;background:#24292e;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .2s ease;width:100%}.github-login-button:hover{background:#1a1e22;box-shadow:0 10px 20px #24292e4d;transform:translateY(-2px)}.github-icon{flex-shrink:0}.demo-users{border-top:1px solid #eee;padding-top:25px}.demo-users h3{color:#333;font-size:1.1rem;margin:0 0 20px;text-align:center}.demo-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.demo-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 15px;transition:transform .2s ease,box-shadow .2s ease}.demo-btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-1px)}.demo-btn.admin{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.demo-btn.manager{background:linear-gradient(135deg,#4834d4,#686de0);color:#fff}.demo-btn.tester{background:linear-gradient(135deg,#00d2d3,#54a0ff);color:#fff}.demo-btn.viewer{background:linear-gradient(135deg,#5f27cd,#a55eea);color:#fff}.register-section{border-top:1px solid #e1e5e9;margin-top:30px;padding-top:20px;text-align:center}.register-section p{color:#666;font-size:.95rem;margin:0}.register-link{color:#153a6e;font-weight:600;margin-left:5px;text-decoration:none;transition:color .3s ease}.register-link:hover{color:#1e4ca8;text-decoration:underline}@media (max-width:480px){.login-card{padding:30px 20px}.demo-buttons{grid-template-columns:1fr}}.login-scene{inset:0;pointer-events:none;position:absolute;z-index:1}.login-butterfly{--depth:calc(0.4 + var(--random)*0.6);--flyDuration:calc(19s - var(--depth)*9s);--flyDelay:calc(var(--random)*-40s);--flapSpeed:calc(0.12s + var(--random)*0.24s);--flapPhase:calc(var(--random)*-1.4s);animation:loginFly var(--flyDuration) var(--flyDelay) infinite linear;filter:blur(calc((1 - var(--depth))*1.9px));height:1px;left:50%;opacity:calc(.45 + var(--depth)*.55);position:absolute;top:50%;transform-style:preserve-3d;width:1px;will-change:transform,filter}.login-butterfly:after,.login-butterfly:before{background-color:hsla(calc(44 + var(--random)*18) 90% 62%/.75);box-shadow:inset 0 0 14px #00000040;-webkit-clip-path:path("m0 24.949c 2.6262-5.4316 9.7782-15.554 16.428-20.546 4.798-3.6021 12.572-6.3892 12.572 2.4795 0 1.7712-1.0155 14.879-1.6111 17.007-2.0703 7.3984-9.6144 9.2854-16.325 8.1433 11.73 1.9964 14.714 8.6092 8.2697 15.222-12.239 12.559-17.591-3.1511-18.963-7.1766-.2514-.73797-.36904-1.0832-.37077-.78964z");clip-path:path("m0 24.949c 2.6262-5.4316 9.7782-15.554 16.428-20.546 4.798-3.6021 12.572-6.3892 12.572 2.4795 0 1.7712-1.0155 14.879-1.6111 17.007-2.0703 7.3984-9.6144 9.2854-16.325 8.1433 11.73 1.9964 14.714 8.6092 8.2697 15.222-12.239 12.559-17.591-3.1511-18.963-7.1766-.2514-.73797-.36904-1.0832-.37077-.78964z");content:"";filter:drop-shadow(0 10px 10px rgba(0,0,0,.25));height:48px;position:absolute;transform-origin:left center;width:28px;will-change:transform}.login-butterfly:before{animation:loginFlapB var(--flapSpeed) infinite alternate ease-in-out;animation-delay:var(--flapPhase)}.login-butterfly:after{animation:loginFlapA calc(var(--flapSpeed)*1.08) infinite alternate ease-in-out;animation-delay:calc(var(--flapPhase) - .14s)}@keyframes loginFly{0%{transform:rotateX(78deg) rotate(calc((var(--random) - .5)*36deg)) translateX(calc((var(--random) - .5)*70vw)) translateY(calc((.4 - var(--random))*42vh)) translateZ(calc(-60vh*var(--depth))) scale(calc(.5 + var(--depth)*.85))}25%{transform:rotateX(78deg) rotate(calc((var(--random) - .5)*52deg)) translateX(calc((.15 - var(--random))*80vw)) translateY(calc((var(--random) - .5)*38vh + 8vh)) translateZ(calc(-25vh*var(--depth))) scale(calc(.5 + var(--depth)*.9))}50%{transform:rotateX(78deg) rotate(calc((.5 - var(--random))*44deg)) translateX(calc((.5 - var(--random))*70vw)) translateY(calc((var(--random) - .3)*40vh - 6vh)) translateZ(0) scale(calc(.5 + var(--depth)*.95))}75%{transform:rotateX(78deg) rotate(calc((var(--random) - .5)*56deg)) translateX(calc((var(--random) - .2)*80vw)) translateY(calc((.5 - var(--random))*44vh - 4vh)) translateZ(calc(30vh*var(--depth))) scale(calc(.5 + var(--depth)*.9))}to{transform:rotateX(78deg) rotate(calc((var(--random) - .5)*40deg)) translateX(calc((var(--random) - .5)*70vw)) translateY(calc((.35 - var(--random))*40vh)) translateZ(calc(60vh*var(--depth))) scale(calc(.5 + var(--depth)*.8))}}@keyframes loginFlapB{0%{transform:rotateY(26deg)}40%{transform:rotateY(-66deg)}to{transform:rotateY(18deg)}}@keyframes loginFlapA{0%{transform:rotateY(154deg)}40%{transform:rotateY(234deg)}to{transform:rotateY(168deg)}}@media (prefers-reduced-motion:reduce){.login-scene{display:none}}.register-container{align-items:center;background-color:#0b1e3d;background-image:linear-gradient(135deg,#0b1e3d,#153a6e 50%,#0b1e3d);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-card{animation:slideUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:600px;padding:40px;width:100%}.register-header{margin-bottom:30px;text-align:center}.register-header h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:10px}.register-header p{color:#666;font-size:1.1rem;margin:0}.register-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:15px;gap:15px}.form-group label{font-size:.95rem}.form-group input,.form-group select{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:10px;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#153a6e;box-shadow:0 0 0 3px #153a6e26}.form-group input::placeholder{color:#adb5bd}.form-group select{cursor:pointer}.form-group input.error,.form-group select.error{background:#fef5f5;border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.form-group input.error:focus,.form-group select.error:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e33}.error-text{align-items:center;color:#e53e3e;display:flex;font-size:.85rem;font-weight:500;gap:5px;margin-top:5px}.error-text:before{content:"⚠️";font-size:.8rem}.error-message{animation:shake .5s ease-in-out;background:#fee;margin-top:10px;text-align:center}.error-message,.error-summary{border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:.9rem;padding:12px 16px}.error-summary{background:#fff5f5;margin-bottom:15px}.error-summary ul{margin:8px 0 0 20px}.error-summary li{list-style:disc}.required{color:#e53e3e;font-weight:700}.optional{color:#718096;font-style:italic;font-weight:400}.password-requirements{margin-top:5px}.password-requirements small{font-size:.8rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.register-button{background:linear-gradient(135deg,#d4af37,#b47e00);border:none;border-radius:10px;color:#1a1a1a;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:10px;padding:15px 30px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.register-button:hover:not(:disabled){box-shadow:0 10px 20px #d4af3759;filter:brightness(1.05);transform:translateY(-2px)}.register-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.register-footer{border-top:1px solid #e1e5e9;margin-top:30px;padding-top:20px;text-align:center}.register-footer p{color:#666;margin:0}.login-link{color:#153a6e;font-weight:600;margin-left:5px;text-decoration:none;transition:color .3s ease}.login-link:hover{color:#1e4ca8;text-decoration:underline}@media (max-width:768px){.register-container{padding:10px}.register-card{max-width:100%;padding:30px 20px}.register-header h1{font-size:2rem}.form-row{gap:20px;grid-template-columns:1fr}.register-button{font-size:1rem;padding:12px 24px}}@media (max-width:480px){.register-card{padding:20px 15px}}.enterprise-info-overlay{align-items:center;background:#0b1e3d8c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.enterprise-info-modal{background:#fff;border:1px solid #e6e9ef;border-radius:14px;box-shadow:0 20px 45px #00000040;max-width:460px;padding:22px;width:100%}.enterprise-info-modal h3{color:#153a6e;font-size:1.15rem;margin:0 0 10px}.enterprise-info-modal p{color:#2f3a49;font-size:.95rem;line-height:1.5;margin:0 0 12px}.enterprise-info-actions{display:flex;justify-content:flex-end;margin-top:8px}.enterprise-info-btn{font-size:.95rem;margin-top:0;padding:10px 20px}.aguardo-container{align-items:center;background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.aguardo-card{animation:slideUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.aguardo-icon{animation:pulse 2s infinite;margin-bottom:24px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.aguardo-title{color:#2c3e50;font-size:28px;font-weight:600;line-height:1.3;margin-bottom:16px}.aguardo-message{color:#5a6c7d;font-size:16px;line-height:1.6;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:400px}.aguardo-info{background:#f8f9fa;border-radius:12px;margin-bottom:32px;padding:24px;text-align:left}.info-item strong{color:#2c3e50;display:block;font-size:16px;margin-bottom:12px}.info-item ul{color:#5a6c7d;margin:0;padding-left:20px}.info-item li{font-size:14px;line-height:1.5;margin-bottom:8px}.aguardo-actions{margin-bottom:32px}.btn-voltar-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:12px 32px;text-decoration:none;transition:all .3s ease}.btn-voltar-login:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.btn-voltar-login:active{transform:translateY(0)}.aguardo-footer{border-top:1px solid #e9ecef;color:#6c757d;font-size:14px;padding-top:24px}.support-link{color:#667eea;font-weight:500;margin-left:4px;text-decoration:none}.support-link:hover{text-decoration:underline}@media (max-width:768px){.aguardo-container{padding:16px}.aguardo-card{padding:32px 24px}.aguardo-title{font-size:24px}.aguardo-message{font-size:15px}.info-item{padding:20px}}@media (max-width:480px){.aguardo-card{padding:24px 20px}.aguardo-title{font-size:22px}.btn-voltar-login{padding:14px 24px;width:100%}}.overview{background:#f8f9fa;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.overview .sidebar{background:#fff;border-right:1px solid #e9ecef;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;height:100vh;position:relative;width:280px;z-index:1}.overview .sidebar-header{background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);border-bottom:1px solid #0000001a;color:#fff;padding:2rem 1.5rem}.overview .sidebar-header h1{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.overview .user-info{display:flex;flex-direction:column;gap:.25rem}.overview .user-name{font-size:1rem;font-weight:600}.overview .user-role{font-size:.875rem;opacity:.9;text-transform:capitalize}.overview .nav-menu{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:1rem 0}.overview .nav-menu li{margin:.25rem 0}.overview .nav-menu button{background:#0000;border:none;border-radius:0;color:#4a5568;cursor:pointer;font-size:.95rem;padding:.875rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.overview .nav-menu button:hover{background:#153a6e1f;color:#153a6e}.overview .nav-menu li.active button{background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);color:#fff;font-weight:600}.overview .sidebar-footer{border-top:1px solid #0000001a;padding:1.5rem}.overview .logout-btn{background:#e53e3e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.875rem;transition:all .2s ease;width:100%}.overview .logout-btn:hover{background:#c53030;transform:translateY(-1px)}.overview .main-content{flex:1 1;margin-left:0;min-height:100vh;padding:1rem}.overview-container{margin:0;max-width:none;width:100%}.overview-header{background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);border-radius:14px;box-shadow:0 6px 18px #0b1e3d59;color:#fff;margin-bottom:1rem;overflow:hidden;padding:1.25rem 1rem;position:relative;text-align:center}.overview-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.overview-header h1{font-size:2.8rem;font-weight:700;margin:0 0 .5rem;position:relative;text-shadow:2px 2px 4px #0000004d;z-index:1}.overview-header p{font-size:1.2rem;font-weight:400;margin:0;opacity:.95;position:relative;z-index:1}.overview-layout{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:2fr 1fr}.cards-area{display:flex;flex-direction:column;gap:1rem}.card-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 6px 24px #00000014;padding:1rem}.section-header{margin-bottom:1.5rem}.section-header h2{align-items:center;color:#2d3748;display:flex;gap:.75rem}.section-icon{font-size:1.75rem}.cards-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.overview-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #0000000d;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.overview-card:before{background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.overview-card:hover{border-color:#153a6e;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.overview-card:hover:before{transform:scaleX(1)}.card-icon{flex-shrink:0;font-size:2rem}.card-content{flex:1 1}.card-content h3{color:#2d3748;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.card-content p{color:#718096;font-size:.875rem;line-height:1.4;margin:0}.card-arrow{color:#a0aec0;flex-shrink:0;font-size:1.25rem;transition:all .3s ease}.overview-card:hover .card-arrow{color:#153a6e;transform:translateX(4px)}.sidebar-content{display:flex;flex-direction:column;gap:2rem;position:-webkit-sticky;position:sticky;top:2rem}.plan-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:1.5rem}.plan-header h3{color:#2d3748;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.plan-content{display:flex;flex-direction:column;gap:.85rem}.plan-name-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.plan-name{color:#1f2937;font-size:1rem;font-weight:700}.plan-status-badge{border:1px solid #0000;border-radius:999px;font-size:.75rem;font-weight:700;padding:.2rem .65rem}.plan-status-active{background:#f0fdf4;border-color:#22c55e;color:#166534}.plan-status-warning{background:#fffbeb;border-color:#f59e0b;color:#92400e}.plan-status-danger{background:#fef2f2;border-color:#ef4444;color:#991b1b}.plan-status-neutral{background:#f3f4f6;border-color:#d1d5db;color:#4b5563}.plan-progress-area{display:flex;flex-direction:column;gap:.4rem}.plan-progress-bar-bg{background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden;width:100%}.plan-progress-bar-fill{background:#22c55e;border-radius:999px;height:100%;transition:width .25s ease}.plan-progress-bar-fill.plan-alert-warning{background:#f59e0b}.plan-progress-bar-fill.plan-alert-danger{background:#ef4444}.plan-progress-label{color:#4b5563;font-size:.78rem}.plan-since{color:#374151;font-size:.84rem}.plan-expiry{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.82rem;padding:.45rem .6rem}.plan-alert-warning{color:#f59e0b}.plan-alert-danger{color:#ef4444}.plan-expiry.plan-alert-warning{background:#fffbeb;border-color:#f59e0b;color:#92400e}.plan-expiry.plan-alert-danger{background:#fef2f2;border-color:#ef4444;color:#991b1b}.plan-expiry.plan-alert-none{background:#f9fafb;border-color:#e5e7eb;color:#374151}.support-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:1.5rem}.support-header h3{color:#2d3748;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.support-content p{color:#4a5568;font-size:.875rem;line-height:1.6;margin:0 0 1.5rem}.support-actions{display:flex;flex-direction:column;gap:.75rem}.support-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:center;transition:all .2s ease}.support-btn.primary{background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);color:#fff}.support-btn.primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.support-btn.secondary{background:#fff;border:2px solid #153a6e;color:#153a6e}.support-btn.secondary:hover{background:#153a6e;color:#fff}.news-block{background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:1.5rem}.news-header h3{color:#2d3748;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.news-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;max-height:400px;overflow-y:auto}.news-item{background:#f7fafc;border-left:4px solid #e2e8f0;border-radius:8px;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.news-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.news-item.news-feature{background:#f0fff4;border-left-color:#48bb78}.news-item.news-improvement{background:#ebf8ff;border-left-color:#4299e1}.news-item.news-bugfix{background:#fffaf0;border-left-color:#ed8936}.news-icon{flex-shrink:0;font-size:1.25rem}.news-details h4{color:#2d3748;font-size:.875rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.news-details p{color:#4a5568;font-size:.75rem;line-height:1.4;margin:0 0 .5rem}.news-date{color:#a0aec0;font-size:.6875rem;font-weight:500}.news-footer{border-top:1px solid #e2e8f0;padding-top:1rem}.view-all-news{background:#0000;border:2px solid #153a6e;border-radius:8px;color:#153a6e;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem;transition:all .2s ease;width:100%}.view-all-news:hover{background:#153a6e;color:#fff}.integrations-block{background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:1.5rem}.integrations-header h3{color:#2d3748;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.integrations-content{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.integrations-empty{color:#718096;font-size:.875rem}.integration-item{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;justify-content:space-between;padding:.75rem 1rem}.integration-meta{align-items:center;display:flex;gap:.5rem}.integration-icon{font-size:1.25rem}.integration-title{color:#2d3748;font-size:.95rem;font-weight:600}.integration-status{align-items:center;display:flex;gap:.5rem}.status-pill{border:1px solid #0000;border-radius:999px;font-size:.75rem;font-weight:600;padding:.25rem .6rem}.status-pill.configured{background:#edf2ff;border-color:#c3dafe;color:#2b6cb0}.status-pill.not-configured{background:#fff5f5;border-color:#fed7d7;color:#c53030}.status-pill.active{background:#f0fff4;border-color:#c6f6d5;color:#2f855a}.status-pill.inactive{background:ivory;border-color:#fefcbf;color:#b7791f}.integrations-footer .go-integrations{background:#0000;border:2px solid #153a6e;border-radius:8px;color:#153a6e;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem;transition:all .2s ease;width:100%}.integrations-footer .go-integrations:hover{background:#153a6e;color:#fff}.support-modal-overlay{align-items:center;background:#0b1e3d8c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:2000}.support-modal{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 20px 40px #00000040;width:min(640px,100%)}.support-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.25rem}.support-modal-header h3{color:#1a202c;font-size:1.1rem;margin:0}.support-modal-close{background:#0000;border:none;color:#4a5568;cursor:pointer;font-size:1.6rem;line-height:1;padding:.1rem .4rem}.support-modal-close:hover{color:#1a202c}.support-modal-body{padding:1rem 1.25rem 1.25rem}.support-modal-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.9rem}.support-modal-field label{color:#2d3748;font-size:.85rem;font-weight:600}.support-modal-field input,.support-modal-field textarea{border:1px solid #cbd5e0;border-radius:8px;color:#1a202c;font-size:.92rem;padding:.65rem .75rem;resize:vertical}.support-modal-field input:focus,.support-modal-field textarea:focus{border-color:#153a6e;box-shadow:0 0 0 3px #153a6e26;outline:none}.support-modal-field small{color:#718096;font-size:.75rem;text-align:right}.support-modal-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1rem}@media (max-width:1200px){.overview-layout{gap:2rem;grid-template-columns:1fr}.sidebar-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;position:static}}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;padding:1rem}.overview-header h1{font-size:2rem}.overview-header p{font-size:1rem}.cards-grid{grid-template-columns:1fr}.overview-card{padding:1.25rem}.card-section{padding:1.5rem}.sidebar-content{grid-template-columns:1fr}}@media (max-width:600px){.overview{display:block}.overview .sidebar{display:none}.overview .main-content{flex:1 1;margin-left:0;min-height:auto;padding:.25rem}.overview-header{border-radius:8px;margin-bottom:.5rem;padding:.5rem}.overview-header h1{font-size:1.3rem;margin:0 0 .1rem}.overview-header p{font-size:.75rem;margin:0}.overview-layout{gap:.25rem;grid-template-columns:1fr}.card-section{gap:.25rem;margin:0;padding:.5rem}.cards-area{gap:.25rem}.section-header h2{font-size:1.25rem}.cards-grid{gap:.5rem;grid-template-columns:1fr}.overview-card{flex-direction:column;gap:.75rem;padding:1rem;text-align:center}.card-icon{font-size:2.5rem}.card-content h3{font-size:1rem}.card-content p{font-size:.75rem}.card-arrow{order:-1;transform:rotate(90deg)}.sidebar-content{gap:1rem;grid-template-columns:1fr;position:static;top:auto}.integrations-block,.news-block,.plan-block,.support-block{padding:1rem}.news-content{max-height:250px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-section{animation:fadeInUp .6s ease-out}.card-section:first-child{animation-delay:.1s}.card-section:nth-child(2){animation-delay:.2s}.card-section:nth-child(3){animation-delay:.3s}.support-block{animation:fadeInUp .6s ease-out .4s both}.plan-block{animation:fadeInUp .6s ease-out .35s both}.news-block{animation:fadeInUp .6s ease-out .5s both}.github-card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden}.github-card-header{background:#f6f8fa;border-bottom:1px solid #e1e5e9;padding:16px 20px}.github-card-title{align-items:center;color:#24292e;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.github-card-content{padding:20px}.github-connect-section{padding:40px 20px;text-align:center}.github-icon{font-size:48px;margin-bottom:16px}.btn-github-connect{align-items:center;background:linear-gradient(135deg,#24292e,#586069);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-github-connect:hover{background:linear-gradient(135deg,#1b1f23,#4a5258);box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.repositories-section h3{color:#24292e;font-size:16px;font-weight:600;margin:0 0 16px}.repository-item{border:1px solid #e1e5e9;border-radius:6px;margin-bottom:12px;padding:16px;transition:all .2s ease}.repository-item:hover{border-color:#0366d6;box-shadow:0 2px 8px #0366d61a}.repository-info{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.repository-details{flex:1 1}.repository-name{align-items:center;color:#0366d6;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 4px}.repository-description{color:#586069;font-size:14px;line-height:1.4;margin:0}.btn-connect-repo{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:background-color .2s ease;white-space:nowrap}.btn-connect-repo:hover{background:#218838}.github-status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.github-status-badge{background:#28a745;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.github-repo-info{background:#f6f8fa;border:1px solid #e1e5e9;border-radius:6px;margin-bottom:20px;padding:16px}.github-repo-details{align-items:center;display:flex;gap:12px}.github-repo-icon{font-size:20px}.github-repo-name{color:#0366d6;font-size:16px;font-weight:600;margin:0}.github-repo-description{color:#586069;font-size:14px;margin:8px 0 0}.github-actions{display:flex;gap:12px;margin-top:16px}.btn-sync{background:#0366d6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.btn-sync:hover{background:#0256cc}.btn-sync:disabled{background:#6c757d;cursor:not-allowed}.github-list{display:flex;flex-direction:column;gap:8px}.github-list-item{border:1px solid #e1e5e9;border-radius:4px;padding:12px;transition:border-color .2s ease}.github-list-item:hover{border-color:#0366d6}.github-branch-info{align-items:center;display:flex;gap:8px}.github-branch-icon{font-size:14px}.github-branch-name{color:#24292e;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px}.github-badge{background:#0366d6;border-radius:10px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px}.github-issue-item{align-items:flex-start;border:1px solid #e1e5e9;border-radius:6px;display:flex;gap:12px;padding:16px;transition:border-color .2s ease}.github-issue-item:hover{border-color:#0366d6}.github-issue-status{font-size:16px;margin-top:2px}.github-issue-content{flex:1 1}.github-issue-title{align-items:center;display:flex;gap:8px;margin-bottom:4px}.github-issue-number{color:#586069;font-size:14px;font-weight:600}.github-issue-text{color:#24292e;font-size:14px;line-height:1.4}.github-issue-meta{align-items:center;color:#586069;display:flex;font-size:12px;gap:8px}.github-show-more{padding-top:12px;text-align:center}.btn-show-more{background:none;border:1px solid #e1e5e9;border-radius:4px;color:#586069;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.btn-show-more:hover{border-color:#0366d6;color:#0366d6}.github-loading{color:#586069;padding:20px;text-align:center}@media (max-width:768px){.github-card-content{padding:16px}.repository-info{gap:12px}.github-actions,.repository-info{flex-direction:column}.github-issue-item{padding:12px}.github-issue-title{align-items:flex-start;flex-direction:column;gap:4px}}.emoji-icon{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-feature-settings:"cmap" 1,"clig" 1,"liga" 1!important;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;display:inline-block;font-family:Segoe UI Emoji,Twemoji Mozilla,Apple Color Emoji,EmojiOne Color,Android Emoji,Noto Color Emoji,Symbola,sans-serif!important;font-variant-emoji:emoji!important;line-height:1;text-rendering:optimizeQuality!important;vertical-align:middle}.emoji-icon.svg-icon{align-items:center;display:inline-flex;height:1em;justify-content:center;width:1em}.emoji-icon.svg-icon svg{display:block;height:100%;width:100%}.emoji-icon:after,.emoji-icon:before{content:none!important}.emoji-icon *{font-family:inherit!important}@supports not (font-variant-emoji:emoji){.emoji-icon{font-family:Segoe UI Symbol,Symbola,sans-serif!important}}.project-management{margin:0;max-width:none;padding:12px 16px;width:100%}.project-header{grid-gap:8px;align-items:center;border-bottom:1px solid #e5e7eb;display:grid;gap:8px;grid-template-columns:1fr auto 1fr;margin-bottom:12px;padding-bottom:8px}.project-header h1{color:#2c3e50;font-size:2rem;grid-column:2;justify-self:center;margin:0;text-align:center}.project-header .header-actions{align-items:center;display:flex;gap:8px;grid-column:3;justify-self:end}.projects-toolbar{align-items:center;display:flex;gap:12px;justify-content:center;margin:0;width:100%}.projects-main{display:flex;flex-direction:column;gap:12px}.projects-toolbar .search-input{max-width:100%;position:relative;width:100%}.projects-toolbar .search-input .icon{color:#94a3b8;font-size:1rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.project-search-input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:.95rem;max-width:none;outline:none;padding:10px 12px 10px 36px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.project-search-input:focus{border-color:#153a6e;box-shadow:0 0 0 3px #153a6e33}.btn-primary{box-shadow:0 4px 15px #0b1e3d59;padding:.75rem 1.5rem}.btn-primary:hover{box-shadow:0 6px 20px #0b1e3d73}.btn-primary:disabled{box-shadow:none;opacity:.6;transform:none}.btn-primary:disabled:hover{box-shadow:none}.btn-secondary{padding:.75rem 1.5rem}.btn-secondary:hover{background:#5a6268}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3}.modal{animation:modalSlideIn .3s ease-out;box-shadow:0 20px 60px #0000004d;width:90%}.project-management .modal{max-width:800px;overflow-x:hidden}.modal-header{border-bottom:1px solid #e9ecef;padding:1.5rem}.btn-close{border-radius:4px;color:#6c757d;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.btn-close:hover{background:#f8f9fa;color:#dc3545}.project-management .modal-body{padding:1rem 1.5rem 1.5rem}.project-management .required{color:#dc3545;font-weight:600}.project-management .field-error{color:#dc3545;font-size:.85rem;margin-top:6px}.project-management .form-group input[aria-invalid=true],.project-management .form-group select[aria-invalid=true],.project-management .form-group textarea[aria-invalid=true]{border-color:#dc3545;box-shadow:0 0 0 3px #dc354526}.project-management .char-counter{color:#64748b;font-size:.85rem;margin-top:6px}.project-management .char-counter.limit{color:#ef4444;font-weight:600}.project-management .access-tabs,.project-management .edit-tabs{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;display:inline-flex;gap:6px;margin:0 0 16px;padding:6px}.project-management .access-tabs .tab,.project-management .edit-tabs .tab{-webkit-appearance:none;appearance:none;background:#0000;border:none;border-radius:8px;color:#334155;cursor:pointer;font-weight:600;padding:8px 12px;transition:all .2s ease}.project-management .access-tabs .tab:hover,.project-management .edit-tabs .tab:hover{background:#e2e8f0}.project-management .access-tabs .tab.active,.project-management .edit-tabs .tab.active{background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);box-shadow:0 2px 8px #0b1e3d59;color:#fff}.project-management .access-section{display:flex;flex-direction:column;gap:16px}.project-management .access-lists{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.project-management .access-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;min-width:0;padding:12px}.project-management .access-list h3{color:#334155;font-size:1rem;margin:0 0 10px}.project-management .access-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-start;padding:10px 0}.project-management .access-item>div{flex:1 1;min-width:0}.project-management .access-item>div span:not(.role-badge){overflow-wrap:anywhere;word-break:break-word}.project-management .access-item:last-child{border-bottom:none}.project-management .access-item .btn-delete{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-left:auto;padding:6px 10px;transition:background .2s ease}.project-management .access-item .btn-delete:hover{background:#dc2626}@media (max-width:768px){.project-management .access-lists{grid-template-columns:1fr}}.project-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label.checkbox-label{align-items:center;display:inline-flex;gap:8px;margin-bottom:0}.form-group input[type=checkbox]{accent-color:#153a6e;margin:0;width:auto}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;box-sizing:border-box;padding:.75rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#153a6e;box-shadow:0 0 0 3px #153a6e26}.form-group textarea{min-height:100px}.emoji-choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.emoji-option{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px}.emoji-option.selected{border-color:#153a6e;box-shadow:0 0 0 3px #153a6e26}.emoji-option.clear{font-size:.9rem;padding:6px 10px}.form-actions{gap:1rem;margin-top:2rem}.projects-layout{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:3fr 1.2fr}.info-panel{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 12px #0000000f;position:-webkit-sticky;position:sticky;top:16px}.info-panel h3{color:#2c3e50;font-size:1.1rem;margin:0 0 .75rem}.info-panel ul{color:#475569;margin:.5rem 0 0 1rem;padding:0}.info-panel ul li{margin:.35rem 0}.info-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;margin-top:.75rem;padding:.75rem}.projects-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(360px,1fr))}.project-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000000f;min-width:0;padding:1.25rem;transition:all .3s ease}.project-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.project-header-card{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.project-header-card h3{color:#2c3e50;flex:1 1;font-size:1.25rem;margin:0 1rem 0 0;overflow-wrap:anywhere;word-break:break-word}.project-actions{display:flex;gap:.5rem}.btn-delete,.btn-edit{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:.5rem;transition:all .2s ease}.btn-edit:hover{background:#e3f2fd}.btn-delete:hover{background:#ffebee}.project-description{color:#6c757d;line-height:1.5;margin-bottom:1.5rem;overflow-wrap:anywhere;word-break:break-word}.projects-grid{margin-top:0}.info-panel{bottom:auto;padding:1rem;top:72px}@media (max-width:1400px){.projects-grid{grid-template-columns:1fr}}.project-footer{align-items:center;display:flex;justify-content:space-between}.project-status{border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.project-date{color:#6c757d;font-size:.875rem}.status-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.status-chip{border-radius:16px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 10px}.loading{padding:4rem 2rem}.loading-spinner{margin-bottom:1rem}.loading p{color:#6c757d;font-size:1.1rem}.project-management .empty-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;min-height:45vh;padding:2rem 1rem;text-align:center}.project-management .empty-state h3{font-size:1.5rem;margin-bottom:1rem}.project-management .empty-state p{font-size:1.1rem}@media (max-width:768px){.project-management{padding:1rem}.project-header{align-items:stretch;flex-direction:column;gap:1rem}.project-header h1{font-size:1.5rem;text-align:center}.projects-grid,.projects-layout{grid-template-columns:1fr}.projects-grid{gap:1rem}.info-panel{margin-top:0;position:static;top:auto;transform:none}.modal{margin:1rem;width:95%}.form-actions,.project-header-card{flex-direction:column}.project-header-card{gap:1rem}.project-actions{align-self:flex-end}}.btn-github{background:linear-gradient(135deg,#24292e,#586069);border:none;border-radius:6px;box-shadow:0 2px 8px #24292e4d;color:#fff;cursor:pointer;font-size:1rem;margin-right:.5rem;padding:.5rem;transition:all .3s ease}.btn-github:hover{background:linear-gradient(135deg,#1b1f23,#444d56);box-shadow:0 4px 12px #24292e66;transform:translateY(-1px)}.github-integration-section{background:#f8f9fa;border-left:4px solid #24292e;border-radius:8px;margin-top:1rem;padding:1.5rem}.github-integration-section h4{color:#24292e;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.role-badge{margin-left:8px}.project-management .role-badge.badge-tester{background:#8b5cf6;color:#fff!important}.project-management .access-info{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.project-management .access-info strong{color:#0f172a}.project-management .access-info span:not(.role-badge){color:#475569}.project-management .access-info .email{flex:1 1;min-width:0;overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.project-management .access-item .role-badge{white-space:nowrap}.test-cases{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;min-height:0;padding:20px;width:100%}.test-cases-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.test-cases-header h1{color:#2c3e50;font-size:2rem;margin:0}.project-filter{background:#fff;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;min-width:200px;padding:8px 12px}.project-filter:focus{border-color:#3498db;outline:none}.btn-primary{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:8px;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#2980b9,#1f5f8b);box-shadow:0 4px 12px #3498db4d}.btn-secondary{background:#95a5a6;border-radius:8px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-secondary:hover{background:#7f8c8d;transform:translateY(-1px)}.btn-danger{background:#e74c3c;border-radius:8px;font-weight:600;transition:all .3s ease}.btn-danger:hover{background:#c0392b;transform:translateY(-1px)}.btn-sm{border-radius:6px;font-size:14px}.btn-close{align-items:center;border-radius:50%;color:#7f8c8d;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.btn-close:hover{background:#ecf0f1;color:#2c3e50}.modal{max-width:min(800px,95vw)}.modal-header{border-bottom:1px solid #ecf0f1;padding:20px 30px}.modal-header h2{color:#2c3e50}.test-case-form{padding:30px}.form-row{margin-bottom:20px}.form-group label{color:#2c3e50}.form-group input,.form-group select,.form-group textarea{border:2px solid #e1e8ed;border-radius:8px;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db}.form-group.has-error input,.form-group.has-error select,.form-group.has-error textarea{border-color:#dc3545}.error-message{color:#dc3545;font-size:12px;margin-top:6px}.char-counter{color:#7f8c8d}.form-actions{border-top:1px solid #ecf0f1;gap:15px}.kanban-board{padding:8px}.kanban-row{align-items:flex-start;display:flex;gap:12px}.kanban-column{border:1px solid #e9ecef;flex:1 1;padding:8px}.kanban-count{background:#e9ecef;border-radius:12px;color:#495057;font-size:12px;padding:2px 8px}.kanban-cards{gap:8px}.test-case-card{background:#fff;border:1px solid #ecf0f1;border-radius:12px;box-shadow:0 2px 10px #0000001a;max-width:100%;padding:18px;transition:all .3s ease}.test-case-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.test-case-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.test-case-title h3{color:#2c3e50;font-size:1.1rem;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-result-badge{margin-left:8px}.project-name{background:#ecf0f1;border-radius:4px;color:#7f8c8d;font-size:12px;padding:4px 8px}.test-case-actions{display:flex;gap:8px}.test-case-description{color:#5a6c7d;line-height:1.5;margin-bottom:15px;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.test-case-steps{margin-bottom:15px}.test-case-steps strong{color:#2c3e50;display:block;margin-bottom:8px}.test-case-steps pre{background:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;color:#2c3e50;font-family:inherit;font-size:14px;margin:0;overflow-wrap:anywhere;padding:12px;white-space:pre-wrap;word-break:break-word}.test-case-expected{margin-bottom:15px}.test-case-expected strong{color:#2c3e50;display:block;margin-bottom:8px}.test-case-expected p{background:#f8f9fa;border-left:4px solid #27ae60;border-radius:6px;color:#2c3e50;margin:0;overflow-wrap:anywhere;padding:12px;white-space:normal;word-break:break-word}.test-case-footer{align-items:center;border-top:1px solid #ecf0f1;display:flex;justify-content:space-between;margin-top:20px;padding-top:15px}.test-case-badges{display:flex;gap:8px}.priority-badge,.status-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.test-case-date{color:#7f8c8d;font-size:12px}.loading{color:#7f8c8d;flex-direction:column;padding:60px 20px}.loading-spinner{border:4px solid #ecf0f1;border-top-color:#3498db;margin-bottom:15px}.empty-state{color:#7f8c8d}.empty-state h3{font-size:1.5rem;margin-bottom:10px}@media (max-width:768px){.test-cases{padding:15px}.test-cases-header{align-items:stretch}.header-actions,.test-cases-header{flex-direction:column}.project-filter{min-width:auto}.form-row{grid-template-columns:1fr}.modal{margin:10px;max-height:calc(100vh - 20px)}.test-case-form{padding:20px}.test-case-header{flex-direction:column;gap:10px}.test-case-actions{align-self:flex-end}.test-case-footer{align-items:flex-start;gap:10px}.form-actions,.test-case-footer{flex-direction:column}.test-cases-grid{grid-template-columns:1fr}}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-row{justify-content:space-between}.last-result-row,.meta-row{align-items:center;display:flex;gap:8px}.last-result-date{color:#7f8c8d;font-size:12px}.test-case-card .case-code{color:#6b7280;display:inline-block;font-size:.85rem;margin-top:4px}.test-case-card .responsible-name{color:#374151;font-size:.85rem;margin-left:12px}.test-case-card .title-row{align-items:center;display:flex;gap:8px}.test-case-card .title-row h3{flex:1 1;margin:0}.case-code-badge{background:#eef2ff;border:1px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;font-size:.8rem;padding:2px 8px;white-space:nowrap}.case-code-badge:hover{background:#e0e7ff;border-color:#c7d2fe}.test-case-card .meta-row{margin-top:6px}.executions-container{margin:0;max-width:none;padding:12px 16px;width:100%}.executions-header{grid-column-gap:12px;align-items:center;border-bottom:1px solid #e5e7eb;column-gap:12px;display:grid;grid-template-columns:1fr auto 1fr;margin-bottom:20px;padding-bottom:8px}.executions-header.milestone-linking{grid-template-columns:1fr;position:relative}.executions-header.milestone-linking .header-left{left:0;position:absolute;top:50%;transform:translateY(-50%)}.executions-header.milestone-linking .header-actions{position:absolute;right:0;top:50%;transform:translateY(-50%)}.executions-header.milestone-linking h1{grid-column:1}.executions-header .header-left{align-items:center;display:flex;gap:8px;grid-column:1}.executions-header .milestone-chip{max-width:-webkit-max-content;max-width:max-content}.table-toolbar-right{gap:8px}.executions-header .back-btn{justify-self:start;max-width:-webkit-max-content;max-width:max-content}.executions-header h1{color:#333;font-size:2rem;font-weight:600;grid-column:2;justify-self:center;margin:0;text-align:center}.executions-header .header-actions{align-items:center;display:flex;gap:10px;grid-column:3;justify-self:end}.empty-state{background:#f8f9fa;border-radius:12px;margin:24px auto;max-width:640px}.empty-state p{color:#666;font-size:1.2rem}.executions-grid{grid-gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.executions-grid,.kanban-board{display:grid;gap:12px;margin-top:12px}.kanban-board{grid-gap:12px;align-items:start;grid-template-columns:repeat(3,1fr)}.kanban-column{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;min-height:200px;min-width:0;padding:10px}.kanban-column-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.kanban-column-title{color:#333;font-weight:600}.kanban-column-count{background:#e9ecef;border-radius:12px;color:#495057;font-size:.85rem;padding:2px 8px}.kanban-cards{display:flex;flex-direction:column;gap:10px}.kanban-card{position:relative}.kanban-card.with-alert{border-color:#dc3545}.status-with-alert{align-items:flex-end;display:flex;flex-direction:column}.status-with-alert .alert-icon-inline{color:#dc3545;font-size:16px;line-height:1;margin-top:4px}.execution-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #00000014;max-width:100%;padding:16px;transition:all .3s ease}.execution-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.execution-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.execution-header h3{color:#333;flex:1 1;font-size:1.3rem;font-weight:600;margin:0 10px 0 0;min-width:0}.execution-description,.execution-header h3{overflow-wrap:anywhere;word-break:break-word}.execution-description{color:#666;line-height:1.5;margin-bottom:15px;white-space:normal}.execution-meta{color:#777;display:flex;flex-direction:column;font-size:.9rem;gap:5px;margin-bottom:20px}.execution-actions{display:flex;flex-wrap:wrap;gap:8px}.execution-actions button{font-size:.82rem;padding:6px 10px}.execution-actions .delete-right{margin-left:auto}.execution-actions .btn-secondary{background:#0000;border:2px solid #153a6e;color:#153a6e}.execution-actions .btn-secondary:hover:not(:disabled){background:#153a6e;color:#fff}.status-pending{background:#0d6efd;border:1px solid #0d6efd;color:#fff}.status-running{background:#0dcaf0;border:1px solid #0dcaf0;color:#fff}.status-paused{background:#f0f4ff;border:1px solid #c7d2fe;color:#1e3a8a}.status-completed{background:#198754;border:1px solid #198754;color:#fff}.status-failed{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-passed{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-blocked{background:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.status-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-pending-exec{background:#fff4e6;border:1px solid #ffc78a;color:#c05c00}.status-retest{background:#ede9fe;border:1px solid #c4b5fd;color:#5b21b6}.status-unknown{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.btn-danger,.btn-primary,.btn-secondary,.btn-success,.btn-warning{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:#0b1e3d}.btn-success:hover:not(:disabled){color:#fff}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background:#e0a800}.btn-outline-warning{background:#0000;border:2px solid #f59e0b;border-radius:6px;color:#b45309}.btn-outline-warning:hover:not(:disabled){background:#f59e0b;color:#111827}.btn-outline-success{background:#0000;border:2px solid #22c55e;border-radius:6px;color:#14532d}.btn-outline-success:hover:not(:disabled){background:#22c55e;color:#fff}.modal{max-width:min(600px,95vw)}.modal-compact{display:flex;flex-direction:column}.modal-compact .modal-body{display:block;overflow-y:auto}.modal-compact .modal-footer{border-top:1px solid #e0e0e0;margin-top:0}.modal-header h2{flex:1 1;line-height:1.25;min-width:0;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.modal-actions{border-top:1px solid #e0e0e0;gap:10px;padding:20px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;padding:12px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #007bff1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.field-error{color:#dc3545;font-size:14px;margin-top:6px}.paused-card{background:#f8fafc;border-color:#93c5fd}.test-cases-list{border:1px solid #ddd;border-radius:6px;max-height:200px;overflow-y:auto;padding:10px}.checkbox-label{border-radius:4px;padding:8px;transition:background-color .2s ease}.checkbox-label:hover{background-color:#f8f9fa}.execution-details{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.detail-row{align-items:center;display:flex;margin-bottom:10px}.detail-row strong{margin-right:10px;min-width:120px}.detail-row .detail-value{flex:1 1;line-height:1.4;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.detail-row .description-text{align-self:flex-start;max-height:240px;overflow-y:auto}.detail-section{display:flex;flex-direction:column;width:100%}.detail-section-title{color:#333;font-weight:600;margin-bottom:6px}.detail-section-content{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.chip{background:#eaeef4;border:1px solid #d5dbe6;border-radius:16px;color:#153a6e;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 10px}.chip-muted{background:#f1f4f9;border-color:#e5e7eb;color:#6b7280}.btn-sm{padding:6px 10px}.test-results{margin-top:20px}.test-result-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:15px;padding:15px}.result-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.result-header h4{color:#333;flex:1 1;margin:0 10px 0 0}.result-notes{background:#f8f9fa;border-radius:4px;font-size:.9rem;margin:10px 0;padding:10px}.result-actions{margin-top:15px}@media (max-width:768px){.executions-container{padding:15px}.executions-header{grid-gap:15px;align-items:stretch;display:grid;gap:15px;grid-template-columns:1fr;justify-items:center}.executions-header h1{font-size:1.5rem;grid-column:1;justify-self:center}.executions-grid{gap:15px;grid-template-columns:1fr}.execution-header{align-items:flex-start;flex-direction:column;gap:10px}.execution-actions{justify-content:stretch}.execution-actions button{flex:1 1}.modal-overlay{align-items:flex-end;padding:0}.modal{-webkit-overflow-scrolling:touch;margin:0;max-height:90vh;max-width:100%!important;overflow-y:auto;width:100%!important}.modal,.modal-header{border-radius:16px 16px 0 0}.modal-header{background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);border:none;color:#fff;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.modal-header h2{color:#fff!important;font-size:18px!important;margin:0!important}.modal-close{color:#fff;font-size:28px}.modal-close:hover{background:#ffffff1a}.modal-body{padding:16px}.modal-actions,.modal-footer{background:#fff;border-top:1px solid #e5e7eb;bottom:0;flex-direction:column;gap:8px;padding:16px;position:-webkit-sticky;position:sticky}.modal-actions button,.modal-footer button{font-size:15px;padding:12px 16px;width:100%}.modal-compact{height:auto;max-height:90vh}.modal-compact,.modal-compact .modal-header{border-radius:16px 16px 0 0}.modal-compact .modal-body{display:block}.modal-large{border-radius:16px 16px 0 0;max-height:90vh;max-width:100%!important;width:100%!important}.result-actions{flex-direction:column}.result-actions button{width:100%}.form-group{margin-bottom:16px}.form-group label{font-size:14px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border-radius:8px;font-size:16px;padding:12px}.form-group textarea{min-height:100px}.checkbox-label,.select-group select{font-size:16px;padding:12px}.checkbox-label input[type=checkbox],.checkbox-label input[type=radio]{cursor:pointer;height:18px;width:18px}}@media (max-width:480px){.executions-container{padding:10px}.execution-card{padding:15px}.execution-meta{font-size:.8rem}.status-badge{font-size:.7rem;padding:3px 8px}}@media (max-width:1024px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kanban-board{grid-template-columns:1fr}}.modal-large{max-width:min(900px,95vw);width:90%}.history-timeline{max-height:500px;overflow-y:auto;padding:10px 0}.history-item{border-bottom:1px solid #e0e0e0;display:flex;margin-bottom:20px;padding-bottom:20px}.history-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.history-item.correction{background:#fff7ed;border-left:4px solid #f59e0b}.history-icon{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;margin-right:15px;width:40px}.history-content{flex:1 1}.history-header{margin-bottom:8px}.history-action{color:#333;font-size:1rem;font-weight:600}.history-item.correction .history-action{color:#92400e}.history-date{color:#666;font-size:.85rem}.history-description{color:#555;line-height:1.4;margin-bottom:8px}.history-user{color:#777;font-size:.85rem;margin-bottom:8px}.history-metadata{margin-top:10px}.history-metadata details{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;padding:8px}.history-metadata summary{color:#666;cursor:pointer;font-size:.85rem;font-weight:500}.history-metadata pre{word-wrap:break-word;background:none;border:none;color:#555;font-size:.8rem;margin:8px 0 0;padding:0;white-space:pre-wrap}.history-badge{border:1px solid #e0e0e0;border-radius:9999px;font-size:.75rem;margin-left:8px;padding:2px 8px;white-space:nowrap}.badge-correction{background:#fef3c7;border-color:#f59e0b;color:#92400e}@media (max-width:768px){.modal-large{max-width:none;width:95%}.history-header{align-items:flex-start;flex-direction:column}.history-date{margin-top:4px}.history-icon{font-size:1rem;height:35px;margin-right:10px;width:35px}}.current-status{margin-top:8px}.current-status .status-badge{font-size:.9rem;padding:6px 12px}.result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.result-actions .btn-sm{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s ease}.result-actions .btn-primary{background-color:#153a6e;color:#fff}.result-actions .btn-primary:hover{background-color:#0b1e3d}.result-actions .btn-primary:disabled{background-color:#6c757d;cursor:not-allowed}.filters-container{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000f;margin:12px 0;padding:12px}.filters-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:12px}.filter-group label{font-size:14px;font-weight:600}.char-counter{color:#6b7280;font-size:12px}.char-counter.limit{color:#ef4444}.filter-group input,.filter-group select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.filter-group input:focus,.filter-group select:focus{border-color:#153a6e;box-shadow:0 0 0 .2rem #153a6e40;outline:none}.filters-actions{border-top:1px solid #dee2e6;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-top:15px}.filters-actions .btn-primary,.filters-actions .btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.filters-actions .btn-primary{background-color:#153a6e;color:#fff}.filters-actions .btn-primary:hover{background-color:#0b1e3d}.filters-actions .btn-secondary{background-color:#6c757d;color:#fff}.filters-actions .btn-secondary:hover{background-color:#545b62}.btn-secondary.filters-active{background-color:#153a6e;border-color:#153a6e;color:#fff}.filter-indicator{color:#ffc107;font-weight:700;margin-left:5px}@media (max-width:768px){.filters-grid{grid-template-columns:1fr}.filters-actions,.header-actions{flex-direction:column}.header-actions{gap:10px}}.execution-card .execution-header h3.truncated{cursor:help;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1400px){.header-actions{flex-wrap:wrap}.executions-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:480px){.executions-header{gap:10px}.executions-header h1{font-size:1.2rem}.kanban-board{gap:10px;grid-template-columns:1fr}.kanban-column{min-height:150px;padding:8px}.kanban-column-title{font-size:.9rem}.execution-card{padding:12px}.execution-header h3{font-size:1rem}.execution-meta{font-size:.8rem;gap:3px}.execution-actions{gap:6px}.execution-actions button{flex:1 1;font-size:.75rem;min-width:0;padding:5px 8px}.execution-details>div:first-child{grid-template-columns:1fr!important}.execution-details>div:first-child>div{display:flex!important;flex-direction:column!important;gap:8px!important}.execution-details>div:first-child strong{color:#6c757d!important;display:block!important;font-size:.75rem!important;margin-bottom:4px!important}}.bug-modal{max-height:90vh;max-width:min(600px,95vw);overflow-y:auto;width:100%}.bug-modal .form-group{margin-bottom:1.2rem}.bug-modal label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.bug-modal input,.bug-modal select,.bug-modal textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;padding:.8rem;width:100%}.bug-modal textarea{resize:vertical}.bug-modal small{color:#666;display:block;font-size:.85rem;margin-top:.3rem}.bug-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.bug-modal .btn-cancel{background:#f5f5f5;border:1px solid #ddd;border-radius:4px}.bug-modal .btn-cancel,.bug-modal .btn-save{cursor:pointer;font-weight:500;padding:.6rem 1.2rem}.bug-modal .btn-save{background:#dc3545;border:none;border-radius:4px;color:#fff}.bug-modal .btn-save:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.bug-modal-overlay{align-items:flex-end;padding:0}.bug-modal{-webkit-overflow-scrolling:touch;border-radius:16px 16px 0 0;max-height:90vh;max-width:100%!important;overflow-y:auto;width:100%!important}.bug-modal .modal-header{background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);border:none;border-radius:16px 16px 0 0;color:#fff;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.bug-modal .modal-header h2{color:#fff;font-size:18px;margin:0}.bug-modal .close-btn{color:#fff;font-size:28px}.bug-modal .close-btn:hover{background:#ffffff1a}.bug-modal .modal-body{padding:16px}.bug-modal .form-group{margin-bottom:16px}.bug-modal .form-group label{font-size:13px;margin-bottom:6px}.bug-modal .form-group input,.bug-modal .form-group select,.bug-modal .form-group textarea{border-radius:8px;font-size:16px;padding:12px}.bug-modal .form-group textarea{min-height:100px}.bug-modal .modal-actions{background:#fff;border-top:1px solid #e5e7eb;bottom:0;flex-direction:column;gap:8px;padding:16px;position:-webkit-sticky;position:sticky}.bug-modal .btn-cancel,.bug-modal .btn-save{border-radius:8px;font-size:15px;padding:12px 16px;width:100%}.bug-modal .bug-type-grid{grid-template-columns:1fr}.bug-modal .priority-buttons{flex-direction:column;gap:8px}.bug-modal .priority-buttons button{padding:12px;width:100%}}.users-container{margin:0;max-width:none;padding:12px;width:100%}.users-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:10px}.users-header h1{color:#333;font-size:2rem;font-weight:600;margin:0}.users-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.filter-group{flex:1 1;min-width:200px}.filter-select,.search-input{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:12px;transition:border-color .3s ease;width:100%}.filter-select:focus,.search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e0e0e0;padding:15px;text-align:left}.users-table th{color:#333;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.users-table th,.users-table tr:hover{background:#f8f9fa}.users-table tr:last-child td{border-bottom:none}.action-buttons{flex-wrap:wrap}.empty-state{color:#666;font-size:1.1rem}.role-badge{padding:4px 12px}.role-admin{background:#dc3545;color:#fff}.role-manager{background:#ffc107;color:#212529}.role-tester{background:#28a745;color:#fff}.role-unknown{background:#6c757d;color:#fff}.status-badge{padding:4px 12px}.users-container .status-active{background:#28a745;border:1px solid #1e7e34;color:#fff}.status-inactive{border:1px solid #f5c6cb}.btn-danger,.btn-primary,.btn-secondary,.btn-success{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#1e7e34}button:disabled{cursor:not-allowed;opacity:.6}.pagination{gap:15px;justify-content:center;margin-top:20px}.page-info{color:#666;font-weight:500}.modal{max-width:500px}.modal-header h2{font-size:1.5rem}.modal-close{align-items:center;display:flex;font-size:2rem;height:30px;justify-content:center;padding:0;width:30px}.form-group label{color:#333;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400!important}.checkbox-label input[type=checkbox]{margin-right:10px;width:auto}@media (max-width:1200px){.users-table-container{overflow-x:auto}.users-table{min-width:800px}}@media (max-width:768px){.users-container{padding:15px}.users-header{align-items:stretch;flex-direction:column;gap:15px}.users-header h1{font-size:1.5rem}.users-filters{flex-direction:column;gap:15px}.filter-group{min-width:auto}.users-table td,.users-table th{font-size:.9rem;padding:10px 8px}.action-buttons{flex-direction:column;gap:5px}.action-buttons button{width:100%}.pagination{flex-direction:column;gap:10px}.pagination button{width:100%}.modal{margin:10px;max-width:none}.modal-body,.modal-header{padding:15px}.modal-footer{flex-direction:column;padding:15px}.modal-footer button{width:100%}}@media (max-width:480px){.users-container{padding:10px}.users-table td,.users-table th{font-size:.8rem;padding:8px 5px}.role-badge,.status-badge{font-size:.7rem;padding:3px 8px}.btn-sm{font-size:.7rem;padding:4px 8px}}.user-management{background:#fff;margin:0;min-height:100vh;padding:0}.user-management-layout{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr;margin:0;max-width:none;min-height:100vh;padding:12px;width:100%}.user-management-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:12px}.user-management-main,.user-management-sidebar{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 16px #00000014}.user-management-main{overflow:visible}.main-tab-navigation{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;padding:0 30px}.main-nav-tab,.main-nav-tabs-container{align-items:center;display:flex;gap:8px}.main-nav-tab{background:#0000;border:none;border-radius:12px 12px 0 0;color:#6c757d;cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:-1px;padding:16px 24px;position:relative;transition:all .3s ease}.main-nav-tab:hover{background:#ffffffb3;color:#495057;transform:translateY(-2px)}.main-nav-tab.active{background:#fff;border:1px solid #e9ecef;border-bottom-color:#fff;box-shadow:0 -2px 8px #0000001a;color:#2c3e50;font-weight:600}.main-nav-tab .tab-icon{font-size:1.1rem}.main-nav-tab .tab-label{font-weight:inherit}.tab-content{background:#fff;padding:32px}.companies-section,.groups-section,.roles-section,.users-section{background:#0000}.user-management-container{margin:0 auto;max-width:1600px;padding:20px}.page-header{background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);border-radius:16px;box-shadow:0 8px 32px #0b1e3d59;color:#fff;margin-bottom:30px;padding:30px}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.header-left h1{font-size:2.2rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000001a}.header-left p{font-size:1.1rem;margin:0;opacity:.9}.header-actions{flex-wrap:wrap;gap:12px}.btn{display:flex;font-size:.95rem;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.btn-primary{background:#4caf50}.btn-primary:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.btn-secondary{background:#2196f3}.btn-secondary:hover{background:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.btn-admin{background:#ff9800;color:#fff}.btn-admin:hover{background:#f57c00;box-shadow:0 4px 12px #ff98004d;transform:translateY(-2px)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;gap:16px;padding:24px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.stat-icon{background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);border-radius:12px;color:#fff;font-size:2.5rem;height:60px;width:60px}.stat-content h3{color:#2c3e50;font-size:2rem;font-weight:700;margin:0 0 4px}.stat-content p{color:#7f8c8d;font-weight:500;margin:0}.password-requirements{margin-top:6px}.password-requirements small{color:#718096;font-size:.85rem;line-height:1.4}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{padding-right:45px;width:100%}.password-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:5px;position:absolute;right:12px;transition:color .3s ease,transform .2s ease;z-index:1}.password-toggle:hover{color:#153a6e;transform:scale(1.1)}.password-toggle:focus{border-radius:4px;outline:2px solid #153a6e;outline-offset:2px}.password-toggle:active{transform:scale(.95)}.tab-navigation{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;overflow:hidden}.nav-tabs-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;position:relative}.nav-tab{background:#0000;border:none;cursor:pointer;flex:1 1;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-tab:hover{background:#667eea0d}.nav-tab.active{background:#fff;box-shadow:0 -2px 8px #0000001a}.tab-content{align-items:center;display:flex;flex-direction:column;gap:8px;padding:20px 24px;position:relative;z-index:2}.tab-icon{font-size:1.8rem}.tab-icon,.tab-label{transition:all .3s ease}.tab-label{color:#6c757d;font-size:.95rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tab-indicator{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px 2px 0 0;bottom:0;height:3px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1);width:60%}.nav-tab.active .tab-icon{transform:scale(1.1)}.nav-tab.active .tab-label{color:#667eea;font-weight:700}.nav-tab.active .tab-indicator{transform:translateX(-50%) scaleX(1)}.nav-tab:hover .tab-icon{transform:scale(1.05)}.nav-tab:hover .tab-label{color:#495057}.nav-tab:before{background:#667eea33;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:1}.nav-tab:active:before{height:300px;width:300px}.users-section{min-height:500px}.section-header{flex-wrap:wrap;gap:20px;margin-bottom:24px;min-height:40px;padding:0 8px}.section-header h2{color:#2c3e50;flex:1 1;font-size:1.5rem;font-weight:700;margin:0;min-width:200px;padding-left:4px}.search-container{flex:0 1 320px;max-width:380px;min-width:240px;padding-right:4px}@media (max-width:600px){.section-header{align-items:flex-start;flex-direction:column}.search-container{flex:1 1 auto;max-width:100%;width:100%}}.search-input{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;min-width:0;padding:12px 16px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.loading-container{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow-x:auto;overflow-y:hidden}.data-table{border-collapse:collapse;font-size:.95rem;min-width:1100px;width:100%}.data-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#495057;font-weight:600;padding:18px 14px;text-align:left}.data-table td{border-bottom:1px solid #f1f3f4;padding:18px 14px;vertical-align:middle}.data-table td:first-child,.data-table th:first-child{min-width:150px;width:180px}.data-table td:nth-child(2),.data-table th:nth-child(2){min-width:180px;width:200px}.data-table td:nth-child(3),.data-table th:nth-child(3){min-width:120px;width:150px}.data-table td:nth-child(4),.data-table th:nth-child(4){min-width:80px;width:100px}.data-table td:nth-child(5),.data-table th:nth-child(5){min-width:70px;width:80px}.data-table td:nth-child(6),.data-table th:nth-child(6){min-width:120px;width:140px}.data-table td:nth-child(7),.data-table th:nth-child(7){min-width:100px;width:120px}.data-table tr:hover{background:#f8f9fa}.user-info strong{color:#2c3e50;font-weight:600}.role-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.badge-admin{background:#e74c3c;color:#fff}.badge-manager{background:#f39c12;color:#fff}.badge-dev{background:#3498db}.badge-tester{background:#9b59b6;color:#fff}.badge-viewer{background:#95a5a6;color:#fff}.status-stack{display:flex;flex-wrap:wrap;gap:6px}.user-management .status-active{background:#28a745;color:#fff}.status-inactive{background:#f8d7da;color:#721c24}.status-approval.pending{background:#fff3cd;color:#856404}.status-approval.approved{background:#d4edda;color:#155724}.status-approval.rejected{background:#f8d7da;color:#721c24}.btn-action{background:#f8f9fa;border:none;border-radius:6px;color:#6c757d;cursor:pointer;font-size:1rem;padding:8px 12px;transition:all .3s ease}.btn-action:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.btn-edit:hover{background:#007bff;color:#fff}.btn-enable:hover{background:#28a745;color:#fff}.btn-disable:hover{background:#ffc107;color:#212529}.btn-delete:hover{background:#dc3545;color:#fff}.btn-approve:hover{background:#28a745;color:#fff}.btn-reject:hover{background:#dc3545;color:#fff}.empty-state{padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-state h3{color:#495057;margin:0 0 8px}.empty-state p{font-size:1rem;margin:0}.groups-section{min-height:500px}.cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{border:1px solid #f0f0f0;box-shadow:0 4px 20px #00000014;padding:24px;transition:all .3s ease}.card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.card-header{align-items:flex-start;justify-content:space-between;margin-bottom:16px}.card-header h3{color:#2c3e50;font-size:1.3rem;font-weight:700}.card-actions{display:flex;gap:8px}.card-content p{color:#6c757d;line-height:1.5;margin:0 0 16px}.stat-badge{background:#e9ecef;border-radius:12px;color:#495057;font-size:.85rem;font-weight:600;padding:4px 12px}.roles-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000d;min-height:500px;padding:32px}.roles-section .section-header{align-items:center;background:#0000;border-bottom:2px solid #f8f9fa;color:inherit;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.roles-section .section-header h2{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin:0}.roles-section .section-header h2:before{content:"🔐";font-size:1.5rem}.roles-section .search-bar{margin-bottom:24px;position:relative}.roles-section .search-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;font-size:1rem;padding:16px 20px 16px 50px;transition:all .3s ease;width:100%}.roles-section .search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.roles-section .search-bar:before{content:"🔍";font-size:1.2rem;left:18px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.roles-section .table-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #00000014;overflow-x:auto;overflow-y:hidden}.roles-section .modern-table{border-collapse:collapse;margin:0;min-width:900px;width:100%}.roles-section .modern-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.roles-section .modern-table thead th{border-bottom:2px solid #dee2e6;color:#495057;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.roles-section .modern-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.roles-section .modern-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.01)}.roles-section .modern-table tbody td{border:none;padding:20px 24px;vertical-align:middle}.roles-section .role-name{align-items:center;color:#1e293b;display:flex;font-weight:600;gap:12px}.roles-section .role-icon{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px;color:#fff;display:flex;font-size:1.2rem;height:36px;justify-content:center;width:36px}.roles-section .display-name{color:#4f46e5;font-size:1.05rem;font-weight:600}.roles-section .description{color:#64748b;font-style:italic;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word}.roles-section .permissions-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.roles-section .permission-count{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:.85rem;font-weight:600;padding:6px 12px}.roles-section .no-permissions,.roles-section .permission-count{align-items:center;display:inline-flex;white-space:nowrap}.roles-section .no-permissions{background:#fef2f2;border:1px solid #fecaca;border-radius:20px;color:#dc2626;font-size:.85rem;font-weight:600;padding:6px 12px}.roles-section .date{color:#64748b;font-size:.9rem}.roles-section .action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px}@media (max-width:992px){.roles-section .modern-table thead th{font-size:.9rem;padding:12px 14px}.roles-section .modern-table tbody td{padding:12px 14px}.roles-section .section-header{margin:-24px -24px 24px;padding:20px 24px}.roles-section .description{max-width:240px}}@media (max-width:768px){.roles-section .section-header{margin:-16px -16px 16px;padding:16px 20px}.roles-section .section-header h2{font-size:1.4rem}.roles-section .btn-primary{justify-content:center;width:100%}.roles-section .modern-table tbody td,.roles-section .modern-table thead th{padding:10px 12px}.roles-section .description{max-width:200px}}.roles-section .action-buttons .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.roles-section .action-buttons .btn-secondary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d;color:#fff}.roles-section .action-buttons .btn-secondary:hover{box-shadow:0 4px 16px #6366f166;transform:translateY(-2px)}.roles-section .action-buttons .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.roles-section .action-buttons .btn-danger:hover{box-shadow:0 4px 16px #ef444466;transform:translateY(-2px)}.roles-section .btn-primary{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 16px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.roles-section .btn-primary:hover{box-shadow:0 8px 24px #10b98166;transform:translateY(-2px)}.roles-section .btn-primary:before{content:none}.roles-section .stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:32px}.roles-section .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px;text-align:center;transition:all .3s ease}.roles-section .stat-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.roles-section .stat-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 8px}.roles-section .stat-card p{color:#64748b;font-size:.95rem;font-weight:500;margin:0}.roles-section .stat-card.total-roles h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text}.roles-section .stat-card.roles-with-permissions h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text}.roles-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.role-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:24px;transition:all .3s ease}.role-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.role-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.role-header h3{color:#2c3e50;font-size:1.3rem;font-weight:700;margin:0}.role-content p{color:#6c757d;line-height:1.5;margin:0 0 20px}.permissions-section h4{color:#495057;font-size:1rem;font-weight:600;margin:0 0 12px}.permissions-list{display:flex;flex-wrap:wrap;gap:8px}.permission-tag{background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;color:#495057;font-size:.8rem;font-weight:500;padding:6px 12px}.info-panel{margin-top:30px}.info-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;box-shadow:0 0 0 .08;padding:30px}.info-card h3{align-items:center;color:#2c3e50;display:flex;font-size:1.4rem;font-weight:700;gap:8px;margin:0 0 24px}.info-content{grid-gap:24px;display:grid;gap:24px}.info-section h4{color:#495057;font-size:1.1rem;font-weight:600;margin:0 0 12px}.info-section ul{color:#6c757d;line-height:1.6;margin:0;padding-left:20px}.info-section li{margin-bottom:8px}.access-levels{grid-gap:12px;display:grid;gap:12px}.access-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;padding:12px}.access-item span:last-child{color:#6c757d;font-size:.95rem}.warning-text{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;font-size:.95rem;margin-top:12px;padding:12px}.btn-danger{font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-danger:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.action-buttons{gap:8px}.action-buttons .btn{align-items:center;display:inline-flex;font-size:.85rem;gap:4px;min-width:auto;padding:6px 12px}.action-buttons .btn-edit{background:#17a2b8;border:1px solid #17a2b8;color:#fff}.action-buttons .btn-edit:hover:not(:disabled){background:#138496;border-color:#117a8b;box-shadow:0 4px 12px #17a2b84d;transform:translateY(-1px)}.action-buttons .btn-delete{background:#dc3545;border:1px solid #dc3545;color:#fff}.action-buttons .btn-delete:hover:not(:disabled){background:#c82333;border-color:#bd2130;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.user-groups-info{display:flex;flex-direction:column;gap:12px}.group-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;padding:12px 16px;transition:all .3s ease}.group-item:hover{border-color:#007bff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.group-header{align-items:center;color:#495057;display:flex;font-weight:600;gap:8px}.group-icon{font-size:16px}.group-name{color:#007bff}.group-description{color:#6c757d;font-size:14px;font-style:italic;margin-top:6px}.groups-note{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #2196f3;border-radius:6px;margin-top:8px;padding:8px 12px}.groups-note small{color:#1976d2;font-weight:500}@media (max-width:768px){.user-management-container{padding:15px}.header-content{align-items:stretch;flex-direction:column}.header-actions{justify-content:center}.stats-grid{grid-template-columns:1fr}.tabs{flex-direction:column}.tab-content{padding:20px}.section-header{align-items:stretch;flex-direction:column}.search-container{max-width:none}.data-table{font-size:.85rem}.data-table td,.data-table th{padding:12px 8px}.cards-grid,.info-content,.roles-grid{grid-template-columns:1fr}}@media (max-width:480px){.header-left h1{font-size:1.8rem}.btn{font-size:.9rem;padding:10px 16px}.stat-card{padding:20px}.stat-icon{font-size:2rem;height:50px;width:50px}.stat-content h3{font-size:1.6rem}.action-buttons{flex-wrap:wrap}}.access-denied{border-radius:16px;box-shadow:0 4px 20px #00000014;margin:20px;padding:60px 20px;text-align:center}.access-denied h2{color:#e74c3c;font-size:2rem;margin-bottom:16px}.access-denied p{color:#6c757d;font-size:1.1rem;line-height:1.6;margin-bottom:12px}.user-management-right-panel{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #00000014;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.panel-section{border-bottom:1px solid #f0f0f0;padding:24px}.panel-section:last-child{border-bottom:none}.panel-section h3{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin:0 0 20px}.stats-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px 16px 0 0}.section-header h3{color:#2c3e50;font-size:1.2rem;font-weight:700}.update-time{background:#fffc;border-radius:12px;color:#6c757d;font-size:.75rem;font-weight:500;padding:4px 8px}.modern-stats-grid{grid-gap:16px;display:grid;gap:16px}.modern-stat-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.modern-stat-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:4px}.modern-stat-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.modern-stat-card:hover:before{width:6px}.stat-icon-wrapper{border-radius:12px;flex-shrink:0;font-size:1.4rem;height:48px;position:relative;width:48px}.stat-icon,.stat-icon-wrapper{align-items:center;display:flex;justify-content:center}.stat-icon{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;height:100%;left:50%;line-height:1;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);vertical-align:middle;width:100%}.total-users .stat-icon-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.active-users .stat-icon-wrapper{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.admin-users .stat-icon-wrapper{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.companies .stat-icon-wrapper{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.stat-number{color:#2c3e50;font-size:1.8rem;font-weight:700;line-height:1}.stat-label{color:#6c757d;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-trend{margin-top:4px}.trend-indicator{border-radius:12px;font-size:.75rem;font-weight:500;padding:2px 8px}.trend-indicator.positive{background:#4caf501a;color:#4caf50}.trend-indicator.neutral{background:#9e9e9e1a;color:#9e9e9e}.trend-indicator.negative{background:#f443361a;color:#f44336}.permissions-info{display:flex;flex-direction:column;gap:12px}.permission-item{background:#f8f9fa;border-radius:8px;font-size:.9rem;gap:12px;padding:12px}.permission-icon{font-size:1rem}.info-list{display:flex;flex-direction:column;gap:12px}.info-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;font-size:.9rem;justify-content:space-between;padding:12px}.info-item strong{color:#495057}.user-role{background:#667eea;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px}@media (max-width:1600px) and (min-width:1401px){.user-management-layout{gap:22px;max-width:1500px;padding:20px}}.user-management .modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.user-management .modal,.user-management .modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.user-management .modal-content{padding:0}.user-management .modal-content .modal-header{padding:20px 30px 0}.user-management .modal-content .modal-body{padding:20px 30px}.user-management .modal-content form{padding:20px 30px 30px}.user-management .modal-content .form-group{margin-bottom:20px}.user-management .modal-content .form-group:last-child{margin-bottom:0}.user-management .modal-content .modal-actions{border-top:1px solid #e9ecef;margin-top:30px;padding:20px 30px}.user-management .modal-content .permissions-grid{grid-gap:12px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:grid;gap:12px;max-height:200px;overflow-y:auto;padding:15px}.user-management .modal-content .permission-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:10px}.user-management .modal-content .checkbox-label{cursor:pointer;display:flex;flex-direction:column;gap:4px;margin:0}.user-management .modal-content .permission-name{color:#2c3e50;font-size:.9rem;font-weight:600}.user-management .modal-content .permission-description{color:#6c757d;font-size:.8rem;line-height:1.3}.user-management .modal-content .form-help{color:#6c757d;display:block;font-size:.85rem;margin-top:5px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.user-management .modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px 30px}.user-management .modal-header h3{color:#2c3e50;font-size:1.4rem;font-weight:700;margin:0}.user-management .modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.user-management .modal-close:hover{background:#f8f9fa;color:#dc3545;transform:scale(1.1)}.user-management .modal-form{padding:30px}.user-management .form-row{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.user-management .form-row .form-group{align-self:start}.user-management .form-group{margin-bottom:20px}.user-management .form-group label{color:#2c3e50;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.user-management .form-group input,.user-management .form-group select,.user-management .form-group textarea{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.user-management .form-group input:focus,.user-management .form-group select:focus,.user-management .form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.user-management .form-group input.error,.user-management .form-group select.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.user-management .error-message{color:#dc3545;display:block;font-size:.85rem;margin-top:4px}.user-management .form-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.user-management .btn-modal{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.user-management .btn-modal-primary{background:#4caf50;color:#fff}.user-management .btn-modal-primary:hover:not(:disabled){background:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.user-management .btn-modal-secondary{background:#6c757d;color:#fff}.user-management .btn-modal-secondary:hover{background:#5a6268;transform:translateY(-2px)}.user-management .btn-modal:disabled{cursor:not-allowed;opacity:.6;transform:none}.user-management .checkbox-group{align-items:center;display:flex;gap:8px;margin-top:8px}.user-management .checkbox-group input[type=checkbox]{margin:0;width:auto}.user-management .role-description{color:#6c757d;font-size:.85rem;font-style:italic;margin-top:4px}@media (max-width:768px){.user-management .modal{margin:20px;width:95%}.user-management .modal-form,.user-management .modal-header{padding:20px}.user-management .form-row{gap:16px;grid-template-columns:1fr}.user-management .form-actions{flex-direction:column}.user-management .btn-modal{justify-content:center;width:100%}}@media (max-width:1400px) and (min-width:1201px){.user-management-layout{gap:20px;max-width:1350px;padding:18px}.data-table{min-width:1000px}}@media (max-width:1200px){.user-management-layout{gap:18px;grid-template-columns:1fr 280px;max-width:100%;padding:16px}.modern-stats-grid{grid-template-columns:1fr}.data-table{font-size:.9rem;min-width:900px}.data-table td,.data-table th{padding:12px 10px}}@media (max-width:1024px){.user-management-layout{gap:20px;grid-template-columns:1fr}.user-management-right-panel{order:-1;position:relative;top:0}}@media (max-width:768px){.user-management-layout{gap:16px;padding:12px}.main-tab-navigation{padding:0 16px}.main-nav-tab{font-size:.9rem;padding:12px 16px}.tab-content{padding:20px 16px}.modern-stat-card,.panel-section{padding:16px}.stat-content .stat-number{font-size:1.8rem}.modern-stats-grid{grid-template-columns:repeat(2,1fr)}}.user-management .users-list{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:8px;max-height:300px;overflow-y:auto;padding:12px}.user-management .user-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;margin-bottom:12px;padding:12px;transition:all .2s ease}.user-management .user-item:hover{border-color:#4caf50;box-shadow:0 2px 4px #4caf501a}.user-management .user-checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:12px;width:100%}.user-management .user-checkbox input[type=checkbox]{flex-shrink:0;margin:2px 0 0;width:auto}.user-management .user-info{flex:1 1}.user-management .user-name{margin-bottom:4px}.user-management .user-name strong{color:#2c3e50;font-size:.95rem}.user-management .user-details{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.user-management .user-email{color:#6c757d;font-size:.85rem}.user-management .user-role{border-radius:12px;font-size:.75rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.user-management .selected-count{background:#e8f5e8;border:1px solid #4caf50;border-radius:6px;color:#2e7d32;font-size:.9rem;font-weight:600;margin-top:12px;padding:8px 12px;text-align:center}.user-management .no-users{color:#6c757d;padding:20px;text-align:center}.user-management .user-search{margin-bottom:8px}.user-management .user-search .search-input{border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:10px 12px;width:100%}.user-management .user-search .search-input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.user-management .role-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.user-management .badge-ADM,.user-management .badge-admin{background-color:#dc3545;color:#fff}.user-management .badge-GERENCIAL,.user-management .badge-manager{background-color:#fd7e14;color:#fff}.user-management .badge-OPERACIONAL,.user-management .badge-tester{background-color:#20c997;color:#fff}.user-management .badge-CONSULTA,.user-management .badge-viewer{background-color:#6c757d;color:#fff}.permissions-grid{grid-gap:20px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-height:400px;overflow-y:auto;padding:16px}.permission-category{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px}.category-title{border-bottom:1px solid #e9ecef;color:#495057;font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.permission-list{display:flex;flex-direction:column;gap:8px}.permission-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:6px 8px;transition:background-color .2s ease}.permission-item:hover{background-color:#f8f9fa}.permission-item input[type=checkbox]{cursor:pointer;margin:0}.permission-label{color:#495057;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}.form-help{color:#6c757d;display:block;font-size:12px;margin-top:4px}.disabled{background-color:#f8f9fa!important;color:#6c757d!important;cursor:not-allowed!important}.delete-modal .modal-content{max-width:520px}.delete-confirmation{padding:8px 0 12px;text-align:center}.warning-icon{font-size:48px;margin-bottom:16px}.delete-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 30px 24px}.delete-confirmation p{color:#495057;margin:8px 0}.warning-text{color:#dc3545;font-size:14px;font-weight:500}.btn-danger{background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{background-color:#c82333;border-color:#bd2130}.btn-danger:disabled{background-color:#6c757d;border-color:#6c757d;opacity:.65}.roles-table{border-collapse:collapse;margin-top:16px;width:100%}.roles-table td,.roles-table th{border-bottom:1px solid #e9ecef;padding:12px 16px;text-align:left}.roles-table th{background-color:#f8f9fa;font-weight:600}.roles-table td,.roles-table th{color:#495057;font-size:14px}.roles-table tbody tr:hover{background-color:#f8f9fa}.role-actions{align-items:center;display:flex;gap:8px}.role-actions .btn{border-radius:4px;font-size:12px;padding:4px 8px}.role-permissions-count{align-items:center;background-color:#e9ecef;border-radius:12px;color:#495057;display:inline-flex;font-size:12px;font-weight:500;height:20px;justify-content:center;min-width:24px;padding:2px 8px}.role-date{color:#6c757d;font-size:13px}@media (max-width:768px){.user-management .users-list{max-height:250px}.user-management .user-item{padding:10px}.user-management .user-details{align-items:flex-start;flex-direction:column;gap:6px}.permissions-grid{grid-template-columns:1fr}}.companies-section{background:#0000}.companies-section .section-header{align-items:center;border-bottom:2px solid #f8f9fa;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.companies-section .section-header h2{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin:0}.companies-section .section-header h2:before{content:"🏢";font-size:1.3rem}.companies-section .search-bar{margin-bottom:24px;position:relative}.companies-section .search-input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;font-size:.95rem;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.companies-section .search-input:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.companies-section .search-bar:before{color:#6c757d;content:"🔍";font-size:1rem;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.companies-section .table-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:24px;overflow-x:auto;overflow-y:hidden}.companies-section .modern-table{border-collapse:collapse;min-width:700px;width:100%}.companies-section .modern-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.companies-section .modern-table thead th{border-bottom:2px solid #dee2e6;color:#495057;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.companies-section .modern-table tbody tr{border-bottom:1px solid #f8f9fa;transition:all .2s ease}.companies-section .modern-table tbody tr:hover{background:#f8f9fa;transform:translateY(-1px)}.companies-section .modern-table tbody td{border-bottom:1px solid #f0f0f0;padding:16px 20px;vertical-align:middle;word-break:break-word}.company-name{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:10px}.company-name strong{overflow-wrap:anywhere;word-break:break-word}.company-icon{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:8px;color:#fff;display:flex;font-size:1.2rem;font-size:.9rem;height:32px;justify-content:center;width:32px}.company-description{color:#6c757d;font-size:.9rem;max-width:240px;white-space:normal;word-break:break-word}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;padding:6px 12px}.status-badge.active{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.inactive{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.contact-email,.contact-phone{color:#495057;font-size:.9rem;overflow-wrap:anywhere;word-break:break-word}.user-count{background:#e3f2fd;border-radius:12px;color:#1565c0;font-size:.8rem;font-weight:600;padding:4px 8px;white-space:nowrap}@media (max-width:992px){.companies-section .modern-table{min-width:100%}.companies-section .modern-table tbody td,.companies-section .modern-table thead th{padding:12px 14px}.company-name{flex-wrap:wrap}.companies-section .section-header{align-items:stretch;flex-direction:column;gap:12px}.companies-section .btn-primary{justify-content:center;width:100%}.companies-section .modern-table tbody .col-created,.companies-section .modern-table tbody .col-email,.companies-section .modern-table tbody .col-phone,.companies-section .modern-table thead .col-created,.companies-section .modern-table thead .col-email,.companies-section .modern-table thead .col-phone{display:none}}@media (max-width:768px){.companies-section .modern-table{min-width:100%}.company-description{max-width:none}.companies-section .table-container{overflow-x:auto}.companies-section .modern-table tbody .col-created,.companies-section .modern-table tbody .col-description,.companies-section .modern-table tbody .col-email,.companies-section .modern-table tbody .col-phone,.companies-section .modern-table thead .col-created,.companies-section .modern-table thead .col-description,.companies-section .modern-table thead .col-email,.companies-section .modern-table thead .col-phone{display:none}.user-count{white-space:normal}}.created-date{color:#6c757d;font-size:.85rem}.companies-section .action-buttons{display:flex;gap:8px;justify-content:center}.companies-section .action-buttons .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;min-width:36px;padding:8px 12px;transition:all .2s ease}.companies-section .action-buttons .btn-secondary{background:#6c757d;color:#fff}.companies-section .action-buttons .btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.companies-section .action-buttons .btn-danger{background:#dc3545;color:#fff}.companies-section .action-buttons .btn-danger:hover{background:#c82333;transform:translateY(-1px)}.companies-section .btn-primary{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.companies-section .btn-primary:hover{box-shadow:0 8px 25px #007bff4d;transform:translateY(-2px)}.companies-section .btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.companies-section .stats-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px}.companies-section .stat-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:20px;text-align:center;transition:all .3s ease}.companies-section .stat-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.companies-section .stat-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007bff,#0056b3);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 8px}.companies-section .stat-card p{color:#6c757d;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.companies-section .stat-card.total-companies h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#007bff,#0056b3);-webkit-background-clip:text}.companies-section .stat-card.active-companies h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#28a745,#20c997);-webkit-background-clip:text}.companies-section .stat-card.total-company-users h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6f42c1,#e83e8c);-webkit-background-clip:text}.delete-modal .delete-confirmation{padding:20px 0;text-align:center}.delete-modal .warning-icon{font-size:3rem;margin-bottom:16px}.delete-modal .warning-details{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:16px;padding:16px;text-align:left}.delete-modal .warning-details p{color:#856404;font-size:.9rem;margin:8px 0}.user-limit-banner{grid-gap:12px;background:#eef5ff;border:1px solid #c9dbff;border-radius:10px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px;padding:12px}.user-limit-banner.warning{background:#fff8e8;border-color:#f0c36d}.user-limit-item{background:#fff;border:1px solid #e3e8f3;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.user-limit-item .label{color:#4b5563;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.user-limit-item strong{color:#1f2937;font-size:1.05rem}@media (max-width:900px){.user-limit-banner{grid-template-columns:1fr}}.status-container{padding:2rem}.status-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.header-left{gap:1rem}.btn-back{background:#0000;border:1px solid #cbd5e0;padding:.5rem .75rem}.status-filters{display:flex;gap:1rem;margin-bottom:1rem}.filter-input{border:1px solid #cbd5e0;border-radius:6px;padding:.5rem .75rem}.status-list{display:flex;flex-direction:column;gap:.5rem}.status-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;padding:.75rem 1rem}.status-item,.status-left{align-items:center;display:flex}.status-left{gap:.75rem}.status-color{border:1px solid #cbd5e0;border-radius:4px;height:18px;width:18px}.status-label{color:#2d3748;font-weight:600}.status-meta{color:#718096;display:flex;font-size:.75rem;gap:.5rem}.status-tag{background:#edf2f7;border:1px solid #e2e8f0;border-radius:6px;padding:0 .25rem}.active-badge{background:#c6f6d5;border:1px solid #9ae6b4;border-radius:6px;color:#22543d}.active-badge,.inactive-badge{font-weight:600;padding:.25rem .5rem}.inactive-badge{background:#fed7d7;border:1px solid #feb2b2;border-radius:6px;color:#742a2a}.empty-state{color:#718096;padding:1rem}.tabs{align-items:center;gap:8px}.tab-button{background:#f7fafc;border:1px solid #cbd5e0;border-radius:6px;cursor:pointer;padding:8px 12px}.tab-button.active{background:#153a6e;border-color:#153a6e;color:#fff}.status-actions{gap:8px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;padding:8px 12px}.btn-secondary{background:#e2e8f0;color:#1f2937}.btn-danger{background:#dc2626;border:none;border-radius:6px;cursor:pointer;padding:8px 12px}.btn-close{background:none;border:none;cursor:pointer;font-size:18px}.modal-overlay{background:#0006;height:100%;width:100%}.modal{border-radius:8px;box-shadow:0 10px 25px #0003;max-width:95vw;width:520px}.modal-header{border-bottom:1px solid #eee;padding:12px 16px}.status-form{padding:16px}.form-group{gap:6px;margin-bottom:12px}.form-row{gap:16px;margin:12px 0}.checkbox{align-items:center;display:flex;font-size:14px;gap:8px}.modal-actions{gap:8px;margin-top:8px}.form-error{color:#dc2626;font-size:12px}.char-counter{color:#718096;font-size:.8rem;margin-top:4px;text-align:right}.char-counter.limit{color:#e53e3e;font-weight:600}.overrides-container{margin-top:1rem}.override-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem 1rem}.override-controls{align-items:center;display:flex;gap:12px}.order-input{width:64px}.projects-actions{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.search-input{background:#fff;border:1px solid #cbd5e0;border-radius:6px;padding:8px 10px}.list-actions{align-items:center;display:flex;gap:8px}.projects-list{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;max-height:280px;overflow-y:auto;padding:10px;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.projects-list::-webkit-scrollbar{width:8px}.projects-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.projects-list::-webkit-scrollbar-thumb{background-color:#cbd5e1;border:2px solid #f1f5f9;border-radius:8px}.projects-list:hover::-webkit-scrollbar-thumb{background-color:#94a3b8}.project-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:10px;margin-bottom:8px;padding:10px 12px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .08s ease}.project-item:last-child{margin-bottom:0}.project-item:hover{background:#f9fafb;box-shadow:0 1px 2px #0000000a;transform:translateY(-1px)}.project-item.selected{background:#eff6ff;border-color:#3b82f6}.project-item:focus-within{box-shadow:inset 0 0 0 2px #93c5fd}.project-name{background:#eef2f7;border-radius:8px;color:#1f2937;font-weight:600;line-height:1;padding:6px 10px}.project-item.selected .project-name{background:#dbeafe;color:#1e40af}.checkbox input[type=checkbox]{height:16px;width:16px}.project-item input[type=checkbox]{accent-color:#3b82f6;margin-left:auto}.selected-count{background:#eef2ff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:12px;padding:4px 8px}.callback-container{align-items:center;background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);display:flex;justify-content:center;min-height:100vh;padding:20px}.callback-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:400px;padding:40px;text-align:center;width:100%}.callback-card h2{color:#333;font-size:24px;margin:20px 0 10px}.callback-card p{color:#666;line-height:1.5;margin:10px 0}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#153a6e;margin:0 auto 20px}.error-icon,.success-icon{font-size:60px;margin-bottom:20px}.callback-card.success{border-top:4px solid #4caf50}.callback-card.error{border-top:4px solid #f44336}.callback-card.success h2{color:#4caf50}.callback-card.error h2{color:#f44336}.settings-container{margin:0;max-width:none;padding:1rem;width:100%}.settings-header{background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);border-radius:12px;box-shadow:0 6px 18px #0b1e3d59;color:#fff;margin-bottom:1rem;padding:1rem}.settings-header h1{font-size:2rem;margin:0 0 .5rem}.settings-warning{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;color:#9a3412;margin-bottom:1rem;padding:1rem}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.settings-section{background:#fff;border:1px solid #e1e5e9;border-radius:14px;box-shadow:0 8px 20px #0000000f;padding:1.25rem 1.5rem}.settings-section h2{font-size:1.25rem;margin:0 0 1rem}.form-row{align-items:center;display:flex;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600}.form-group input[type=number],.form-group select{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:10px;padding:10px 12px;transition:all .2s ease}.form-group input[type=number]:focus,.form-group select:focus{background:#fff;border-color:#153a6e;box-shadow:0 0 0 3px #153a6e26;outline:none}.switch{height:34px;width:60px}.slider{border-radius:34px}.slider:before{border-radius:50%;bottom:4px;height:26px;left:4px;width:26px}.switch input:checked+.slider{background-color:#153a6e}.switch input:checked+.slider:before{transform:translateX(26px)}.field-info{display:flex;flex-direction:column}.field-info strong{font-weight:600}.field-info small{color:#666}.settings-actions{align-items:center;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.btn-danger,.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:.75rem 1rem}.btn-secondary{background:#edf2f7;color:#2d3748}.btn-danger{background:#e53e3e}.btn-danger:disabled,.btn-primary:disabled{cursor:not-allowed;opacity:.6}.spacer{flex:1 1}.loading{padding:2rem}.qa-activity-card{display:flex;flex-direction:column;min-height:300px;padding:15px}.qa-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.qa-title{color:#333;font-size:14px;font-weight:600}.qa-controls{display:flex;gap:8px}.qa-dropdown{position:relative}.qa-dropdown.full-width{margin-bottom:15px;width:100%}.qa-drop-btn{align-items:center;background:#f3f4f6;color:#4b5563;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:6px 12px;text-align:left;width:100%}.qa-drop-btn,.qa-drop-menu{border:1px solid #e5e7eb;border-radius:6px}.qa-drop-menu{background:#fff;box-shadow:0 4px 12px #0000001a;margin-top:4px;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.qa-drop-menu.user-menu{left:0;max-height:200px;overflow-y:auto;right:0}.qa-drop-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 12px}.qa-drop-item:hover{background:#f9fafb}.qa-drop-actions{border-top:1px solid #e5e7eb;padding:8px;text-align:right}.qa-action-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 10px}.qa-body{max-height:400px;overflow-y:auto;padding-right:5px}.qa-body::-webkit-scrollbar{width:6px}.qa-body::-webkit-scrollbar-track{background:#f1f1f1}.qa-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.qa-body::-webkit-scrollbar-thumb:hover{background:#aaa}.qa-individual-view{display:flex;flex-direction:column;gap:15px}.qa-profile{gap:12px}.qa-avatar,.qa-profile{align-items:center;display:flex}.qa-avatar{background:#e0e7ff;border-radius:50%;color:#4f46e5;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.qa-info{display:flex;flex-direction:column}.qa-name{color:#1f2937;font-size:14px;font-weight:600}.qa-period-badge{align-self:flex-start;background:#f3f4f6;border-radius:10px;color:#6b7280;font-size:11px;margin-top:2px;padding:2px 6px}.qa-metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.qa-metric-box{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;padding:10px}.qa-metric-label{color:#6b7280;font-size:11px;margin-bottom:4px}.qa-metric-value{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:700;gap:6px}.qa-goal-check{font-size:14px}.qa-subtext{color:#6b7280;font-size:10px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa-next-task{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:10px}.qa-task-label{color:#92400e;font-size:11px;font-weight:600;margin-bottom:4px}.qa-task-desc{color:#b45309;font-size:13px}.qa-task-due{color:#d97706;font-size:10px;margin-top:4px;text-align:right}.qa-comparison-view{display:flex;flex-direction:column;gap:15px;height:100%}.qa-chart-container{flex:1 1;min-height:180px}.qa-chart-container h4{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:8px}.qa-summary-list{border-top:1px solid #f3f4f6;padding-top:10px}.qa-list-header{color:#9ca3af;display:flex;font-size:11px;margin-bottom:6px;padding:0 4px}.qa-list-header span:first-child{flex:2 1}.qa-list-header span:nth-child(2),.qa-list-header span:nth-child(3){flex:1 1;text-align:right}.qa-list-row{align-items:center;border-bottom:1px solid #f9fafb;display:flex;font-size:12px;padding:6px 4px}.qa-list-row:last-child{border-bottom:none}.qa-list-name{color:#374151;flex:2 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa-list-val{color:#6b7280;flex:1 1;text-align:right}@media (min-width:1100px){.qa-comparison-view{flex-direction:row}.qa-chart-container{border-right:1px solid #f3f4f6;flex:3 1;padding-right:15px}.qa-summary-list{border-top:none;flex:2 1;padding-left:15px;padding-top:0}}:root{--dash-bg:#0000;--card-bg:#fff;--text-primary:#1f2937;--text-muted:#6b7280;--green:#3ddc97;--yellow:#f7b84b;--red:#ef6b6b;--blue:#3b82f6;--purple:#8b5cf6}.dashboard{grid-gap:0;align-content:start;background:#0000;background:var(--dash-bg);color:#1f2937;color:var(--text-primary);display:grid;gap:0;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;min-height:100%;padding:0 16px 16px}.dash-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;min-height:32px}.dash-header h1{font-size:18px;margin:0}.dash-controls{display:flex;flex-wrap:wrap;gap:8px;margin:0}.dash-controls select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:13px;height:28px;padding:2px 8px}.dash-grid{grid-gap:16px;display:grid;gap:16px}.dash-grid.top{grid-template-columns:repeat(3,1fr)}.dash-grid.middle{grid-template-columns:2fr 1fr}.dash-grid.bottom{grid-template-columns:1fr 1fr}.card{background:#fff;background:var(--card-bg);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:16px}.card:hover{box-shadow:0 6px 16px #00000014}.dash-banner{background:#fff;margin-left:-16px;margin-right:-16px;margin-top:16px;min-height:240px;overflow:hidden;width:calc(100% + 32px)}.dash-banner-img{display:block;height:100%;object-fit:contain;object-position:center;transform-origin:center;width:100%}.metric-title{color:#6b7280;color:var(--text-muted);font-size:14px}.metric-value{font-size:32px;font-weight:700;margin:6px 0 10px}.metric-bars{display:flex;gap:6px;height:6px;margin-bottom:8px}.bar{border-radius:6px;height:100%}.bar.green{background:#3ddc97;background:var(--green)}.bar.yellow{background:#f7b84b;background:var(--yellow)}.bar.purple{background:#8b5cf6;background:var(--purple)}.bar.red{background:#ef6b6b;background:var(--red)}.metric-legend{color:#6b7280;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.metric-legend .ok{color:#3ddc97;color:var(--green)}.metric-legend .warn{color:#f7b84b;color:var(--yellow)}.metric-legend .purple{color:#8b5cf6;color:var(--purple)}.metric-legend .err{color:#ef6b6b;color:var(--red)}.cycle-title{color:#6b7280;color:var(--text-muted);font-size:14px}.cycle-body{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.ring{height:96px;place-items:center;width:96px}.ring,.ring-center{border-radius:50%;display:grid}.ring-center{background:#fff;font-weight:700;height:76px;place-items:center;width:76px}.cycle-stats .cycle-num{font-size:22px;font-weight:700}.cycle-stats .cycle-label{color:#6b7280;color:var(--text-muted);font-size:12px;margin-bottom:8px}.cycle-stats .cycle-sub{color:#6b7280;color:var(--text-muted);font-size:11px}.cycle-stats .cycle-date{font-size:12px}.suites-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.suites-title{font-weight:600}.suites-tabs{color:#6b7280;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:12px}.suites-list{grid-gap:10px;display:grid;gap:10px;margin-top:8px}.suite-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1.2fr .8fr 2fr 1fr}.suite-name{font-weight:600}.suite-total{color:#6b7280;color:var(--text-muted);font-size:12px}.suite-bars{display:flex;height:6px}.suite-executor{color:#6b7280;color:var(--text-muted);font-size:12px;text-align:right}.tasks-title{font-weight:600;margin-bottom:8px}.task-item{grid-gap:8px;display:grid;gap:8px}.task-name{font-weight:700}.task-detail{color:#6b7280;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between}.random-title{font-weight:600;margin-bottom:8px}.random-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.random-controls select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1f2937;color:var(--text-primary);padding:6px 10px}.btn-run{background:#3b82f6;background:var(--blue);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}.random-meta{color:#6b7280;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:8px;margin-top:8px}@media (max-width:1400px){.dash-header{flex-wrap:wrap;gap:10px;height:auto}.dash-grid.top{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid.bottom,.dash-grid.middle{grid-template-columns:minmax(0,1fr)}.suite-row{grid-template-columns:minmax(0,1.2fr) minmax(90px,.8fr) minmax(0,2fr) minmax(110px,1fr)}}.last.small{grid-gap:6px;display:grid;gap:6px}.last-title{color:#6b7280;color:var(--text-muted);font-size:12px}.last-user{font-weight:700}.last-date{color:#6b7280;color:var(--text-muted);font-size:12px}@media (max-width:1100px){.dash-grid.bottom,.dash-grid.middle,.dash-grid.top{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.emoji,.emoji-icon{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif!important;font-variant-emoji:emoji;text-rendering:optimizeQuality}.App,.loading-screen{min-height:100vh}.loading-screen{align-items:center;background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);color:#fff;display:flex;flex-direction:column;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-screen p{font-size:1.2rem;font-weight:600}.desktop-only-screen{align-items:center;background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);display:flex;justify-content:center;min-height:100vh;padding:24px}.desktop-only-card{background:#fff;border-radius:14px;box-shadow:0 12px 30px #0003;color:#1f2937;max-width:560px;padding:28px;width:100%}.desktop-only-card h1{color:#0b1e3d;font-size:1.5rem;margin-bottom:12px}.desktop-only-card p{font-size:1rem;line-height:1.5;margin-bottom:10px}.desktop-only-btn{background:#153a6e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:14px;padding:10px 16px}.desktop-only-btn:hover{background:#0f2f5a}.btn-back{gap:6px;margin-right:16px;transition:all .2s ease}.btn-back:active{transform:translateY(0)}.header-left h1{margin:0}.modal-overlay{background:#00000080}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e0e0e0;padding:20px}.modal-header h2{color:#333;font-size:1.25rem}.modal-body{overflow-y:auto;padding:20px}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem}.modal-close:hover{color:#333}.modal-large{max-width:900px}.modal-compact{height:auto;max-height:90vh;overflow:hidden}.modal-compact .modal-body{flex:1 1;min-height:0}.modal-compact .modal-footer{flex-shrink:0}nav.sidebar{background:linear-gradient(180deg,#0b1e3d,#153a6e 60%,#0b1e3d);background-color:#0b1e3d!important;background-image:linear-gradient(180deg,#0b1e3d,#153a6e 60%,#0b1e3d)!important;border-right:1px solid #ffffff14;box-shadow:2px 0 10px #00000040;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-color:#ffffff47 #0000;scrollbar-width:thin;top:0;width:280px;z-index:1}nav.sidebar::-webkit-scrollbar{width:6px}nav.sidebar::-webkit-scrollbar-track{background:#0000}nav.sidebar::-webkit-scrollbar-thumb{background-color:#ffffff3d;border-radius:8px}nav.sidebar:hover::-webkit-scrollbar-thumb{background-color:#ffffff52}.sidebar-header{background:#0000;border-bottom:1px solid #ffffff0f;color:#e2e8f0;gap:12px;padding:1rem 1.25rem}.sidebar-header h1{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.brand{align-items:center;display:flex;gap:10px;margin:0}.brand-logo{display:block;height:120px;width:auto}.brand-icon{align-items:center;background:linear-gradient(135deg,#d4af37,#b47e00);border-radius:50%;box-shadow:0 0 0 2px #ffffff14,0 6px 12px #00000059;color:#fff;display:flex;height:28px;justify-content:center;width:28px}.brand-icon svg{height:16px;width:16px}.brand-name{color:#f1f5f9;font-size:1.25rem;font-weight:700}.user-card{align-items:center;display:flex;gap:8px}.avatar{display:none}.user-details{align-items:flex-end}.user-details,.user-info{display:flex;flex-direction:column}.user-info{gap:.25rem}.user-name{color:#f1f5f9;font-size:1rem;font-weight:600}.user-role{color:#cbd5e1;font-size:.875rem;opacity:.95;text-transform:capitalize}.trial-expiry-badge{background:#facc15;border-radius:9999px;box-shadow:0 1px 4px #00000040;color:#0b1e3d;font-size:.72rem;font-weight:700;line-height:1;margin-top:6px;padding:4px 10px}.trial-expiry-badge--warning{background:#dc2626;color:#fff}.sidebar-header .role-badge{background:#8b5cf6;border-radius:9999px;box-shadow:0 2px 8px #00000040;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.nav-menu{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:1rem 0}.nav-menu li{margin:.25rem 0}.nav-menu button{background:#0000;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;padding:.75rem 1rem;text-align:left;transition:all .15s ease;width:100%}.nav-menu button:hover{background:#ffffff0f;color:#fff}.nav-menu li.active button{background:#ffffff1a;color:#fff;font-weight:600}.menu-item-icon{align-items:center;color:#cbd5e1;display:inline-flex;justify-content:center;margin-right:10px}.menu-item-icon,.menu-item-icon svg{height:20px;width:20px}.nav-menu button:hover .menu-item-icon{color:#e2e8f0}.nav-menu li.active .menu-item-icon{color:#d4af37}.sidebar-footer{border-top:1px solid #ffffff0f;padding:1rem 1.25rem}.tutorial-start-btn{background:#facc15;border:none;border-radius:10px;color:#0b1e3d;cursor:pointer;font-weight:800;margin-bottom:.75rem;padding:.75rem;text-align:center;transition:all .15s ease;width:100%}.tutorial-start-btn:hover{background:#eab308}.logout-btn{background:#0000;border:none;border-radius:10px;color:#cbd5e1;cursor:pointer;font-weight:600;padding:.75rem;text-align:left;transition:all .15s ease;width:100%}.logout-btn:hover{background:#ffffff0f;color:#e2e8f0}.shortcuts-btn{align-items:center;background:linear-gradient(135deg,#94a3b81a,#4755691a);border:1px solid #94a3b833;border-radius:10px;color:#cbd5e1;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.75rem;padding:.875rem 1rem;text-align:center;transition:all .2s ease;width:100%}.shortcuts-btn:hover{background:linear-gradient(135deg,#94a3b833,#47556933);border-color:#94a3b866;box-shadow:0 4px 12px #00000026;color:#e2e8f0;transform:translateY(-2px)}.shortcuts-btn:active{box-shadow:0 2px 6px #0000001a;transform:translateY(0)}.menu-section .section-toggle{display:none}.section-title{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;gap:8px;letter-spacing:.04em;margin:.5rem 0 .25rem;padding:.5rem 1rem;text-transform:uppercase}.section-icon{color:#cbd5e1;font-size:1.25rem}.submenu{list-style:none;padding-left:0}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}}.global-search-overlay{align-items:flex-start;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding-top:60px;position:fixed;right:0;top:0;z-index:1000}.global-search-modal{animation:slideDown .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;gap:12px;padding:16px}.search-input{background:#0000;border:none;flex:1 1;font-family:inherit;font-size:16px;outline:none;padding:12px}.search-input::placeholder{color:#999}.close-btn{padding:0 8px}.search-results{flex:1 1;overflow-y:auto;padding:12px 0}.loading{color:#666;font-weight:500;padding:40px 16px}.no-results,.search-hint{color:#999;padding:40px 16px;text-align:center}.search-hint p{margin:0}.results-group{margin:12px 0}.group-title{color:#999;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0;padding:8px 16px;text-transform:uppercase}.result-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;text-align:left;transition:background-color .15s;width:100%}.result-item:hover{background-color:#f5f5f5}.result-item.selected{background-color:#e3f2fd;border-left:3px solid #2196f3;padding-left:13px}.result-name{color:#222;flex:1 1;font-weight:500;word-break:break-word}.result-meta{color:#999;font-size:12px;margin-left:16px;white-space:nowrap}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#f1f1f1}.search-results::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.search-results::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:600px){.global-search-overlay{align-items:flex-start;padding-top:0}.global-search-modal{border-radius:0;max-height:100vh;max-height:100%;width:100%}.search-header{padding:12px}.result-item{padding:10px 12px}}.shortcuts-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shortcuts-modal{animation:slideUp .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shortcuts-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.shortcuts-header h2{color:#222;font-size:20px;margin:0}.close-btn{color:#666;padding:0;transition:color .2s}.close-btn:hover{color:#000}.shortcuts-content{flex:1 1;overflow-y:auto;padding:20px}.shortcuts-table{border-collapse:collapse;width:100%}.shortcuts-table tr{border-bottom:1px solid #eee}.shortcuts-table tr:last-child{border-bottom:none}.key-cell{font-weight:600;padding:12px 0;width:40%}.description-cell{color:#666;padding:12px 0 12px 16px}kbd{background:#f0f0f0;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#333;display:inline-block;font-family:monospace;font-size:.9em;padding:4px 8px;white-space:nowrap}.shortcuts-footer{border-top:1px solid #eee;margin-top:20px;padding-top:16px}.shortcuts-footer p{color:#666;font-size:.95em;margin:0}.shortcuts-footer kbd{font-size:.85em;padding:2px 6px}.shortcuts-content::-webkit-scrollbar{width:6px}.shortcuts-content::-webkit-scrollbar-track{background:#f1f1f1}.shortcuts-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.shortcuts-content::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:600px){.shortcuts-modal{max-height:90vh;width:95%}.shortcuts-header{padding:16px}.shortcuts-header h2{font-size:18px}.shortcuts-content{padding:16px}}.app-layout{background:#f8f9fa;display:grid;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;grid-template-columns:280px 1fr;height:100vh;min-height:100vh}.app-content{display:flex;flex-direction:column;height:100vh;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 .5rem .75rem;scrollbar-color:#00000047 #0000;scrollbar-width:thin}.app-content::-webkit-scrollbar{width:6px}.app-content::-webkit-scrollbar-track{background:#0000}.app-content::-webkit-scrollbar-thumb{background-color:#00000038;border-radius:8px}.app-content:hover::-webkit-scrollbar-thumb{background-color:#00000052}@media (max-width:768px){.app-content{padding:1rem}}@media (max-width:600px){.app-layout{display:flex;flex-direction:column;position:relative}.sidebar{background:#fff;border-right:1px solid #ddd;box-shadow:2px 0 10px #0000001a;display:none!important;height:100vh;left:0;overflow-y:auto;position:fixed!important;top:0;transform:translateX(-100%);transition:transform .3s ease;visibility:hidden!important;width:280px;z-index:1000}.sidebar nav.sidebar{height:auto!important;position:-webkit-sticky!important;position:sticky!important}.sidebar.mobile-open{max-width:100%!important;transform:translateX(0);width:100vw!important}.sidebar.mobile-open,.sidebar.mobile-open nav.sidebar{-webkit-touch-callout:none;display:flex!important;-webkit-user-select:none;user-select:none;visibility:visible!important}.sidebar.mobile-open nav.sidebar{height:auto!important;min-height:100vh!important;position:relative!important;transform:translateX(0)!important;width:100%!important}.sidebar.mobile-open nav.sidebar .sidebar-header{flex-shrink:0;padding:2rem 1.5rem 1.5rem}.sidebar.mobile-open nav.sidebar .brand-logo{height:80px;margin-bottom:1rem}.sidebar.mobile-open nav.sidebar .nav-menu{padding:1.5rem 0}.sidebar.mobile-open nav.sidebar .nav-menu li{margin:.5rem 0}.sidebar.mobile-open nav.sidebar button{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:0;border-radius:12px;font-size:1.125rem;margin:0 .75rem;padding:1.25rem 1.5rem;touch-action:manipulation;transition:all .2s ease}.sidebar.mobile-open nav.sidebar button:active{background:#ffffff1f;transform:scale(.98)}.sidebar.mobile-open nav.sidebar .menu-item-icon{height:24px;margin-right:16px;width:24px}.sidebar.mobile-open nav.sidebar .menu-item-icon svg{height:24px;width:24px}.sidebar.mobile-open nav.sidebar .sidebar-footer{flex-shrink:0;margin-top:auto;padding:2rem 1.5rem}.sidebar.mobile-open nav.sidebar button.logout-btn,.sidebar.mobile-open nav.sidebar button.shortcuts-btn,.sidebar.mobile-open nav.sidebar button.tutorial-start-btn{font-size:1rem;margin:.75rem 0;padding:1rem 1.5rem;width:calc(100% - 3rem)}.app-content{flex:1 1;margin:0;padding:56px .25rem .25rem;width:100%}.sidebar.mobile-open:after{background:#0000004d;bottom:0;content:"";left:280px;position:fixed;right:0;top:0;z-index:999}.mobile-menu-toggle{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);border:none;border-radius:12px;box-shadow:0 4px 16px #0b1e3d4d,0 2px 4px #0000001a;cursor:pointer;display:flex;height:48px;justify-content:center;left:.75rem;padding:0;pointer-events:auto;position:fixed;top:.75rem;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:48px;z-index:1001}.mobile-menu-toggle:active{box-shadow:0 2px 8px #0b1e3d33;transform:scale(.95)}.mobile-menu-toggle:focus{box-shadow:0 4px 16px #0b1e3d4d,0 0 0 3px #153a6e40;outline:none}.hamburger-lines{align-items:center;display:flex;flex-direction:column;gap:4px;height:24px;justify-content:center;position:relative;width:24px}.hamburger-lines .line{background:#fff;border-radius:2px;height:2.5px;transform-origin:center;transition:all .3s ease;width:20px}.hamburger-lines .line-1{width:20px}.hamburger-lines .line-2{opacity:.9;width:18px}.hamburger-lines .line-3{width:20px}.mobile-menu-toggle.open .line-1{transform:rotate(45deg) translate(6px,8px)}.mobile-menu-toggle.open .line-2{opacity:0}.mobile-menu-toggle.open .line-3{transform:rotate(-45deg) translate(6px,-8px)}}.changelog-page{padding:2rem}.changelog-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.changelog-header h1{margin:0}.back-btn{background:#0000;border:2px solid #153a6e;border-radius:8px;color:#153a6e;cursor:pointer;font-weight:600;margin-left:auto;padding:.5rem .75rem}.back-btn:hover{background:#153a6e;color:#fff}.manage-btn{background:#0000;border:2px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;font-weight:600;padding:.5rem .75rem}.manage-btn:hover{background:#3b82f6;color:#fff}.changelog-list{display:flex;flex-direction:column;gap:1rem}.changelog-item{background:#f7fafc;border-left:4px solid #e2e8f0;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.chg-feature{background:#f0fff4;border-left-color:#48bb78}.chg-improvement{background:#ebf8ff;border-left-color:#4299e1}.chg-bugfix{background:#fffaf0;border-left-color:#ed8936}.item-icon{font-size:1.25rem}.item-content h3{font-size:1rem;margin:0 0 .25rem}.item-content p{color:#4a5568;font-size:.875rem;margin:0 0 .5rem}.item-date{color:#a0aec0;font-size:.75rem}.empty,.error,.loading{padding:1rem}.btn{background:#f8fafc;border:2px solid #0000;border-radius:8px;color:#1f2937;font-weight:600;gap:.5rem;justify-content:center;padding:.55rem .9rem;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,border-color .15s ease}.btn-sm{font-size:.875rem;padding:.4rem .7rem}.btn-primary{background:#3b82f6;border-color:#3b82f6}.btn-primary:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 2px 10px #2563eb40}.btn-secondary{background:#0000;border-color:#64748b}.btn-secondary:hover{box-shadow:0 2px 8px #64748b40}.btn-danger{background:#0000;border-color:#ef4444;color:#b91c1c}.btn-danger:hover{background:#ef4444;box-shadow:0 2px 10px #ef444440;color:#fff}.btn-group{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.form-actions{margin-top:.75rem}.action-buttons{margin-top:.5rem}.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 12px #0000000f;margin-bottom:1rem;padding:1rem}.changelog-form{grid-gap:.75rem;display:grid;gap:.75rem}.form-field label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.35rem}.input-field{background:#fff;border:1.6px solid #cbd5e1;border-radius:8px;color:#111827;padding:.6rem .75rem;width:100%}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;outline:none}textarea.input-field{min-height:110px;resize:vertical}.form-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}@media (min-width:768px){.form-grid{grid-template-columns:1fr 1fr}}.form-actions{margin-top:.5rem}.issues-page{padding:16px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.filters{gap:8px;margin-bottom:12px}.filters input[type=text]{min-width:240px}.table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto;overflow-y:auto}.issues-table{border-collapse:collapse;font-size:14px;width:100%}.issues-table td,.issues-table th{border-bottom:1px solid #f0f0f0;padding:8px 10px;vertical-align:top}.issues-table td{vertical-align:middle}.issues-table th{background:#fafafa;position:-webkit-sticky;position:sticky;top:0;z-index:1}.desc-cell{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading{padding:16px}.error{color:#b91c1c;padding:12px}.btn{background:#f3f4f6;border:1px solid #d1d5db;padding:6px 10px}.btn:hover{background:#e5e7eb}.btn-primary{border-color:#1d4ed8}.btn-primary:hover{background:#1d4ed8}.btn-warning{background:#f59e0b;border-color:#d97706;color:#fff}.btn-sm{font-size:12px;padding:4px 8px}.access-denied{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.status-badge{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;color:#111827;padding:2px 8px}.status-open{background:#eef2ff;border-color:#c7d2fe}.issues-modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:50}.issues-modal{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 30px #0003;height:92vh;max-width:min(1400px,95vw);overflow-x:hidden;overflow-y:auto;width:96vw}.issues-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 16px}.issues-modal-body{padding:16px}.issues-modal-footer{border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.close-btn{background:#0000;font-size:20px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.5fr 1fr}.detail-section{background:#fafafa;border:1px solid #eee;border-radius:8px;margin-bottom:12px;padding:12px}.detail-left textarea{border:1px solid #e5e7eb;border-radius:8px;padding:8px;resize:none;width:100%}.actions-row{display:flex;flex-wrap:wrap;gap:8px}.archive-row{margin-top:8px}.history-list{list-style:none;margin:0;max-height:none;overflow:visible;padding:0}.history-item{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:8px;padding:8px}.history-header{align-items:center;color:#6b7280;display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px}.history-actor{color:#374151;font-weight:600}.history-date{color:#6b7280}.status-in_progress{background:#fffbeb;border-color:#fde68a}.status-reopened{background:#fff1f2;border-color:#fecdd3}.status-fixed{background:#ecfeff;border-color:#a5f3fc}.status-rejected{background:#fee2e2;border-color:#fecaca}.status-approved{background:#dcfce7;border-color:#bbf7d0}.status-archived{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280}textarea{padding:8px;width:100%}input,select,textarea{border:1px solid #d1d5db;border-radius:6px}input,select{padding:6px 8px}.issue-row:hover{background-color:#f8fafc}.issue-id{color:#374151;font-size:13px;font-weight:600}.test-case-info{display:flex;flex-direction:column;gap:2px}.test-case-title{color:#111827;font-weight:500;line-height:1.3}.test-case-id{color:#6b7280;font-size:11px;font-weight:400}.type-badge{border-radius:12px;font-size:11px;font-weight:500;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.type-bug{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.type-improvement{background:#dbeafe;border:1px solid #bfdbfe;color:#2563eb}.description-preview{color:#4b5563;line-height:1.4;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-cell{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.status-actions{display:flex;gap:2px;margin-top:2px}.btn-xs{align-items:center;border-radius:4px;display:flex;font-size:11px;height:20px;justify-content:center;min-width:24px;padding:2px 6px}.btn-action{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;transition:all .15s ease}.btn-action:hover{background:#e5e7eb;transform:scale(1.05)}.btn-success{background:#dcfce7;border-color:#bbf7d0;color:#166534}.btn-success:hover{background:#bbf7d0}.btn-danger{background:#fee2e2;border-color:#fecaca;color:#dc2626}.btn-danger:hover{background:#fecaca}.action-buttons{align-items:center}.action-buttons .btn-sm{align-items:center;display:inline-flex;height:28px;justify-content:center;min-width:80px;padding:4px 10px}.qa-opened-cell{font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item.correction{background:#fff7e6;border-left:4px solid #ff9800}.history-badge.badge-correction{background:#ffe0b2;border:1px solid #ffcc80;border-radius:12px;color:#bf6b00;display:inline-block;font-size:12px;margin-left:8px;padding:2px 6px}.issues-page .modal{height:90vh;max-width:min(900px,95vw);overflow-x:hidden;overflow-y:auto;width:92vw}.issues-page .detail-grid{gap:20px;grid-template-columns:1.6fr 1fr}@media (max-width:1400px){.page-header{flex-wrap:wrap;gap:12px}.filters input[type=text]{flex:1 1 240px;min-width:200px}.issues-modal{max-width:95vw}.detail-grid,.issues-page .detail-grid{grid-template-columns:minmax(0,1fr)}.desc-cell,.description-preview,.qa-opened-cell{max-width:220px}}.new-test-case-modal{max-height:90vh;overflow-y:auto}.new-test-case-modal,.test-repository .modal.new-test-case-modal{max-width:800px;width:95%}.modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#374151}.modal-form{padding:24px}.new-test-case-modal .form-row{display:flex;gap:16px;margin-bottom:20px}.new-test-case-modal .form-row .form-group{flex:1 1}.form-group label{color:#374151;font-size:14px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;font-size:14px;transition:border-color .2s,box-shadow .2s}.new-test-case-modal .form-group textarea#description,.new-test-case-modal .form-group textarea#preconditions{min-height:120px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:32px 0;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{color:#111827;font-size:16px;font-weight:600;margin:0}.step-group{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.step-header{align-items:center;background:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;font-weight:500;justify-content:space-between;padding:12px 16px}.step-content{padding:16px}.step-content .form-group{margin-bottom:16px}.step-content .form-group:last-child{margin-bottom:0}.remove-step{color:#dc2626;padding:4px 8px}.remove-step:hover{background:#fee2e2}.modal-actions{border-top:1px solid #e5e7eb;gap:12px;margin-top:24px;padding-top:24px}.btn{min-width:120px}.btn-primary{background:#6366f1}.btn-primary:hover:not(:disabled){background:#5856eb}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-danger{border:1px solid #dc3545}.btn-danger:hover:not(:disabled){background:#c82333;border-color:#bd2130;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.tabs{border-bottom:1px solid #e5e7eb;gap:12px;margin-bottom:12px}.tab{background:#0000;color:#374151;padding:8px 12px}.tab.active{border-bottom:2px solid #2563eb;color:#111827;font-weight:600}.tab-content{margin-top:8px}.list{list-style:none;margin:12px 0 0;padding:0}.list-item{align-items:center;border-bottom:1px dashed #e5e7eb;display:flex;gap:8px;justify-content:flex-start;padding:8px 0}@media (max-width:768px){.new-test-case-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.form-row{gap:0}.form-row,.modal-actions{flex-direction:column}.btn{width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:12px}}.form-group input:invalid,.form-group textarea:invalid{border-color:#dc2626}.form-group input:invalid:focus,.form-group textarea:invalid:focus{box-shadow:0 0 0 3px #dc26261a}.btn:disabled{opacity:.6}.form-group input[required]+label:after,.form-group textarea[required]+label:after{color:#dc2626;content:" *"}.step-group:last-child{margin-bottom:0}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.new-test-case-modal{-webkit-overflow-scrolling:touch;border-radius:16px 16px 0 0;max-height:90vh;max-width:100%!important;overflow-y:auto;width:100%!important}.new-test-case-modal .modal-header{background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);border:none;border-radius:16px 16px 0 0;color:#fff;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.new-test-case-modal .modal-header h2{color:#fff;font-size:18px;margin:0}.new-test-case-modal .close-btn{color:#fff;font-size:28px}.new-test-case-modal .close-btn:hover{background:#ffffff1a}.new-test-case-modal .modal-body{padding:16px}.form-row{flex-direction:column;gap:0}.form-group{margin-bottom:16px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border-radius:8px;font-size:16px;padding:12px}.form-group textarea{min-height:100px}.modal-actions{background:#fff;border-top:1px solid #e5e7eb;bottom:0;flex-direction:column;gap:8px;padding:16px;position:-webkit-sticky;position:sticky}.modal-actions .btn{border-radius:8px;font-size:15px;padding:12px 16px;width:100%}.step-group{margin-bottom:16px}.step-header{font-size:13px;padding:12px}.step-content{padding:12px 0}}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:20px;z-index:9999}.new-test-cycle-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:85vh;overflow-y:auto}.new-test-cycle-modal,.test-repository .modal.new-test-cycle-modal{max-width:1200px;width:95%}.new-test-cycle-modal .modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.new-test-cycle-modal .modal-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.new-test-cycle-modal .close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.new-test-cycle-modal .close-btn:hover{background:#f3f4f6;color:#374151}.new-test-cycle-modal .modal-form{padding:24px}.new-test-cycle-modal .form-row{display:flex;gap:16px;margin-bottom:20px}.new-test-cycle-modal .form-row .form-group{flex:1 1}.new-test-cycle-modal .form-group{margin-bottom:20px}.new-test-cycle-modal .form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.new-test-cycle-modal .form-group input,.new-test-cycle-modal .form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.new-test-cycle-modal .modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:20px 24px}.new-test-cycle-modal .section-title{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-size:14px;font-weight:600;padding:10px 12px}.new-test-cycle-modal .modal-content.two-columns{grid-gap:32px;display:grid;gap:32px;grid-template-columns:2fr 1fr}.new-test-cycle-modal .left-pane{min-width:0}.new-test-cycle-modal .right-pane{border-left:1px solid #e5e7eb;min-width:0;padding-left:24px}.new-test-cycle-modal .tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:12px}.new-test-cycle-modal .tab{background:#0000;border:none;color:#374151;cursor:pointer;padding:8px 12px}.new-test-cycle-modal .tab.active{border-bottom:2px solid #2563eb;color:#111827;font-weight:600}.new-test-cycle-modal .list{list-style:none;margin:12px 0 0;padding:0}.new-test-cycle-modal .list.compact .list-item{padding:6px 0}.new-test-cycle-modal .list-item{align-items:center;border-bottom:1px dashed #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.new-test-cycle-modal .muted{color:#6b7280}.new-test-cycle-modal .btn.btn-link{background:none;border:none;color:#2563eb;cursor:pointer}.new-test-cycle-modal .btn.btn-link.danger{color:#dc2626}.new-test-cycle-modal .cases-dropdown{margin-top:8px}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.new-test-cycle-modal{-webkit-overflow-scrolling:touch;border-radius:16px 16px 0 0;max-height:90vh;max-width:100%!important;overflow-y:auto;width:100%!important}.new-test-cycle-modal .modal-header{background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);border:none;border-radius:16px 16px 0 0;color:#fff;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.new-test-cycle-modal .modal-header h2{color:#fff;font-size:18px}.new-test-cycle-modal .close-btn{color:#fff;font-size:28px}.new-test-cycle-modal .close-btn:hover{background:#ffffff1a}.new-test-cycle-modal .modal-form{padding:16px}.new-test-cycle-modal .form-row{flex-direction:column;gap:0;margin-bottom:16px}.new-test-cycle-modal .form-group{margin-bottom:16px}.new-test-cycle-modal .form-group label{font-size:13px;margin-bottom:6px}.new-test-cycle-modal .form-group input,.new-test-cycle-modal .form-group textarea{border-radius:8px;font-size:16px;padding:12px}.new-test-cycle-modal .form-group textarea{min-height:100px}.new-test-cycle-modal .modal-actions{background:#fff;bottom:0;flex-direction:column;gap:8px;padding:16px;position:-webkit-sticky;position:sticky}.new-test-cycle-modal .modal-actions .btn{border-radius:8px;font-size:15px;padding:12px 16px;width:100%}.new-test-cycle-modal .section-title{font-size:13px;margin-top:16px;padding:12px}.new-test-cycle-modal .tabs{gap:0;margin:0 -16px 16px;padding:0 16px}.new-test-cycle-modal .tab{border-bottom:2px solid #0000;flex:1 1;font-size:13px;padding:12px 8px}.new-test-cycle-modal .tab.active{border-bottom-color:#0b1e3d}}.edit-cycle-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.edit-cycle-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:1200px!important;overflow-y:auto;width:95%!important}.edit-cycle-modal .modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.edit-cycle-modal .modal-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.edit-cycle-modal .close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s}.edit-cycle-modal .close-btn:hover{background:#f3f4f6;color:#374151}.edit-cycle-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:2fr 1fr;padding:0}.edit-cycle-left,.edit-cycle-right{min-width:0;padding:24px}.edit-cycle-right{background-color:#f9fafb;border-left:1px solid #e5e7eb}.edit-cycle-modal .form-row{display:flex;gap:16px;margin-bottom:20px}.edit-cycle-modal .form-group{flex:1 1;margin-bottom:20px}.edit-cycle-modal .form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.edit-cycle-modal .form-group input,.edit-cycle-modal .form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.edit-cycle-modal .form-group input:disabled,.edit-cycle-modal .form-group textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.edit-cycle-modal .modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:20px 24px}.edit-cycle-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:12px;margin-bottom:16px}.edit-cycle-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-weight:500;padding:8px 12px}.edit-cycle-tab.active{border-bottom-color:#2563eb;color:#111827}.edit-cycle-list{list-style:none;margin:0;padding:0}.edit-cycle-list-item{align-items:center;border-bottom:1px dashed #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.muted{color:#6b7280;font-size:14px}.cases-toolbar{align-items:center;display:flex;gap:12px}.cases-toolbar select{background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px}.case-row{align-items:center;display:flex;gap:10px;min-width:0}.edit-cycle-modal .cases-dropdown .list-item{align-items:center;display:flex;gap:12px;justify-content:space-between}.edit-cycle-modal .cases-dropdown .list-item .case-row{flex:1 1;min-width:0}.edit-cycle-modal .cases-dropdown .list-item .case-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-cycle-modal .cases-dropdown .case-row input[type=checkbox]{height:16px;margin:0;padding:0;width:16px}.btn-primary{background:#2563eb}.btn-danger{background:#ef4444}.btn-link{background:none;color:#2563eb;padding:0}.btn-link.danger{color:#dc2626}@media (max-width:768px){.edit-cycle-overlay{align-items:flex-end;padding:0}.edit-cycle-modal{-webkit-overflow-scrolling:touch;border-radius:16px 16px 0 0;max-height:90vh;max-width:100%!important;overflow-y:auto;width:100%!important}.edit-cycle-modal .modal-header{background:linear-gradient(135deg,#0b1e3d,#153a6e 60%,#0b1e3d);border:none;border-radius:16px 16px 0 0;color:#fff;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.edit-cycle-modal .modal-header h2{color:#fff;font-size:18px;margin:0}.edit-cycle-modal .close-btn{color:#fff;font-size:28px}.edit-cycle-modal .close-btn:hover{background:#ffffff1a}.edit-cycle-grid{gap:0;grid-template-columns:1fr;padding:0}.edit-cycle-left,.edit-cycle-right{background:#fff;border:none;padding:16px}.edit-cycle-right{background:#fff;border-top:1px solid #e5e7eb}.edit-cycle-modal .form-row{flex-direction:column;gap:0;margin-bottom:16px}.edit-cycle-modal .form-group{margin-bottom:16px}.edit-cycle-modal .form-group label{font-size:13px;margin-bottom:6px}.edit-cycle-modal .form-group input,.edit-cycle-modal .form-group textarea{border-radius:8px;font-size:16px;padding:12px}.edit-cycle-modal .form-group textarea{min-height:100px}.edit-cycle-modal .modal-actions{background:#fff;border-top:1px solid #e5e7eb;bottom:0;flex-direction:column;gap:8px;padding:16px;position:-webkit-sticky;position:sticky}.edit-cycle-modal .modal-actions .btn{border-radius:8px;font-size:15px;padding:12px 16px;width:100%}.edit-cycle-tabs{border-bottom:1px solid #e5e7eb;gap:0;margin:0 -16px 16px;padding:0 16px}.edit-cycle-tab{border-bottom:2px solid #0000;flex:1 1;font-size:13px;padding:12px 8px}.edit-cycle-tab.active{border-bottom-color:#0b1e3d;color:#0b1e3d}.edit-cycle-modal .cases-dropdown{border-radius:8px;max-height:400px}.edit-cycle-modal .cases-dropdown .list-item{gap:12px;padding:12px}}.test-repository{background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh;position:relative}.repository-header{align-items:center;background:#0000;border-bottom:none;display:flex;justify-content:flex-end;padding:10px 20px}.title-pill{background:#153a6e;border-radius:9999px;color:#fff;font-size:22px;font-weight:700;letter-spacing:.2px;padding:10px 28px}.project-selector{align-items:center;display:flex;gap:10px}.project-select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;max-width:300px;padding:8px 12px;transition:border-color .2s}.project-select:hover{border-color:#153a6e}.project-select:focus{border-color:#153a6e;box-shadow:0 0 0 2px #153a6e1a;outline:none}.repository-header h1{color:#fff;font-size:28px;font-weight:700;margin:0}.header-title{display:none}.project-select-label{color:#64748b;font-size:14px}.header-actions{gap:10px}.btn{border-radius:4px;font-size:14px;padding:8px 16px;transition:all .2s}.btn-primary{background:#153a6e}.btn-primary:hover{background:#0b1e3d}.btn-secondary{background:#64748b}.btn-secondary:hover{background:#475569}.btn-outline{background:#0000;border:1px solid #153a6e;color:#153a6e}.btn-outline:hover{background:#153a6e;color:#fff}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px;transition:background-color .2s}.btn-icon:hover{background-color:#f3f4f6}.repository-tabs{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.tab.active{border-bottom-color:#153a6e;color:#153a6e}.tab:hover{background-color:#f8fafc}.repository-content{display:flex;flex:1 1;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;position:relative;width:300px}.sidebar-resizer{cursor:col-resize;height:100%;position:absolute;right:0;top:0;width:4px;z-index:1}.sidebar-resizer:after{background:#e5e7eb;content:"";height:100%;left:1px;position:absolute;top:0;width:2px}.sidebar-resizer:hover:after{background:#cbd5e1}.sidebar-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.sidebar-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.sidebar-info{border-bottom:1px solid #e0e0e0;padding:12px 16px}.sidebar-info.info-blue{background:#e0f2fe;border-left:4px solid #38bdf8;border-radius:4px;color:#0c4a6e;margin:8px 12px}.sidebar-info.info-blue p{font-size:13px;line-height:1.4;margin:0}.folder-tree{flex:1 1;overflow-x:auto;overflow-y:auto;padding:8px 12px 8px 20px}.folder-item{margin-bottom:2px}.folder-content{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .2s}.folder-content:hover{background-color:#f3f4f6}.folder-content.selected{background-color:#e0e7ff;color:#6366f1}.folder-content.drag-over,.folder-item.root.drag-over{background-color:#eef2ff;border:1px dashed #6366f1}.folder-icon{font-size:16px;margin-right:8px}.folder-name{flex:1 1;font-size:14px;font-weight:500}.folder-count{color:#64748b;font-size:12px}.folder-children{margin-left:16px;padding-left:12px}.folder-children,.folder-children .folder-item{position:relative}.folder-children .folder-item:before{border-top:1px solid #e5e7eb;content:"";left:-12px;position:absolute;top:20px;width:12px}.folder-item.has-children>.folder-children:before,.root-children:before{background:#e5e7eb;bottom:0;content:"";left:0;position:absolute;top:0;width:1px}.folder-item.root .folder-content{font-weight:600}.main-content{background:#fff;display:flex;flex:1 1;flex-direction:column}.content-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.breadcrumb-container{flex:1 1;min-width:0}.breadcrumb{-ms-overflow-style:none;align-items:center;color:#64748b;display:flex;flex-wrap:nowrap;font-size:14px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap}.breadcrumb::-webkit-scrollbar{display:none}.breadcrumb-item{color:#64748b}.breadcrumb-item.clickable{color:#6366f1;cursor:pointer;text-decoration:underline}.breadcrumb-separator{color:#94a3b8;margin:0 8px}.breadcrumb-ellipsis{color:#6366f1;cursor:pointer;-webkit-user-select:none;user-select:none}.filters{display:flex;flex-wrap:wrap;gap:12px}.filters select{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:6px 12px}.content-body{flex:1 1;overflow:auto;padding:20px}.test-cases-table{overflow-x:auto}.test-cases-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.test-cases-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px;text-align:left}.test-cases-table td{border-bottom:1px solid #f3f4f6;padding:12px}.test-cases-table tr:hover{background-color:#f9fafb}.test-cases-table tr[draggable]{cursor:grab}.test-cases-table tr[draggable]:active{cursor:grabbing}.status-badge{font-size:12px}.status-em.elaboração{background:#fef3c7;color:#92400e}.status-aprovado{background:#d1fae5;color:#065f46}.status-em.execução{background:#dbeafe;color:#1e40af}.status-finalizado{background:#e5e7eb;color:#374151}.priority-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.priority-alta{background:#fee2e2;color:#dc2626}.priority-média{background:#fef3c7;color:#d97706}.priority-baixa{background:#d1fae5;color:#059669}.action-buttons{display:flex;gap:4px}.test-cycles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cycle-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:box-shadow .2s}.cycle-card:hover{box-shadow:0 4px 6px #0000001a}.cycle-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.cycle-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.cycle-info{margin-bottom:16px}.cycle-info p{color:#64748b;font-size:14px;margin:8px 0}.cycle-actions{display:flex;gap:8px}.loading{color:#64748b;font-size:18px;height:100vh}.loading,.test-repository .modal-overlay{align-items:center;display:flex;justify-content:center}.test-repository .modal-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.test-repository .modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:80vh;max-width:min(500px,95vw);overflow-y:auto;padding:24px;width:min(500px,95vw)}.test-repository .modal h2{color:#333;font-size:20px;font-weight:600;margin:0 0 16px}.test-repository .modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.test-repository .modal-body{padding:20px}.test-repository .modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.test-repository .modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:20px;padding:4px}.test-repository .modal-close:hover{background:#f3f4f6;color:#374151}@media (max-width:768px){.repository-content{flex-direction:column}.sidebar{height:200px;width:100%}.header-actions{flex-wrap:wrap}.repository-header{align-items:flex-start;flex-direction:column;gap:8px}.project-selector{width:100%}.project-select{max-width:100%;width:100%}.content-header{align-items:flex-start;flex-direction:column;gap:12px}.filters{width:100%}.test-cycles-grid{grid-template-columns:1fr}.test-cycles-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.test-cycles-table table{font-size:.85rem;min-width:550px}.test-cycles-table td,.test-cycles-table th{padding:8px 6px;white-space:nowrap}.test-cycles-table td:nth-child(7),.test-cycles-table th:nth-child(7){display:none}.test-cycles-table td:last-child,.test-cycles-table th:last-child{background:#fff;min-width:70px;padding:8px;position:-webkit-sticky;position:sticky;right:0;z-index:10}.test-cycles-table button{font-size:.8rem;padding:6px 8px;white-space:nowrap}.test-cases-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.test-cases-table table{font-size:.85rem;min-width:500px}.test-cases-table td,.test-cases-table th{padding:8px 6px;white-space:nowrap}.test-cases-table td:nth-child(4),.test-cases-table td:nth-child(5),.test-cases-table th:nth-child(4),.test-cases-table th:nth-child(5){display:none}.test-cases-table td:last-child,.test-cases-table th:last-child{background:#fff;min-width:70px;padding:8px;position:-webkit-sticky;position:sticky;right:0;z-index:10}.test-cases-table button{font-size:.8rem;padding:6px 8px;white-space:nowrap}}.table-toolbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:12px 20px}.table-toolbar,.table-toolbar-right{align-items:center;display:flex;gap:12px}.table-toolbar-left{align-items:center;color:#64748b;display:flex;gap:10px}.table-toolbar-left .select-all{align-items:center;display:inline-flex;gap:6px}.search-input{position:relative;width:340px}.search-input input{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px 8px 32px;width:100%}.search-input .icon{color:#94a3b8;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.status-dot{display:inline-block;height:12px;width:12px}.status-dot.status-ok{background:#22c55e}.status-dot.status-warning{background:#f59e0b}.status-dot.status-danger{background:#ef4444}.status-dot.status-neutral{background:#9ca3af}.context-menu{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 6px 12px #0000001f;min-width:180px;padding:6px;position:fixed;z-index:1100}.context-menu-item{border-radius:4px;color:#374151;cursor:pointer;padding:8px 10px}.context-menu-item:hover{background:#f3f4f6}.context-menu-item.danger{color:#b91c1c}.context-menu-item.danger:hover{background:#fee2e2}.context-menu-item.disabled{color:#9ca3af;cursor:not-allowed}.quick-create-menu{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 6px 12px #0000001f;padding:8px;position:fixed;z-index:1100}.quick-create-row{align-items:center;display:flex;gap:8px}.quick-create-row input[type=text]{border:1px solid #d1d5db;border-radius:4px;padding:6px 10px}.quick-create-hint{color:#64748b;font-size:13px}.tabs-left{display:flex;gap:4px}.tabs-right{align-items:center;display:flex;gap:10px;margin-left:auto}@media (max-width:1400px){.content-header,.table-toolbar,.table-toolbar-left,.table-toolbar-right,.tabs-left,.tabs-right{flex-wrap:wrap}.filters{align-items:stretch}.search-input{width:min(340px,100%)}.test-cycles-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.timeline-horizontal-wrapper{margin:20px 0 30px;overflow-x:auto;padding-bottom:10px;width:100%}.timeline-horizontal-container{display:flex;gap:30px;min-width:-webkit-min-content;min-width:min-content;padding:0 10px}.timeline-month-column{display:flex;flex-direction:column;max-width:320px;min-width:320px}.timeline-month-header{color:#64748b;font-size:.85rem;font-weight:700;left:0;letter-spacing:1px;margin-bottom:15px;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase}.timeline-month-list{display:flex;flex-direction:column;gap:12px;max-height:280px;overflow-y:auto;padding-right:6px}.timeline-card{background:#fff;border:1px solid #f1f5f9;border-radius:8px;box-shadow:0 2px 5px #0000000d;cursor:pointer;flex-shrink:0;padding:16px 20px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.timeline-card:hover{box-shadow:0 5px 15px #00000014;transform:translateY(-2px)}.timeline-card-content{display:flex;flex-direction:column;gap:6px}.timeline-card-header{align-items:center;display:flex;justify-content:space-between}.timeline-card-project{color:#94a3b8;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.timeline-card-day{color:#cbd5e1;font-size:1.1rem;font-weight:600}.timeline-card-title{color:#334155;font-size:1rem;font-weight:600;line-height:1.4;white-space:normal}.timeline-card-footer{align-items:center;display:flex;margin-top:4px}.timeline-status-indicator{align-items:center;display:flex;font-size:.75rem;gap:8px}.status-dot{border-radius:50%;height:8px;width:8px}.status-text{font-weight:500}.timeline-horizontal-wrapper::-webkit-scrollbar{height:8px}.timeline-horizontal-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.timeline-horizontal-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.timeline-horizontal-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.timeline-month-list::-webkit-scrollbar{width:6px}.timeline-month-list::-webkit-scrollbar-track{background:#0000}.timeline-month-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.timeline-month-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.milestones-container{margin:0;max-width:none;padding:16px;width:100%}.milestones-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;position:relative}.header-left{gap:15px}.btn-back,.header-left{align-items:center;display:flex}.btn-back{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:5px;padding:8px 16px;transition:all .3s ease}.btn-back:hover{background:#5a6268;transform:translateY(-1px)}.header-actions{align-items:center;display:flex;gap:15px}.milestones-header h1{color:#2c3e50;font-size:2rem;font-weight:600;left:50%;margin:0;position:absolute;transform:translateX(-50%);width:-webkit-max-content;width:max-content}.milestones-filters{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:20px;margin-bottom:30px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:#495057;font-size:.9rem;font-weight:500}.filter-group select{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;min-width:150px;padding:8px 12px}.filter-group select[multiple]{min-height:120px}.filter-group input[type=text]{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;min-width:220px;padding:8px 12px}.search-group{flex:1 1}.filter-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.milestone-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.milestone-form{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.milestone-form h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 25px}.form-group{margin-bottom:20px}.form-group label{color:#495057;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:6px;font-size:1rem;padding:10px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-actions{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:5px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-sm{font-size:.8rem;padding:6px 12px}.milestones-list{margin-top:20px}.empty-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.empty-state p{font-size:1.1rem;margin-bottom:20px}.milestones-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.milestone-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:all .2s ease}.milestone-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.milestone-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.milestone-header h3{color:#2c3e50;flex:1 1;font-size:1.2rem;font-weight:600;margin:0 10px 0 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:12px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-planned{background:#e3f2fd;color:#1976d2}.status-active{background:#e8f5e8;color:#2e7d32}.status-completed{background:#f3e5f5;color:#7b1fa2}.status-cancelled{background:#ffebee;color:#c62828}.milestone-info{margin-bottom:20px}.project-name{color:#6c757d;font-size:.9rem;font-weight:500;margin:0 0 10px}.description{color:#495057;font-size:.9rem;line-height:1.4;margin:0 0 15px}.dates{display:flex;flex-direction:column;gap:8px}.date-item{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.date-item .label{color:#6c757d;font-weight:500}.due-indicator{border-radius:8px;font-size:.7rem;font-weight:500;margin-left:8px;padding:2px 6px}.due-indicator.overdue{background:#ffebee;color:#c62828}.due-indicator.today{background:#fff3e0;color:#ef6c00}.due-indicator.soon{background:#e8f5e8;color:#2e7d32}.progress{background:#f1f3f4;border-radius:8px;flex:1 1;height:8px;margin-left:8px;overflow:hidden;position:relative}.progress-bar{background:linear-gradient(90deg,#4caf50,#81c784);height:100%;transition:width .3s ease}.progress-label{color:#2c3e50;font-size:.8rem;margin-left:8px}.milestone-actions{border-top:1px solid #f1f3f4;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-top:15px}.loading{color:#6c757d;font-size:1.1rem;padding:40px;text-align:center}@media (max-width:768px){.milestones-container{padding:15px}.desktop-only{display:none}.mobile-only{display:block}.milestones-header{align-items:stretch;flex-direction:column;gap:15px}.milestones-header h1{position:static;text-align:center;transform:none;width:auto}.milestones-filters{flex-direction:column;gap:15px}.filter-group select{min-width:auto}.milestone-form{margin:10px;padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.milestones-grid{grid-template-columns:1fr}.milestone-header{align-items:flex-start;flex-direction:column;gap:10px}.milestone-actions{justify-content:center}.date-item{align-items:flex-start;flex-direction:column;gap:2px}}.filters-actions{align-items:flex-end;display:flex}.desktop-only{display:block}.mobile-only{display:none}.milestones-table{background:#fff;border:1px solid #e9ecef;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.milestones-table td,.milestones-table th{border-bottom:1px solid #e9ecef;padding:12px 14px;text-align:left}.milestones-table th{background:#f8f9fa;color:#495057;cursor:pointer;font-weight:600}.milestones-table tr:hover{background:#fafafa}.actions-cell{white-space:nowrap}.milestones-table td:nth-child(2){max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.page-info{color:#495057}.details-overlay{align-items:stretch;background:#00000073;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1200}.details-panel{background:#0f172a;box-shadow:-6px 0 20px #0000004d;color:#e5e7eb;padding:20px;width:min(420px,92vw)}.details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.details-content{display:flex;flex-direction:column;gap:10px}.details-row{display:flex;gap:10px;justify-content:space-between}.details-block .label,.details-row .label{color:#9ca3af;font-weight:600}.details-block p{color:#cbd5e1;margin:6px 0 0}.avatar-chip{background:#1f2937;border-radius:14px;color:#e5e7eb;font-size:.8rem;padding:4px 8px}.form-group input[aria-invalid=true],.form-group select[aria-invalid=true],.form-group textarea[aria-invalid=true]{border-color:#c62828;box-shadow:0 0 0 2px #c6282826}.milestone-form .char-counter{color:#64748b;font-size:.85rem;margin-top:6px}.milestone-form .char-counter.limit{color:#ef4444;font-weight:600}.integrations-container{padding:2rem}.integrations-container .page-header h1{color:#333;font-size:1.8rem;margin-bottom:.5rem}.integrations-container .subtitle{color:#666;margin-bottom:2rem}.integrations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.integration-card{background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s}.integration-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.integration-card.active{border-left:4px solid #2ecc71}.integration-card.disabled{background-color:#f9f9f9;opacity:.7}.card-header{margin-bottom:1rem}.card-header,.provider-icon{align-items:center;display:flex}.provider-icon{border-radius:8px;color:#fff;font-weight:700;height:40px;justify-content:center;margin-right:1rem;width:40px}.provider-icon.jira{background-color:#0052cc}.card-header h3{flex:1 1;font-size:1.1rem;margin:0}.card-status{font-size:.9rem;margin:1rem 0}.status-ok{color:#2ecc71;font-weight:500}.status-error{color:#e74c3c;font-weight:500}.btn-configure{background-color:#f0f2f5;border:1px solid #dcdfe6;border-radius:4px;cursor:pointer;font-weight:500;margin-top:auto;padding:.5rem 1rem;transition:all .2s}.btn-configure:hover:not(:disabled){background-color:#e6e8eb}.btn-configure:disabled{color:#999;cursor:not-allowed}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:500px;padding:2rem;width:100%}.modal-content h2{margin-bottom:1.5rem;margin-top:0}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.6rem;width:100%}.form-group small{color:#666;display:block;font-size:.85rem;margin-top:.4rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-cancel{background:#0000;border:1px solid #ddd;border-radius:4px}.btn-cancel,.btn-save{cursor:pointer;padding:.6rem 1.2rem}.btn-save{background-color:#0052cc;border:none;border-radius:4px;color:#fff}.btn-save:hover{background-color:#0043a8}.switch{display:inline-block;height:20px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:2px;content:"";height:16px;left:2px;width:16px}input:checked+.slider{background-color:#2ecc71}input:checked+.slider:before{transform:translateX(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.tabs{border-bottom:1px solid #eee;display:flex;gap:1rem;margin-bottom:1.5rem}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-weight:500;padding:.5rem 1rem}.tab-btn.active{border-bottom-color:#0052cc;color:#0052cc}.logs-container{max-height:400px;overflow-y:auto}.logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.logs-header h3{font-size:1.1rem;margin:0}.btn-refresh{background:none;border:none;cursor:pointer;font-size:1.2rem}.log-item{border:1px solid #eee;border-radius:4px;font-size:.9rem;margin-bottom:.5rem;padding:.8rem}.log-item.failed{background-color:#fff5f5;border-left:4px solid #e74c3c}.log-item.success{background-color:#f0fff4;border-left:4px solid #2ecc71}.log-top{align-items:center;color:#666;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.3rem}.log-status{font-size:1rem}.log-type{background:#eee;border-radius:4px;font-size:.75rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.log-date{margin-left:auto}.log-message{font-weight:500;margin-bottom:.3rem}.log-payload{background:#0000000d;border-radius:4px;font-family:monospace;font-size:.8rem;margin:0;max-height:100px;overflow-y:auto;padding:.5rem;white-space:pre-wrap}.empty-logs,.loading-logs{color:#999;padding:2rem;text-align:center}.integration-card.dev-mode{background-color:#f9f9f9;border-color:#ddd}.badge-dev{align-self:flex-start;background-color:#e67e22;border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;margin-left:auto;padding:4px 8px;text-transform:uppercase}.integration-card.dev-mode .provider-icon,.integration-card.dev-mode .provider-logo-container{opacity:.8}.integration-card.dev-mode button{background-color:#ccc;cursor:not-allowed}.integration-card .card-header{align-items:center;height:80px;margin-bottom:1rem}.provider-logo-container{align-items:center;display:flex;height:60px;justify-content:flex-start;margin-right:auto;width:120px}.provider-logo-container img{max-height:100%;max-width:100%;object-fit:contain;object-position:left}.integration-card p{margin-bottom:1rem;min-height:3rem}
/*# sourceMappingURL=main.f8d805c6.css.map*/