.btn{padding:10px 15px;background-color:var(--color-info);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:16px;transition:background-color .2s}.btn:hover{background-color:var(--color-info-hover)}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-primary{background-color:var(--color-info);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-info-hover)}.btn-secondary{background-color:#a0aec0;color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--color-muted)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--color-success-hover)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.btn-sm{padding:4px 10px;font-size:12px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group input[type=date],.form-group input[type=time],.form-group select{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:16px;box-sizing:border-box}.checkbox-group{margin-top:15px}.checkbox-item{display:flex;align-items:center;margin-bottom:10px}.checkbox-item label{margin-bottom:0;margin-left:10px}.error-message{color:var(--color-danger);text-align:center;margin:10px 0}.warning-message{color:var(--color-warning);text-align:center;margin:10px 0;font-size:.9rem}.success-message{background-color:#f0fff4;border:1px solid #c6f6d5;border-radius:var(--border-radius);padding:10px 15px;text-align:center;color:var(--color-success-hover);margin:10px 0;animation:fadeIn .3s}.auth-notice{margin-top:10px;padding:8px 12px;background-color:#fefce8;border:1px solid #fde68a;border-radius:var(--border-radius-sm);color:#92400e;font-size:.9rem}.auth-notice a{color:inherit;font-weight:600;text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#fff;padding:20px;border-radius:var(--border-radius);max-width:500px;width:90%;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:15px}.modal-header h2{margin:0}.modal-content{margin-bottom:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.has-tooltip{position:relative}.has-tooltip[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);padding:8px 12px;background:#1a202c;color:#fff;font-size:.8rem;font-weight:400;text-transform:none;letter-spacing:normal;line-height:1.4;border-radius:4px;white-space:normal;width:max-content;max-width:320px;text-align:left;opacity:0;pointer-events:none;transition:opacity .15s;z-index:100}.has-tooltip[data-tooltip]:hover:after{opacity:1}:root{--primary-color: #192a56;--header-text-color: white;--secondary-color: #90afc5;--background-color: #dddddd;--text-color: #363537;--accent-color: #f95738;--color-info: #4299e1;--color-info-hover: #3182ce;--color-success: #48bb78;--color-success-hover: #38a169;--color-danger: #e53e3e;--color-danger-hover: #c53030;--color-warning: #ed8936;--color-warning-hover: #dd6b20;--color-muted: #718096;--border-color: #ddd;--border-radius: 8px;--border-radius-sm: 4px}html,body{font-family:sans-serif;color:var(--text-color);background-color:var(--background-color);height:100%;margin:0}