.btn-primary{background-color:#4299e1;border-color:#4299e1}.btn-primary:hover{background-color:#3182ce;border-color:#3182ce;transform:translateY(-1px);box-shadow:0 4px 12px #4299e133}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:none;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.modal-dialog{max-width:500px;width:100%;animation:slideIn .3s ease}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden}.modal-header{display:flex;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.modal-icon{margin-right:12px;font-size:24px;opacity:.9}.modal-title{margin:0;font-size:18px;font-weight:600;flex:1}.modal-close{background:none;border:none;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.modal-close:hover{opacity:1}.modal-body{padding:24px;color:#4a5568;font-size:15px;line-height:1.5}.modal-body p{margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0}.modal-success .modal-header{background:linear-gradient(135deg,#48bb78,#38a169)}.modal-warning .modal-header{background:linear-gradient(135deg,#ed8936,#dd6b20)}.modal-danger .modal-header{background:linear-gradient(135deg,#f56565,#e53e3e)}#navbarCollapse .navbar-nav li.nav-item{margin:.5em 0}.width-100{width:100%}.btn-attractive{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-attractive:hover{color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}@media(max-width:768px){.btn-attractive{width:100%;justify-content:center}}.icon-picker{display:flex;gap:15px;flex-wrap:wrap}.icon-option{padding:10px;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s}.icon-option:hover{border-color:#888}.icon-option input:checked+i{color:#2196f3}.icon-option input:checked~i{color:#2196f3}.color-picker{margin:20px 0}.color-grid{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0}.color-option{width:40px;height:40px;position:relative;cursor:pointer}.color-option input{position:absolute;opacity:0;width:0;height:0}.color-circle{display:block;width:100%;height:100%;border-radius:50%;border:3px solid transparent;transition:all .2s;box-shadow:0 2px 4px #0000001a}.color-checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:#fff;font-weight:700;opacity:0;transition:all .2s;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none}.color-option:hover .color-circle{transform:scale(1.1);border-color:#0003}.color-option input:checked+.color-circle{border-color:#333}.color-option input:checked~.color-checkmark{opacity:1;transform:translate(-50%,-50%) scale(1)}.color-option input:checked+.color-circle[style*="#FF9800"]~.color-checkmark,.color-option input:checked+.color-circle[style*="#8BC34A"]~.color-checkmark,.color-option input:checked+.color-circle[style*="#00BCD4"]~.color-checkmark{color:#333}.role-selector{margin:10px 0}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-width:100%}.role-card{padding:10px 5px;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;text-align:center;transition:all .3s ease;background:#fff;display:flex;flex-direction:column;align-items:center;position:relative}.role-card input{position:absolute;opacity:0;width:0;height:0}.role-icon{font-size:28px;margin-bottom:5px}.role-title{font-weight:600;margin-bottom:5px;color:#333;font-size:.95em}.role-desc{font-size:.8em;color:#666;line-height:1.3}.role-card:hover{border-color:#2196f3;transform:translateY(-2px);box-shadow:0 4px 12px #2196f31a}.role-card input:checked+.role-icon:after,.role-card input:checked~.role-icon:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid #2196F3;border-radius:12px;pointer-events:none}.role-card input:checked~*{border-color:#2196f3}.status-selector{margin:30px 0}.status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-width:100%}.status-card{padding:12px 6px;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;text-align:center;transition:all .3s ease;background:#fff;display:flex;flex-direction:column;align-items:center;position:relative}.status-card input{position:absolute;opacity:0;width:0;height:0}.status-icon{font-size:24px;margin-bottom:8px;transition:transform .3s}.status-title{font-weight:600;margin-bottom:4px;color:#333;font-size:.9em}.status-desc{font-size:.75em;color:#666;line-height:1.3}.status-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00000014;border-color:#2196f3}.status-card input:checked~.status-title{font-weight:700}.status-card input:checked~*:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid;border-radius:12px;pointer-events:none;animation:pulse .6s ease}.status-card input:checked~*:before{border-color:#2196f3}.base-form{max-width:100%;margin:0 auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.base-form h2{margin:0 0 25px;color:#2c3e50;font-weight:600;font-size:24px}.base-form h3{margin:25px 0 15px;color:#34495e;font-weight:500;font-size:18px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.base-form .form-group{margin-bottom:20px}.base-form .form-group label{display:block;margin-bottom:8px;color:#4a5568;font-weight:500;font-size:14px}.base-form .readonly-field{display:flex;align-items:center;gap:10px;padding:12px 16px;background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568}.base-form .readonly-field span{font-weight:500}.base-form .custom-select{width:100%;height:3em;padding:12px 40px 12px 16px;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;color:#4a5568;font-size:15px;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.base-form .custom-select:hover{border-color:#cbd5e0}.base-form .custom-select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.base-form input[type=password],.base-form input[type=text]{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;color:#4a5568;transition:all .2s;box-sizing:border-box}.base-form input[type=password]:focus,.base-form input[type=text]:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.base-form .password-wrapper{position:relative}.base-form .field-note{display:block;margin-top:6px;font-size:13px;color:#718096}.base-form .section-note{margin:0 0 15px;font-size:14px;color:#718096;font-style:italic}.base-form .form-actions{display:flex;justify-content:flex-start;gap:12px;margin-top:10px;padding-top:20px;border-top:1px solid #f0f0f0}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-active{background:#e8f5e9;color:#2e7d32}.status-active .status-dot{background:#4caf50}.status-completed{background:#e0f7fa;color:#006064}.status-completed .status-dot{background:#00bcd4}.status-paused{background:#e7e5e5;color:#616161}.status-paused .status-dot{background:#9e9e9e}.status-testing{background:#f3e5f5;color:#7b1fa2}.status-testing .status-dot{background:#9c27b0}.status-cancelled{background:#ffebee;color:#c62828}.status-cancelled .status-dot{background:#f44336}.status-support{background:#efebe9;color:#5d4037}.status-support .status-dot{background:#795548}