.modal.fade .modal-dialog{transition:transform .3s ease-out,opacity .3s ease;transform:translateY(-20px);opacity:0}.modal.show .modal-dialog{transform:translateY(0);opacity:1}#createWidgetModal .modal-content{border:none;border-radius:8px;box-shadow:0 5px 20px #00000026}#createWidgetModal .modal-header{border-bottom:1px solid #eee;padding:16px 20px}#createWidgetModal .modal-footer{border-top:1px solid #eee;padding:12px 20px}.info-tooltip i{color:#007bff;font-size:18px;cursor:help}.icon-grid{display:flex;flex-wrap:wrap;gap:10px}.icon-preview img{max-width:64px;max-height:64px;border-radius:6px}.upload-label{display:inline-block;padding:6px 12px;background-color:#eee;border-radius:4px;cursor:pointer}.modal-content hr{margin:16px 0;border:none;border-top:1px solid #ddd}.icon-option{width:48px;height:48px;cursor:pointer;border-radius:6px;border:2px solid transparent}.icon-option.selected{border-color:#007bff;background-color:#eef}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:500px;box-shadow:0 4px 20px #00000026;animation:slideUp .3s ease-out}.modal-header{padding:16px 24px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;line-height:1}.modal-close:hover{color:#333}.form-group{padding:16px 24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.modal-actions{padding:16px 24px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:12px}.btn-primary,.btn-secondary{padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.875rem}.btn-primary{background-color:#4285f4;color:#fff;border:none}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-primary:not(:disabled):hover{background-color:#3367d6}.btn-secondary{background:none;border:1px solid #ddd;color:#333}.btn-secondary:hover{background-color:#f5f5f5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}